Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Award, CheckCircle, Star } from "lucide-react";
+import { Award, CheckCircle, Star, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,126 +31,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "reviews" },
       ]}
-      button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
+      button={{ text: "Book Now", href: "#contact" }}
       brandName="Le Belle Plumbing"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Mastery in Every Drop."
       description="For over 13 years, Le Belle Plumbing has defined excellence in residential care. Trust the experts who put quality first."
       testimonials={[
-        {
-          name: "Sarah Jenkins",
-          handle: "@sarahj",
-          testimonial: "John is the absolute best. Clean, professional, and meticulous.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=1",
-          imageAlt: "luxury plumbing service professional",
-        },
-        {
-          name: "Mark Evans",
-          handle: "@marke",
-          testimonial: "Finally, a plumber who treats your home like their own.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=1",
-          imageAlt: "luxury plumbing service professional",
-        },
-        {
-          name: "Emily Chen",
-          handle: "@emchen",
-          testimonial: "Exceptional service, worth every penny.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=1",
-          imageAlt: "luxury plumbing service professional",
-        },
-        {
-          name: "David Ross",
-          handle: "@rossd",
-          testimonial: "The gold standard of plumbing. Truly impressed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg?_wi=1",
-          imageAlt: "luxury plumbing service professional",
-        },
-        {
-          name: "Lisa O'Brien",
-          handle: "@lisao",
-          testimonial: "Incredible attention to detail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg?_wi=1",
-          imageAlt: "luxury plumbing service professional",
-        },
+        { name: "Sarah Jenkins", handle: "@sarahj", testimonial: "John is the absolute best. Clean, professional, and meticulous.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=1", imageAlt: "luxury plumbing service professional" },
+        { name: "Mark Evans", handle: "@marke", testimonial: "Finally, a plumber who treats your home like their own.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=1", imageAlt: "luxury plumbing service professional" },
+        { name: "Emily Chen", handle: "@emchen", testimonial: "Exceptional service, worth every penny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=1", imageAlt: "luxury plumbing service professional" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=2"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173710.jpg",
-          alt: "Portrait of professional client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-executives-shaking-hands-near-lift_107420-65782.jpg",
-          alt: "Portrait of professional client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-people-working-as-real-estate-agents_23-2151064997.jpg",
-          alt: "Portrait of professional client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-excited-caucasian-guy-love-with-his-black-girlfriend_1262-20219.jpg",
-          alt: "Portrait of professional client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-family-looking-wrapped-painting-while-relocating-into-new-home_637285-12430.jpg",
-          alt: "Portrait of professional client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "13+ Years of Quality",
-        },
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "Elite Craftsmanship",
-        },
-        {
-          type: "text",
-          text: "Professional Reliability",
-        },
-        {
-          type: "text",
-          text: "Customer Satisfaction",
-        },
-      ]}
     />
   </div>
 
@@ -159,30 +61,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          tag: "Expertise",
-          title: "Precision Care",
-          subtitle: "13+ Years Experience",
-          description: "Expertly trained in all aspects of residential plumbing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721570.jpg",
-          imageAlt: "Plumbing professional doing his job",
-        },
-        {
-          tag: "Trust",
-          title: "Honest Pricing",
-          subtitle: "Transparent quotes",
-          description: "No hidden costs. Just fair pricing for elite work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=3",
-          imageAlt: "Plumbing professional doing his job",
-        },
-        {
-          tag: "Quality",
-          title: "Artisan Craft",
-          subtitle: "Meticulous finish",
-          description: "Every joint, every pipe, every installation is perfect.",
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=2",
-          imageAlt: "Plumbing professional doing his job",
-        },
+        { tag: "Expertise", title: "Precision Care", subtitle: "13+ Years Experience", description: "Expertly trained in all aspects of residential plumbing.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721570.jpg" },
+        { tag: "Trust", title: "Honest Pricing", subtitle: "Transparent quotes", description: "No hidden costs. Just fair pricing for elite work.", imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=3" },
       ]}
       title="The Le Belle Promise"
       description="We ensure your plumbing works perfectly, quietly, and reliably."
