Update src/app/page.tsx

Merge version_12 into main

src/app/page.tsx

@@ -4,12 +4,12 @@ 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 FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 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() {
@@ -52,26 +52,24 @@ export default function LandingPage() {
       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>
 
   <div id="services" data-section="services">
-      <FeatureCardTwentyThree
+      <FeatureCardThree
       animationType="slide-up"
       textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
       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" },
+        { title: "Roof Installation", description: "Complete roof replacements with high-quality, durable materials designed to withstand the Texas elements.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-installing-roof_1234.jpg?_wi=1" },
+        { title: "Roof Repair", description: "Expert diagnosis and repair of leaks, damaged shingles, and structural issues to protect your home.", imageSrc: "http://img.b2bpic.net/free-photo/roof-repair-service_5678.jpg?_wi=1" },
+        { title: "Maintenance", description: "Proactive roof inspections and preventative maintenance to extend the lifespan of your roofing investment.", imageSrc: "http://img.b2bpic.net/free-photo/roof-maintenance-tools_9101.jpg?_wi=1" },
       ]}
-      title="Our Expertise"
-      description="Comprehensive renovation solutions designed to enhance the value and beauty of your home."
+      title="Roofing Services"
+      description="Expert roofing solutions to keep your home safe, dry, and protected for years to come."
     />
   </div>
 
@@ -107,11 +105,18 @@ export default function LandingPage() {
   </div>
 
   <div id="estimate" data-section="estimate">
-      <ContactCenter
-        tag="Get Started"
+      <ContactSplitForm
         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>
@@ -137,8 +142,8 @@ export default function LandingPage() {
             { label: "About", href: "#about" },
         ]},
         { title: "Services", items: [
+            { label: "Roofing", href: "#services" },
             { label: "Kitchens", href: "#services" },
-            { label: "Baths", href: "#services" },
         ]},
         { title: "Company", items: [
             { label: "Portfolio", href: "#gallery" },