Update src/app/page.tsx

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandingPage() {
         <NavbarLayoutFloatingInline
           brandName="Luxe Beauty"
           navItems={[
-            { name: "Home", id: "hero" },
+            { name: "Home", id: "/" },
             { name: "Services", id: "services" },
             { name: "Treatments", id: "features" },
             { name: "Innovation", id: "timeline" },
@@ -39,13 +39,13 @@ export default function LandingPage() {
           ]}
           button={{ text: "Book Now", href: "#contact" }}
           animateOnLoad={true}
-          className="fixed top-6 left-0 right-0 z-50 px-6 lg:px-12 flex justify-center"
+          className="fixed top-0 left-0 right-0 z-50 px-6 lg:px-12 flex justify-center pt-6"
           navItemClassName="text-sm font-body tracking-wide hover:text-primary-cta transition-colors"
           buttonClassName="bg-primary-cta text-primary-cta-text px-6 py-2 rounded-full hover:shadow-lg transition-all"
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" className="pt-32">
         <HeroBillboardTestimonial
           tag="Transformative Beauty"
           title="Redefining Beauty & Wellness Experiences"