Update src/app/page.tsx

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Clock, Shield, Star } from "lucide-react";
+import { Clock, Shield, Star, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "#services"},
-          id: "#services",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Charge Construction & Plumbing"
     />
@@ -53,15 +45,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Precision Craftsmanship. Premier Plumbing."
       description="Charge Construction and Plumbing LLC delivers luxury-grade construction and reliable, expert plumbing solutions. We transform spaces with unmatched professional standards."
       buttons={[
         {
-          text: "Book Consultation",
+          text: "Book Consultation",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/geometric-building-facade-with-sunlight-shadows_23-2152032129.jpg"
       imageAlt="High-end construction site showcasing professional plumbing work."
@@ -74,19 +63,13 @@ export default function LandingPage() {
       title="Unrivaled Quality Standards"
       metrics={[
         {
-          label: "Certified Excellence",
+          label: "Certified Excellence",          value: "100%",          icon: Shield,
-          value: "100%",
-          icon: Shield,
         },
         {
-          label: "Rapid Response",
+          label: "Rapid Response",          value: "24/7",          icon: Clock,
-          value: "24/7",
-          icon: Clock,
         },
         {
-          label: "Client Satisfaction",
+          label: "Client Satisfaction",          value: "5.0",          icon: Star,
-          value: "5.0",
-          icon: Star,
         },
       ]}
       metricsAnimation="slide-up"
@@ -100,34 +83,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "service-1",
+          id: "service-1",          label: "Plumbing",          title: "Expert Plumbing Installations",          items: [
-          label: "Plumbing",
+            "Pipe relining",            "Custom fixture install",            "Leak detection"],
-          title: "Expert Plumbing Installations",
-          items: [
-            "Pipe relining",
-            "Custom fixture install",
-            "Leak detection",
-          ],
         },
         {
-          id: "service-2",
+          id: "service-2",          label: "Construction",          title: "Precision General Construction",          items: [
-          label: "Construction",
+            "Kitchen renovation",            "Bathroom remodeling",            "Foundation repair"],
-          title: "Precision General Construction",
-          items: [
-            "Kitchen renovation",
-            "Bathroom remodeling",
-            "Foundation repair",
-          ],
         },
         {
-          id: "service-3",
+          id: "service-3",          label: "Emergency",          title: "Emergency Maintenance",          items: [
-          label: "Emergency",
+            "24/7 priority response",            "System assessment",            "Critical repair"],
-          title: "Emergency Maintenance",
-          items: [
-            "24/7 priority response",
-            "System assessment",
-            "Critical repair",
-          ],
         },
       ]}
       title="Our Specialized Solutions"
@@ -136,67 +101,43 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardSixteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Excellent Service",
-          quote: "Incredible attention to detail and very clean workspace.",
-          name: "Robert Miller",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-        },
-        {
-          id: "t2",
-          title: "High Professionalism",
-          quote: "They fixed our complex plumbing issue efficiently and professionally.",
-          name: "Elena Smith",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
-        },
-        {
-          id: "t3",
-          title: "Reliable & Fast",
-          quote: "The emergency repair was seamless and very high quality.",
-          name: "James Wilson",
-          role: "Property Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-senior-gentleman-with-bald-head-gray-beard-posing-isolated-wearing-black-jacket-white-shirt-having-confident-look-grinning_343059-2305.jpg",
-        },
-        {
-          id: "t4",
-          title: "Luxury Standard",
-          quote: "Our kitchen remodel looks absolutely stunning. Top tier work.",
-          name: "Samantha Lee",
-          role: "Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-        },
-        {
-          id: "t5",
-          title: "Great Expertise",
-          quote: "Knowledgeable team that truly cares about the end result.",
-          name: "David Clark",
-          role: "Investor",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg",
-        },
-      ]}
       title="Trusted by Homeowners"
       description="Discover why our clients trust Charge Construction and Plumbing for their most important projects."
+      textboxLayout="split"
+      useInvertedBackground={false}
+      animationType="slide-up"
+      kpiItems={[
+        { value: "500+", label: "Projects Finished" },
+        { value: "4.9/5", label: "Average Rating" },
+        { value: "24/7", label: "Support Access" }
+      ]}
+      testimonials={[
+        {
+          id: "t1",          name: "Robert Miller",          role: "Homeowner",          company: "Residential Client",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg"},
+        {
+          id: "t2",          name: "Elena Smith",          role: "Designer",          company: "Studio Alpha",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg"},
+        {
+          id: "t3",          name: "James Wilson",          role: "Property Manager",          company: "Urban Living",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-senior-gentleman-with-bald-head-gray-beard-posing-isolated-wearing-black-jacket-white-shirt-having-confident-look-grinning_343059-2305.jpg"},
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
-      useInvertedBackground={false}
+      tag="Contact Us"
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Get in Touch"
       title="Start Your Project Today"
-      description="Ready to upgrade your home? Contact us today to discuss your vision and get a professional assessment."
+      description="Ready to transform your property with premium construction and plumbing solutions? Send us your project details."
-      inputPlaceholder="Enter your email address"
+      tagIcon={Sparkles}
-      buttonText="Request a Quote"
+      useInvertedBackground={false}
+      mediaAnimation="slide-up"
+      background={{
+        variant: "gradient-bars"}}
+      imageSrc="http://img.b2bpic.net/free-photo/plumber-working-inside-kitchen_23-2148970923.jpg"
+      buttonText="Submit Request"
     />
   </div>
 
@@ -206,33 +147,21 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Testimonials",
+              label: "Testimonials",              href: "#testimonials"},
-              href: "#testimonials",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
             {
-              label: "License #12345",
+              label: "License #12345",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}