Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,12 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import { Award, Clock, Home, MapPin, ShieldCheck, Smile } from "lucide-react";
+import { Award, Clock, Home, MapPin, Smile } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,90 +30,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Projects",
-          id: "gallery",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Projects", id: "gallery" },
+        { name: "Estimate", id: "estimate" },
+        { name: "Contact", id: "contact" },
       ]}
-      brandName="Gonzalez Renovations"
+      brandName=""
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Elevating Spaces, Redefining Luxury."
+      <HeroLogoBillboard
+      logoText="Gonzalez Renovations"
       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",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
-          alt: "Client 5",
-        },
-      ]}
       buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text-icon",
-          text: "Award Winning",
-          icon: Award,
-        },
-        {
-          type: "text",
-          text: "Sustainable Materials",
-        },
-        {
-          type: "text-icon",
-          text: "Certified Experts",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text",
-          text: "Precision Craftsmanship",
-        },
+        { text: "Start Project", href: "#estimate" },
+        { text: "Our Portfolio", href: "#gallery" }
       ]}
+      background={{ variant: "gradient-bars" }}
+      imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg"
+      frameStyle="card"
     />
   </div>
 
@@ -122,60 +61,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Kitchen Remodeling",
-          tags: [
-            "Modern",
-            "Custom",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Bathroom Suites",
-          tags: [
-            "Spa",
-            "Elegant",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=2",
-        },
-        {
-          id: "f3",
-          title: "Home Extensions",
-          tags: [
-            "Spacious",
-            "Seamless",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=3",
-        },
-        {
-          id: "f4",
-          title: "Flooring & Tiling",
-          tags: [
-            "Durable",
-            "Classic",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=4",
-        },
-        {
-          id: "f5",
-          title: "Exterior Renovations",
-          tags: [
-            "Curb Appeal",
-            "Stone",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=5",
-        },
-        {
-          id: "f6",
-          title: "Custom Carpentry",
-          tags: [
-            "Bespoke",
-            "Detailed",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=6",
-        },
+        { id: "f1", title: "Kitchen Remodeling", tags: ["Modern", "Custom"], imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1" },
+        { id: "f2", title: "Bathroom Suites", tags: ["Spa", "Elegant"], imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=2" },
+        { id: "f3", title: "Home Extensions", tags: ["Spacious", "Seamless"], imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=3" }
       ]}
       title="Our Expertise"
       description="Comprehensive renovation solutions designed to enhance the value and beauty of your home."
@@ -190,71 +78,32 @@ export default function LandingPage() {
       title="Meet Our Artisans"
       description="The dedicated team behind every exquisite detail of your renovation journey."
       team={[
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
+        { 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" },
+        { 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" }
       ]}
     />
   </div>
 
+  <div id="estimate" data-section="estimate">
+      <ContactCenter
+        tag="Request Quote"
+        title="Get Your Project Estimate"
+        description="Provide your details below, and we will get back to you with a personalized estimate for your home renovation project."
+        background={{ variant: "animated-grid" }}
+        buttonText="Submit Request"
+        useInvertedBackground={false}
+      />
+  </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",
-          value: "450+",
-        },
-        {
-          icon: Clock,
-          label: "Years Experience",
-          value: "20+",
-        },
-        {
-          icon: Smile,
-          label: "Happy Clients",
-          value: "99%",
-        },
-        {
-          icon: Award,
-          label: "Awards Won",
-          value: "15",
-        },
-        {
-          icon: MapPin,
-          label: "Cities Served",
-          value: "12",
-        },
+        { icon: Home, label: "Homes Renovated", value: "670+" },
+        { icon: Clock, label: "Years Experience", value: "14+" },
+        { icon: Smile, label: "Happy Clients", value: "99%" }
       ]}
     />
   </div>
@@ -262,16 +111,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Ready to transform your home? Let's discuss your project."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:info@gonzalezrenovations.com",
-        },
-      ]}
+      buttons={[{ text: "Email Us", href: "mailto:info@gonzalezrenovations.com" }]}
     />
   </div>
 
@@ -280,58 +122,13 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=7"
       logoText="Gonzalez Renovations"
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Kitchens",
-              href: "#services",
-            },
-            {
-              label: "Baths",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "Portfolio",
-              href: "#gallery",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
+        { title: "Services", items: [{ label: "Kitchens", href: "#services" }, { label: "Estimate", href: "#estimate" }] },
+        { title: "Company", items: [{ label: "Contact", href: "#contact" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}