fix: stucture FIXED

src/pages/index.tsx

@@ -1,7 +1,17 @@
 import Image from 'next/image';
 
+import { Meta } from '@/layouts/Meta';
+import { Main } from '@/templates/Main';
+
 const Index = () => (
-  <main className="flex min-h-screen flex-col items-center justify-between p-24">
+  <Main
+    meta={
+      <Meta
+        title="Juun's Next.js Boilerplate"
+        description="Next js Boilerplate Settings"
+      />
+    }
+  >
     <div className="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex">
       <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
         Working on Dev Env Settings&nbsp;
@@ -107,7 +117,7 @@ const Index = () => (
         </p>
       </a>
     </div>
-  </main>
+  </Main>
 );
 
 export default Index;

src/templates/Main.tsx

@@ -22,4 +22,4 @@ const Main = (props: IMainProps) => (
   </div>
 );
 
-export default Main;
+export { Main };