Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -30,25 +30,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Projects",
+          name: "Projects",          id: "gallery"},
-          id: "gallery",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Gonzalez Renovations"
     />
@@ -57,61 +47,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Elevating Spaces, Redefining Luxury."
       description="Expert home renovations tailored to your vision. Crafting legacy through precision and passion."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
+          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
+          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
+          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
+          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
+          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       buttons={[
         {
-          text: "Start Project",
+          text: "Start Project",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Licensed & Insured"},
-          text: "Licensed & Insured",
+        {
+          type: "text-icon",          text: "Award Winning",          icon: Award,
         },
         {
-          type: "text-icon",
+          type: "text",          text: "Sustainable Materials"},
-          text: "Award Winning",
+        {
-          icon: Award,
+          type: "text-icon",          text: "Certified Experts",          icon: ShieldCheck,
         },
         {
-          type: "text",
+          type: "text",          text: "Precision Craftsmanship"},
-          text: "Sustainable Materials",
-        },
-        {
-          type: "text-icon",
-          text: "Certified Experts",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text",
-          text: "Precision Craftsmanship",
-        },
       ]}
     />
   </div>
@@ -123,59 +90,29 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Kitchen Remodeling",          tags: [
-          title: "Kitchen Remodeling",
+            "Modern",            "Custom"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1"},
-            "Modern",
-            "Custom",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Bathroom Suites",          tags: [
-          title: "Bathroom Suites",
+            "Spa",            "Elegant"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=2"},
-            "Spa",
-            "Elegant",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=2",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Home Extensions",          tags: [
-          title: "Home Extensions",
+            "Spacious",            "Seamless"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=3"},
-            "Spacious",
-            "Seamless",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=3",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "Flooring & Tiling",          tags: [
-          title: "Flooring & Tiling",
+            "Durable",            "Classic"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=4"},
-            "Durable",
-            "Classic",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=4",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "Exterior Renovations",          tags: [
-          title: "Exterior Renovations",
+            "Curb Appeal",            "Stone"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=5"},
-            "Curb Appeal",
-            "Stone",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=5",
-        },
         {
-          id: "f6",
+          id: "f6",          title: "Custom Carpentry",          tags: [
-          title: "Custom Carpentry",
+            "Bespoke",            "Detailed"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=6"},
-            "Bespoke",
-            "Detailed",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=6",
-        },
       ]}
       title="Our Expertise"
       description="Comprehensive renovation solutions designed to enhance the value and beauty of your home."
@@ -191,70 +128,40 @@ export default function LandingPage() {
       description="The dedicated team behind every exquisite detail of your renovation journey."
       team={[
         {
-          id: "t1",
+          id: "t1",          name: "Elena Gonzalez",          role: "Principal Architect",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=1"},
-          name: "Elena Gonzalez",
-          role: "Principal Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=1",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Marcus Thorne",          role: "Lead Contractor",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=2"},
-          name: "Marcus Thorne",
-          role: "Lead Contractor",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=2",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Sarah Jenkins",          role: "Interior Designer",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=3"},
-          name: "Sarah Jenkins",
-          role: "Interior Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=3",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David Wu",          role: "Project Manager",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=4"},
-          name: "David Wu",
-          role: "Project Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=4",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Sofia Rossi",          role: "Carpenter",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=5"},
-          name: "Sofia Rossi",
-          role: "Carpenter",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=5",
-        },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Built on Results"
       metricsAnimation="slide-up"
       metrics={[
         {
           icon: Home,
-          label: "Homes Renovated",
+          label: "Homes Renovated",          value: "450+"},
-          value: "450+",
-        },
         {
           icon: Clock,
-          label: "Years Experience",
+          label: "Years Experience",          value: "20+"},
-          value: "20+",
-        },
         {
           icon: Smile,
-          label: "Happy Clients",
+          label: "Happy Clients",          value: "99%"},
-          value: "99%",
-        },
         {
           icon: Award,
-          label: "Awards Won",
+          label: "Awards Won",          value: "15"},
-          value: "15",
-        },
         {
           icon: MapPin,
-          label: "Cities Served",
+          label: "Cities Served",          value: "12"},
-          value: "12",
-        },
       ]}
     />
   </div>
@@ -263,14 +170,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       text="Ready to transform your home? Let's discuss your project."
       buttons={[
         {
-          text: "Contact Us",
+          text: "Contact Us",          href: "mailto:info@gonzalezrenovations.com"},
-          href: "mailto:info@gonzalezrenovations.com",
-        },
       ]}
     />
   </div>
@@ -281,51 +185,33 @@ export default function LandingPage() {
       logoText="Gonzalez Renovations"
       columns={[
         {
-          title: "Navigation",
+          title: "Navigation",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Kitchens",
+              label: "Kitchens",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Baths",
+              label: "Baths",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "#gallery"},
-              href: "#gallery",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -334,4 +220,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}