diff --git a/src/app/page.tsx b/src/app/page.tsx
index 55234ca..6458848 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,15 +18,21 @@ export default function LandingPage() {
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="compact"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           brandName="LiftPro Crane"
           navItems={[
-            { name: "Home", id: "#hero" },
-            { name: "Services", id: "#services" },
-            { name: "Projects", id: "#projects" },
-            { name: "Contact", id: "#contact" }
+            { name: "Home", id: "hero" },
+            { name: "Services", id: "services" },
+            { name: "Projects", id: "projects" },
+            { name: "Contact", id: "contact" }
           ]}
         />
       </div>