Create layout.tsx

ArhanAnsari · Oct 10, 2024 · 450a237 · 450a237
1 parent a7c04be
commit 450a237
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/app/plans/layout.tsx b/app/plans/layout.tsx
@@ -0,0 +1,36 @@
+// app/plans/layout.tsx
+import React from "react";
+import Header from "@/components/Header";
+import { ToastContainer } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import SEO from "@/components/SEO";
+
+export const metadata = {
+  title: "Plans - InspireGem",
+  description: "Explore the different plans InspireGem offers and choose the one that fits your content generation needs.",
+};
+
+export default function PlansLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body className="bg-gray-100 text-gray-900 antialiased">
+        <SEO title={metadata.title} description={metadata.description} />
+        <div className="flex flex-col h-screen">
+          <Header />
+          <main className="flex-1 py-12">{children}</main>
+          <ToastContainer
+            position="top-right"
+            autoClose={3000}
+            hideProgressBar
+            newestOnTop
+            closeOnClick
+            rtl={false}
+            pauseOnFocusLoss
+            draggable
+            pauseOnHover
+          />
+        </div>
+      </body>
+    </html>
+  );
+}