src/app/page.tsx

@@ -12,7 +12,11 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import { Star, Shield } from "lucide-react";
 
 export default function Page() {
-  const navItems = [{ name: "Home", id: "/" }];
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
 
   return (
     <ThemeProvider
@@ -29,7 +33,7 @@ export default function Page() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered 
-          navItems={navItems.map(item => ({ name: item.name, id: item.id }))} 
+          navItems={navItems} 
         />
       </div>
       <div id="hero" data-section="hero">