Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -8,8 +8,9 @@ import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwe
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 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 TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import { Award, Clock, Home, MapPin, Smile } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -39,6 +40,8 @@ export default function LandingPage() {
           name: "Projects",          id: "gallery"},
         {
           name: "Contact",          id: "contact"},
+        {
+          name: "Estimate",          id: "estimate"},
       ]}
       brandName=""
     />
@@ -96,24 +99,24 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="team" data-section="team">
-      <TeamCardFive
+  <div id="team" data-section="webild-1775693345946-s1ywdps2p">
+      <TeamCardEleven
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      title="Meet Our Artisans"
-      description="The dedicated team behind every exquisite detail of your renovation journey."
-      team={[
+      title="Meet our OWNERS"
+      description="The driving force behind every successful renovation."
+      groups={[
         {
-          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: "g1",            groupTitle: "Leadership",            members: [
+                {
+                    id: "m1",                    title: "Franklin Gonzalez",                    subtitle: "Owner",                    detail: "Lead owner and visionary behind the brand.",                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=1"
+                },
+                {
+                    id: "m2",                    title: "Carolina Garcia",                    subtitle: "Owner",                    detail: "Co-owner and design strategist.",                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=2"
+                }
+            ]
+        }
       ]}
     />
   </div>
@@ -143,6 +146,16 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="estimate" data-section="estimate">
+      <ContactCenter
+        tag="Get Started"
+        title="Request An Estimate"
+        description="Provide your details below to begin your renovation journey with us. We serve all major areas in the greater Austin metro region."
+        background={{ variant: "gradient-bars" }}
+        useInvertedBackground={false}
+      />
+  </div>
+
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
@@ -163,32 +176,25 @@ export default function LandingPage() {
       columns={[
         {
           title: "Navigation",          items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "About",              href: "#about"},
+            { label: "Home", href: "#hero" },
+            { label: "About", href: "#about" },
           ],
         },
         {
           title: "Services",          items: [
-            {
-              label: "Kitchens",              href: "#services"},
-            {
-              label: "Baths",              href: "#services"},
+            { label: "Kitchens", href: "#services" },
+            { label: "Baths", href: "#services" },
           ],
         },
         {
           title: "Company",          items: [
-            {
-              label: "Portfolio",              href: "#gallery"},
-            {
-              label: "Contact",              href: "#contact"},
+            { label: "Portfolio", href: "#gallery" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
           title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
+            { label: "Privacy", href: "#" },
           ],
         },
       ]}