@@ -194,20 +74,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       title="Meet John, Your Specialist"
-      description="John brings over a decade of plumbing excellence to your home, combining technical mastery with an artisan’s eye for detail. He believes in doing the job once, and doing it perfectly."
+      description="John brings over a decade of plumbing excellence to your home, combining technical mastery with an artisan’s eye for detail."
       bulletPoints={[
-        {
-          title: "Certified Expert",
-          description: "Fully licensed and insured.",
-        },
-        {
-          title: "Local Hero",
-          description: "Proudly serving our community.",
-        },
-        {
-          title: "Reliable",
-          description: "Always punctual and prepared.",
-        },
+        { title: "Certified Expert", description: "Fully licensed and insured." },
+        { title: "Local Hero", description: "Proudly serving our community." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=3"
       mediaAnimation="slide-up"
@@ -221,42 +91,8 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
-          id: "s1",
-          name: "Luxury Bath Installation",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=2",
-        },
-        {
-          id: "s2",
-          name: "Leak Detection",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg?_wi=2",
-        },
-        {
-          id: "s3",
-          name: "Water Heater Service",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg?_wi=2",
-        },
-        {
-          id: "s4",
-          name: "Kitchen Renovations",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg",
-        },
-        {
-          id: "s5",
-          name: "Emergency Repair",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg",
-        },
-        {
-          id: "s6",
-          name: "Pipe Maintenance",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746316.jpg",
-        },
+        { id: "s1", name: "Luxury Bath Installation", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=2" },
+        { id: "s2", name: "Leak Detection", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg?_wi=2" },
       ]}
       title="Our Artisan Services"
       description="Premium plumbing services tailored to your luxury lifestyle."
@@ -270,30 +106,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "13+",
-          title: "Years Experience",
-          description: "Deep industry expertise.",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "5.0",
-          title: "Star Rating",
-          description: "Across verified platforms.",
-          icon: Star,
-        },
-        {
-          id: "m3",
-          value: "500+",
-          title: "Projects Completed",
-          description: "Satisfied households.",
-          icon: CheckCircle,
-        },
+        { id: "m1", value: "13+", title: "Years Experience", description: "Deep industry expertise.", icon: Award },
+        { id: "m2", value: "5.0", title: "Star Rating", description: "Across verified platforms.", icon: Star },
       ]}
       title="By The Numbers"
-      description="Excellence verified by years of experience and customer satisfaction."
+      description="Excellence verified by years of experience."
     />
   </div>
 
@@ -303,70 +120,24 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Jenkins",
-          handle: "@sarah",
-          testimonial: "John is simply the best in the business.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark Evans",
-          handle: "@mark",
-          testimonial: "Everything was perfect. Thank you!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-with-dog-home_23-2149613975.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Chen",
-          handle: "@emily",
-          testimonial: "Professional, clean, and fast.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/house-key-calculator-with-dollar-bills_1150-18701.jpg",
-        },
-        {
-          id: "4",
-          name: "David Ross",
-          handle: "@david",
-          testimonial: "The standard of plumbing excellence.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335467.jpg",
-        },
-        {
-          id: "5",
-          name: "Lisa O'Brien",
-          handle: "@lisa",
-          testimonial: "Exquisite work every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-charming-curly-hispanic-girl-cooking-her-kitchen-grates-cheese-grater_613910-4901.jpg",
-        },
-        {
-          id: "6",
-          name: "Tom Baker",
-          handle: "@tom",
-          testimonial: "Truly a plumbing artist.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",
-        },
+        { id: "1", name: "Sarah Jenkins", handle: "@sarah", testimonial: "John is simply the best in the business.", rating: 5 },
+        { id: "2", name: "Mark Evans", handle: "@mark", testimonial: "Everything was perfect. Thank you!", rating: 5 },
       ]}
       showRating={true}
       title="What Our Clients Say"
-      description="Authentic experiences from homeowners who appreciate artisan quality."
+      description="Authentic experiences from homeowners."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Contact Us"
-      title="Ready for an Elite Experience?"
-      description="Reach out today and let's discuss your project."
+      title="Need Urgent Help? Call Now."
+      description="For immediate assistance or emergencies, call us directly."
+      buttonText="Call (555) 123-4567"
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
+      onSubmit={(email) => console.log("Consultation for: ", email)}
     />
   </div>
 
@@ -374,44 +145,12 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Le Belle Plumbing"
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Luxury Installs",
-              href: "#services",
-            },
-            {
-              label: "Repairs",
-              href: "#services",
-            },
-            {
-              label: "Consulting",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Luxury Installs", href: "#services" }, { label: "Repairs", href: "#services" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Reviews", href: "#reviews" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}