Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -30,22 +30,27 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Services",          id: "services"},
+          name: "Home",          id: "home"
+        },
         {
-          name: "Why Alma",          id: "why-alma"},
+          name: "Services",          id: "services"
+        },
         {
-          name: "Process",          id: "process"},
+          name: "Process",          id: "process"
+        },
         {
-          name: "Portfolio",          id: "portfolio"},
+          name: "Portfolio",          id: "projects"
+        },
         {
-          name: "Contact",          id: "contact"},
+          name: "Contact",          id: "contact"
+        }
       ]}
       brandName="Alma Roofing"
       topBarClassName="bg-[var(--background)]"
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="home" data-section="home">
       <HeroSplit
       background={{
         variant: "plain"}}
@@ -53,9 +58,9 @@ export default function LandingPage() {
       description="Premium roofing solutions for homes and commercial properties. Built on trust, precision, and communication."
       buttons={[
         {
-          text: "Get Free Estimate",          href: "#contact"},
+          text: "Get Free Estimate",          href: "contact"},
         {
-          text: "View Our Work",          href: "#portfolio"},
+          text: "View Our Work",          href: "projects"},
       ]}
       avatars={[
         {
@@ -74,14 +79,14 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="why-alma" data-section="why-alma">
+  <div id="services" data-section="services">
       <MediaAbout
       useInvertedBackground={false}
       title="No Surprises. No Shortcuts."
       description="Alma Roofing stands for uncompromising quality and transparent communication. We believe in building trust through detailed project breakdowns, on-time completion, and impeccably clean job sites. We use only high-end materials, ensuring your roof is built to last – not just to pass inspection. With us, you always know what’s happening."
       buttons={[
         {
-          text: "Get Free Estimate",          href: "#contact"},
+          text: "Get Free Estimate",          href: "contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-building-with-exterior-frame_1127-2190.jpg"
       imageAlt="Professional roofing team reviewing plans on a high-end construction site"
@@ -129,7 +134,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="portfolio" data-section="portfolio">
+  <div id="projects" data-section="projects">
       <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
@@ -158,7 +163,7 @@ export default function LandingPage() {
       description="Experience the Alma Roofing difference. Request a free estimate or call us now to discuss your premium roofing project."
       buttons={[
         {
-          text: "Request Free Estimate",          href: "#"},
+          text: "Request Free Estimate",          href: "contact"},
         {
           text: "Call Now",          href: "tel:+18001234567"},
       ]}
@@ -171,27 +176,27 @@ export default function LandingPage() {
         {
           title: "Services",          items: [
             {
-              label: "Residential Roofing",              href: "#services"},
+              label: "Residential Roofing",              href: "services"},
             {
-              label: "Commercial Roofing",              href: "#services"},
+              label: "Commercial Roofing",              href: "services"},
             {
-              label: "New Construction",              href: "#services"},
+              label: "New Construction",              href: "services"},
           ],
         },
         {
           title: "Company",          items: [
             {
-              label: "Why Alma",              href: "#why-alma"},
+              label: "Why Alma",              href: "services"},
             {
-              label: "Our Process",              href: "#process"},
+              label: "Our Process",              href: "process"},
             {
-              label: "Portfolio",              href: "#portfolio"},
+              label: "Portfolio",              href: "projects"},
           ],
         },
         {
           title: "Contact",          items: [
             {
-              label: "Get an Estimate",              href: "#contact"},
+              label: "Get an Estimate",              href: "contact"},
             {
               label: "Call Us: (800) 123-4567",              href: "tel:+18001234567"},
             {
@@ -218,4 +223,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}