Update layout.tsx

ArhanAnsari · Oct 10, 2024 · bdafa2e · bdafa2e
1 parent 77d201d
commit bdafa2e
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,25 +1,26 @@
 // app/layout.tsx
 import "./styles/globals.css";
 import React from "react";
-import Header from "../components/Header";
+import Header from "@/components/Header";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import Layout from "@/components/Layout";
-import SEO from "@/components/SEO"; // Import the SEO component
+import SEO from "@/components/SEO";
 
-const RootLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+export const metadata = {
+  title: "InspireGem - AI-Powered Content Generation Platform",
+  description: "InspireGem is an AI-powered platform to create high-quality content using Google Gemini. Sign in to explore our features and get started.",
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
-      <SEO
-        title="InspireGem - AI-Powered Content Generation"
-        description="InspireGem is an AI-powered content generation platform that uses Google Gemini to help you create high-quality content effortlessly. Sign in to get started."
-      />
       <body className="bg-gray-100 text-gray-900 antialiased">
-        <Layout>
+        {/* SEO metadata */}
+        <SEO title={metadata.title} description={metadata.description} />
+        <div className="flex-1 flex flex-col h-screen">
+          {/* Header */}
           <Header />
-          <main className="min-h-screen flex flex-col items-center justify-center py-12">
-            {children}
-          </main>
+          <main className="flex-1 overflow-y-auto py-12">{children}</main>
           {/* Toast notifications container */}
           <ToastContainer
             position="top-right"
@@ -32,10 +33,8 @@ const RootLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
             draggable
             pauseOnHover
           />
-        </Layout>
+        </div>
       </body>
     </html>
   );
-};
-
-export default RootLayout;
+}