From 36635b8619a92557376d3730ffe0f383a3495e75 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 20:46:22 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 212 +++++++----------------------------------------
 1 file changed, 32 insertions(+), 180 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3730d4b..94698a3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TextAbout from '@/components/sections/about/TextAbout';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 
 export default function LandingPage() {
   return (
@@ -29,17 +29,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="The Sons"
     />
@@ -48,211 +42,69 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Premium Plumbing Done Right the First Time"
       description="Family-owned. Precision-driven. Trusted by homeowners who expect more."
       buttons={[
         {
-          text: "Request Service Now",
-          href: "#contact",
-        },
+          text: "Request Service Now",          href: "#contact"},
         {
-          text: "Call Now: (555) 123-4567",
-          href: "tel:5551234567",
-        },
+          text: "Call Now: (555) 123-4567",          href: "tel:5551234567"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/professional-plumber-at-work-cinematic-l-1774815972984-ee460ab4.png"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png",
-          alt: "Satisfied client",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815973003-6b629430.png",
-          alt: "Satisfied client",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815973064-c550718e.png",
-          alt: "Satisfied client",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972550-15078aec.png",
-          alt: "Satisfied client",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png",
-          alt: "Satisfied client",
-        },
-      ]}
-      avatarText="Trusted by 500+ Local Families"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "24/7 Emergency Support",
-        },
-        {
-          type: "text",
-          text: "Transparent Pricing",
-        },
-        {
-          type: "text",
-          text: "Family Owned & Operated",
-        },
-        {
-          type: "text",
-          text: "Guaranteed Satisfaction",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <InlineImageSplitTextAbout
+      heading={[{ type: 'text', content: 'Meet Phillip: A Legacy of Craftsmanship' }]}
       useInvertedBackground={false}
-      title="A Family Legacy of Craftsmanship"
       buttons={[
-        {
-          text: "Learn More",
-          href: "#about",
-        },
+        { text: "Learn More", href: "#" }
       ]}
-      tag="About Us"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
+      <FeatureCardSix
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      animationType="slide-up"
+      title="Better Communication, Better Results"
+      description="We keep you informed from the first call to the final sign-off."
       features={[
-        {
-          id: "f1",
-          title: "Precision Workmanship",
-          description: "We don’t cut corners—every job is done to last.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/detail-of-high-precision-wrench-on-pipe--1774815972971-f82d5d2a.png",
-        },
-        {
-          id: "f2",
-          title: "Family-Owned Values",
-          description: "Respect, honesty, and accountability in every visit.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/warm-family-oriented-shot-friendly-exper-1774815974419-58288b44.png",
-        },
-        {
-          id: "f3",
-          title: "Fast, Reliable Service",
-          description: "We show up on time—and we get it done right.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/clock-and-calendar-icon-digital-ui-desig-1774815974671-f15302f4.png",
-        },
+        { id: 1, title: "Transparent Updates", description: "You'll always know exactly where we are in the process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/clock-and-calendar-icon-digital-ui-desig-1774815974671-f15302f4.png" },
+        { id: 2, title: "Detailed Estimates", description: "No surprises—just clear, upfront pricing every time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/detail-of-high-precision-wrench-on-pipe--1774815972971-f82d5d2a.png" }
       ]}
-      title="Not Your Average Plumbing Company"
-      description="Excellence in every interaction."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+      <TestimonialCardSixteen
+      title="Highlights from Our Community"
+      description="Real feedback from neighbors who trust our family."
+      useInvertedBackground={true}
       animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
+      kpiItems={[{ label: "Jobs Done", value: "500+" }, { label: "Happy Families", value: "450+" }, { label: "Years Serving", value: "15+" }]}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah M.",
-          handle: "Homeowner",
-          testimonial: "Professional, clean, and extremely reliable. Easily the best plumbing service I’ve used.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "David R.",
-          handle: "Homeowner",
-          testimonial: "They treated my home like their own. That’s rare.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815973003-6b629430.png",
-        },
-        {
-          id: "3",
-          name: "Jane D.",
-          handle: "Homeowner",
-          testimonial: "Exceptional service and communication throughout the process.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815973064-c550718e.png",
-        },
-        {
-          id: "4",
-          name: "Mike B.",
-          handle: "Homeowner",
-          testimonial: "Prompt and efficient. Will definitely call them again!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972550-15078aec.png",
-        },
-        {
-          id: "5",
-          name: "Elena P.",
-          handle: "Homeowner",
-          testimonial: "The only plumbers I trust for my kitchen remodels. Flawless work.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png?_wi=2",
-        },
+        { id: "1", name: "Sarah M.", role: "Homeowner", company: "", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png" }
       ]}
-      showRating={true}
-      title="Trusted by Homeowners"
-      description="See why our neighbors trust us with their homes."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Need Plumbing Help Today? Same-day service available. Limited slots—book now before we’re full."
-      buttons={[
-        {
-          text: "Schedule Now",
-          href: "#",
-        },
-      ]}
+      <ContactCenter
+      tag="Book Your Slot"
+      title="Ready to Fix Your Plumbing?"
+      description="Phillip and his team are ready to help. Fill out the form below to get started."
+      background={{ variant: "gradient-bars" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "License #12345",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
       ]}
       logoText="The Sons Plumbing Service"
     />
@@ -260,4 +112,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From c8fea2b30764960a1be8ef0079cdc64f2db022af Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 20:46:22 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index b2afa68..0363502 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #fcfcfc;
-  --foreground: #0B1F3A;
-  --primary-cta: #C8A96A;
+  --background: #0a0c10;
+  --card: #151821;
+  --foreground: #e2e8f0;
+  --primary-cta: #d4af37;
   --primary-cta-text: #111111;
-  --secondary-cta: #111111;
+  --secondary-cta: #1e3a8a;
   --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
-  --background-accent: #0B1F3A;
+  --accent: #c5a028;
+  --background-accent: #1a1e2a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);