Switch to version 1: modified src/components/Layout.tsx

src/components/Layout.tsx

@@ -1,92 +1,89 @@
-import { Outlet } from "react-router-dom";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarCentered from '@/components/ui/NavbarCentered';
+import { Outlet } from 'react-router-dom';
 
 export default function Layout() {
   const navItems = [
-    {
-      name: "About",
-      href: "#about",
-    },
-    {
-      name: "Features",
-      href: "#features",
-    },
-    {
-      name: "Products",
-      href: "#products",
-    },
-    {
-      name: "Pricing",
-      href: "#pricing",
-    },
-  ];
+  {
+    "name": "About",
+    "href": "#about"
+  },
+  {
+    "name": "Features",
+    "href": "#features"
+  },
+  {
+    "name": "Products",
+    "href": "#products"
+  },
+  {
+    "name": "Pricing",
+    "href": "#pricing"
+  }
+];
 
   return (
-    <div className="flex flex-col min-h-screen">
-      <header className="sticky top-0 w-full z-50 bg-[var(--background)] shadow-md">
-        <NavbarCentered
-          logo="EmotioSaaS"
-          ctaButton={{
-            text: "Get Started",
-            href: "#contact",
-          }}
-          navItems={navItems}
-        />
-      </header>
+    <>
+      <NavbarCentered
+      logo="EmotioSaaS"
+      ctaButton={{
+        text: "Get Started",
+        href: "#contact",
+      }}
+     navItems={navItems} />
       <main className="flex-grow">
         <Outlet />
       </main>
       <FooterSimple
-        brand="EmotioSaaS"
-        columns={[
-          {
-            title: "Platform",
-            items: [
-              {
-                label: "Marketplace",
-                href: "#products",
-              },
-              {
-                label: "Pricing",
-                href: "#pricing",
-              },
-              {
-                label: "Security",
-                href: "#",
-              },
-            ],
-          },
-          {
-            title: "Company",
-            items: [
-              {
-                label: "About",
-                href: "#about",
-              },
-              {
-                label: "Careers",
-                href: "#",
-              },
-              {
-                label: "Contact",
-                href: "#contact",
-              },
-            ],
-          },
-        ]}
-        copyright="© 2024 EmotioSaaS Inc. All rights reserved."
-        links={[
-          {
-            label: "Privacy Policy",
-            href: "#",
-          },
-          {
-            label: "Terms of Service",
-            href: "#",
-          },
-        ]}
-      />
-    </div>
+      brand="EmotioSaaS"
+      columns={[
+        {
+          title: "Platform",
+          items: [
+            {
+              label: "Marketplace",
+              href: "#products",
+            },
+            {
+              label: "Pricing",
+              href: "#pricing",
+            },
+            {
+              label: "Security",
+              href: "#",
+            },
+          ],
+        },
+        {
+          title: "Company",
+          items: [
+            {
+              label: "About",
+              href: "#about",
+            },
+            {
+              label: "Careers",
+              href: "#",
+            },
+            {
+              label: "Contact",
+              href: "#contact",
+            },
+          ],
+        },
+      ]}
+      copyright="© 2024 EmotioSaaS Inc. All rights reserved."
+      links={[
+        {
+          label: "Privacy Policy",
+          href: "#",
+        },
+        {
+          label: "Terms of Service",
+          href: "#",
+        },
+      ]}
+    />
+    </>
   );
-}
+}