From 2e101a02b96f81bd4eb9a7cb7e22dc8cd3ac033c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 23:30:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 318 +++++++++++++++--------------------------------
 1 file changed, 97 insertions(+), 221 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8a8ea96..d6a73d5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,14 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { CheckCircle, Shield, Star } from "lucide-react";
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import { CheckCircle, Shield, Star, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,227 +27,104 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Salty Dog Plumbing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Salty Dog Plumbing"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Reliable Plumbing Services in Austin"
-      description="Professional plumbing solutions for your home. From water heater installations to sewer repairs, Salty Dog Plumbing delivers efficient and quality work."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg",
-          imageAlt: "Plumber professional service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg",
-          imageAlt: "Plumbing tools and equipment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-showing-peace-gesture-white_141793-74573.jpg",
-          imageAlt: "Professional plumbing service",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            title="Salty Dog Plumbing: Austin's Reliable Choice"
+            description="Top-tier residential plumbing services. From routine maintenance to emergency repairs, we prioritize your peace of mind."
+            background={{ variant: "sparkles-gradient" }}
+            testimonials={[
+              {
+                name: "Kelli Kennedy",                handle: "@kelli_k",                testimonial: "Chris was so helpful. He stuck to his quote even when encountering issues. Highly recommend!",                rating: 5
+              }
+            ]}
+            buttons={[{ text: "Book Now", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Local Expertise You Can Trust"
-      description="At Salty Dog Plumbing, we pride ourselves on exceptional customer care and dependable service. Whether it's a minor repair or a complex installation, our goal is to get the job done right, every time."
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            title="Local Plumbing Experts"
+            description="Salty Dog Plumbing combines years of experience with unmatched customer service. We treat every home like our own, ensuring quality, reliability, and lasting solutions."
+            metrics={[
+              { value: "500+", title: "Successful Jobs" },
+              { value: "4.8", title: "Star Rating" }
+            ]}
+            useInvertedBackground={true}
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Pipe Repairs",
-          description: "Quick and reliable solutions for leaking or damaged pipes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg",
-        },
-        {
-          title: "Water Heaters",
-          description: "Installation and maintenance of all types of water heaters.",
-          imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg",
-        },
-        {
-          title: "Sewer Maintenance",
-          description: "Expert sewer line repair and maintenance services.",
-          imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg",
-        },
-      ]}
-      title="Our Expert Services"
-      description="We handle all your residential plumbing needs with precision and care."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSix
+            title="Our Plumbing Services"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Pipe Repairs", description: "Fast, leak-free pipe maintenance and replacement.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg" },
+              { title: "Water Heater Systems", description: "Installation and servicing of energy-efficient heaters.", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg" },
+              { title: "Sewer Line Maintenance", description: "Professional inspections and clearing for your sewer systems.", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          icon: CheckCircle,
-          title: "Jobs Done Right",
-          value: "500+",
-        },
-        {
-          id: "m2",
-          icon: Star,
-          title: "Average Rating",
-          value: "4.8",
-        },
-        {
-          id: "m3",
-          icon: Shield,
-          title: "Happy Clients",
-          value: "19+",
-        },
-      ]}
-      title="By The Numbers"
-      description="Quality service backed by our experience and happy customers."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            title="Customer Praise"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              {
+                id: "t1",                name: "Kelli Kennedy",                date: "2024-05-12",                title: "Professional & Honest",                quote: "Amazing service! The team was on time and very transparent about pricing. A 5-star experience!",                tag: "Verified Client",                avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"
+              }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Chris was so helpful. He stuck to his quote even when encountering issues with the job. Highly recommend Salty Dog for any plumbing related needs!"
-      rating={5}
-      author="Kelli Kennedy"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3984.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-headphones_23-2149894873.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-juggle-with-oranges-woman-while-preparing-tasty-nutritious-smoothie-healthy-carefree-cheerful-lifestyle-eating-diet-preparing-breakfast-cozy-sunny-morning_482257-10603.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            title="Questions?"
+            description="Answers to common plumbing concerns."
+            faqs={[
+              { id: "q1", title: "How do I book a visit?", content: "Simply call us at our office line or click the contact link to get a quote." },
+              { id: "q2", title: "Do you offer emergency service?", content: "Yes, we prioritize emergency plumbing issues to prevent property damage." }
+            ]}
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Are your quotes accurate?",
-          content: "Yes, we stick to our quoted price whenever possible.",
-        },
-        {
-          id: "f2",
-          title: "What services do you offer?",
-          content: "We handle pipes, water heaters, sewer lines, and general plumbing repairs.",
-        },
-        {
-          id: "f3",
-          title: "How quickly can you respond?",
-          content: "We offer quick response times to ensure your plumbing issues are fixed promptly.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-couple-construction-worker-uniform-cap-looking-each-other-unpleased-girl-holding-pencil-clipboard-touching-head-with-pencil-concerned-guy-keeping-hand-head_141793-78872.jpg"
-      title="Frequently Asked Questions"
-      description="Have questions? We've got answers."
-      faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Get in Touch"
+            title="Contact Us"
+            description="Schedule your plumbing repair with Salty Dog today."
+            buttons={[{ text: "Call (512) 264-4922", href: "tel:5122644922" }]}
+            background={{ variant: "sparkles-gradient" }}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Need Help?"
-      title="Ready to get started?"
-      description="Call us today to schedule your plumbing service."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:5122644922",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Salty Dog Plumbing"
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 | Salty Dog Plumbing Services"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoText="Salty Dog Plumbing"
+            columns={[
+              { title: "Services", items: [{ label: "Repairs", href: "#features" }, { label: "Heaters", href: "#features" }] },
+              { title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Contact", href: "#contact" }] }
+            ]}
+            copyrightText="© 2025 Salty Dog Plumbing. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1