Switch to version 14: modified src/app/page.tsx

Merge version_15 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import { Award, Clock, Home, MapPin, Smile } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,18 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Services", id: "services" },
-          name: "About",          id: "about"},
+        { name: "Projects", id: "gallery" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Services",          id: "services"},
+        { name: "Estimate", id: "estimate" },
-        {
-          name: "Projects",          id: "gallery"},
-        {
-          name: "Contact",          id: "contact"},
-        {
-          name: "Estimate",          id: "estimate"},
       ]}
       brandName=""
     />
@@ -52,13 +46,12 @@ export default function LandingPage() {
       logoText="Gonzalez Renovations"
       description="Premier home renovation specialists serving the greater Austin area. Transforming local houses into high-end dream homes with expert craftsmanship."
       buttons={[
-        { text: "Start Project", href: "#contact" },
+        { text: "Start Project", onClick: () => window.location.href = "mailto:Gonzalezrenovationservices@gmail.com" }
-        { 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"
+      imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1"
       frameStyle="card"
     />
   </div>
@@ -69,30 +62,12 @@ 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: "f1",          title: "Kitchen Remodeling",          tags: [
+        { 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" },
-            "Modern",            "Custom"],
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1"},
+        { 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: "f2",          title: "Bathroom Suites",          tags: [
+        { 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" },
-            "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"},
       ]}
       title="Our Expertise"
       description="Comprehensive renovation solutions designed to enhance the value and beauty of your home."
@@ -107,16 +82,10 @@ export default function LandingPage() {
       title="Meet our OWNERS"
       description="The driving force behind every successful renovation."
       groups={[
-        {
+        { id: "g1", groupTitle: "Leadership", members: [
-            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" }
-                    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>
@@ -127,31 +96,28 @@ export default function LandingPage() {
       title="Built on Results"
       metricsAnimation="slide-up"
       metrics={[
-        {
+        { icon: Home, label: "Homes Renovated", value: "670+" },
-          icon: Home,
+        { icon: Clock, label: "Years Experience", value: "14+" },
-          label: "Homes Renovated",          value: "670+"},
+        { icon: Smile, label: "Happy Clients", value: "99%" },
-        {
+        { icon: Award, label: "Awards Won", value: "15" },
-          icon: Clock,
+        { icon: MapPin, label: "Cities Served", value: "12" },
-          label: "Years Experience",          value: "14+"},
-        {
-          icon: Smile,
-          label: "Happy Clients",          value: "99%"},
-        {
-          icon: Award,
-          label: "Awards Won",          value: "15"},
-        {
-          icon: MapPin,
-          label: "Cities Served",          value: "12"},
       ]}
     />
   </div>
 
   <div id="estimate" data-section="estimate">
-      <ContactCenter
+      <ContactSplitForm
-        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" }}
+        inputs={[
+          { name: "name", type: "text", placeholder: "Full Name", required: true },
+          { name: "email", type: "email", placeholder: "Email Address", required: true },
+          { name: "projectType", type: "text", placeholder: "Project Type" }
+        ]}
+        textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4, required: true }}
+        onSubmit={(data) => console.log("Form submitted to endpoint:", data)}
+        imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=2"
+        mediaPosition="right"
         useInvertedBackground={false}
       />
   </div>
@@ -159,44 +125,34 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       text="Ready to transform your home? Let's discuss your project."
       buttons={[
-        {
+        { text: "Start Your Transformation", onClick: () => window.location.href = "mailto:Gonzalezrenovationservices@gmail.com" },
-          text: "Contact Us",          href: "mailto:info@gonzalezrenovations.com"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=7"
+      imageSrc="http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-480.jpg?id=1238642"
       logoText="Gonzalez Renovations"
       columns={[
-        {
+        { title: "Navigation", items: [
-          title: "Navigation",          items: [
             { label: "Home", href: "#hero" },
             { label: "About", href: "#about" },
-          ],
+        ]},
-        },
+        { title: "Services", items: [
-        {
-          title: "Services",          items: [
             { label: "Kitchens", href: "#services" },
             { label: "Baths", href: "#services" },
-          ],
+        ]},
-        },
+        { title: "Company", items: [
-        {
-          title: "Company",          items: [
             { label: "Portfolio", href: "#gallery" },
             { label: "Contact", href: "#contact" },
-          ],
+        ]},
-        },
+        { title: "Legal", items: [
-        {
-          title: "Legal",          items: [
             { label: "Privacy", href: "#" },
-          ],
+        ]},
-        },
       ]}
     />
   </div>