diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 9343604..8c88cc5 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,89 +1,92 @@
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import NavbarCentered from '@/components/ui/NavbarCentered';
-import { Outlet } from 'react-router-dom';
+import { Outlet } from "react-router-dom";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 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 (
-    <>
-      <NavbarCentered
-      logo="EmotioSaaS"
-      ctaButton={{
-        text: "Get Started",
-        href: "#contact",
-      }}
-     navItems={navItems} />
+    <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>
       <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: "#",
-        },
-      ]}
-    />
-    </>
+        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>
   );
-}
+}
\ No newline at end of file