import React, { lazy, Suspense } from 'react';

const Hero = lazy(() => import("./Hero.jsx"));
const Business = lazy(() => import("./Business.jsx"));
const Project = lazy(() => import("./Project.jsx"));
const Partners = lazy(() => import("./Partners.jsx"));
const Directions = lazy(() => import("@/pages/main/Directions.jsx"));
const Footer = lazy(() => import("@/pages/main/Footer.jsx"));

const Main = () => {
  return (
    <Suspense fallback={<div>로딩 중...</div>}>
      <Hero/>
      <Business/>
      <Project/>
      <Partners/>
      <Directions/>
      <Footer/>
    </Suspense>
  );
};

export default Main;
