From 2596d81cc1cf46470090e434770a625db2a86734 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 12:26:07 +0000
Subject: [PATCH] Bob AI: Update color palette to a more sophisticated,
 high-end look

---
 src/index.css                            |  16 +--
 src/pages/HomePage.tsx                   | 147 ++++-------------------
 src/pages/HomePage/sections/About.tsx    |  21 ++++
 src/pages/HomePage/sections/Areas.tsx    |  22 ++++
 src/pages/HomePage/sections/Contact.tsx  |  23 ++++
 src/pages/HomePage/sections/Hero.tsx     |  24 ++++
 src/pages/HomePage/sections/Reviews.tsx  |  32 +++++
 src/pages/HomePage/sections/Services.tsx |  36 ++++++
 src/pages/HomePage/sections/WhyUs.tsx    |  34 ++++++
 9 files changed, 222 insertions(+), 133 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Areas.tsx
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Reviews.tsx
 create mode 100644 src/pages/HomePage/sections/Services.tsx
 create mode 100644 src/pages/HomePage/sections/WhyUs.tsx

diff --git a/src/index.css b/src/index.css
index 3f84154..bd93152 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5faff;
-  --card: #ffffff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #ffffff;
+  --card: #f8fafc;
+  --foreground: #0f172a;
+  --primary-cta: #0f172a;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #f5faff;
+  --secondary-cta: #f1f5f9;
+  --secondary-cta-text: #0f172a;
+  --accent: #e2e8f0;
+  --background-accent: #f8fafc;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 2e7f739..d3f4fb1 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,136 +1,33 @@
-import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroBrand from '@/components/sections/hero/HeroBrand';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import ServicesSection from './HomePage/sections/Services';
+import WhyUsSection from './HomePage/sections/WhyUs';
+import ReviewsSection from './HomePage/sections/Reviews';
+import AboutSection from './HomePage/sections/About';
+import AreasSection from './HomePage/sections/Areas';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBrand
-      brand="New York's Trusted 24/7 Plumbing Experts"
-      description="Fast response, licensed professionals, and reliable plumbing solutions across NYC. Available day or night for all your plumbing needs."
-      primaryButton={{
-        text: "Emergency Call Now",        href: "tel:+13322220135"}}
-      secondaryButton={{
-        text: "Get Free Quote",        href: "#contact"}}
-      imageSrc="https://storage.googleapis.com/webild/users/user_3EySIqLcOhonhaoeibaDgQqaD9S/uploaded-1781526053690-618hxbi3.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="services" data-section="services">
-    <SectionErrorBoundary name="services">
-          <FeaturesImageBento
-      tag="Expertise"
-      title="Comprehensive Plumbing Services"
-      description="Providing end-to-end plumbing solutions for residential and commercial clients."
-      items={[
-        {
-          title: "Emergency Plumbing",          description: "24/7 rapid response for emergencies.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg"},
-        {
-          title: "Drain Cleaning",          description: "High-pressure drain cleaning and clog removal.",          imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg"},
-        {
-          title: "Leak Detection",          description: "Advanced tech to find hidden leaks fast.",          imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26529.jpg"},
-        {
-          title: "Water Heaters",          description: "Installation and repair for all brands.",          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg"},
-        {
-          title: "Pipe Repair",          description: "Professional re-piping and patching.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg"},
-        {
-          title: "Kitchen/Bath",          description: "Expert fixture installations.",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23926.jpg"},
-        {
-          title: "Commercial",          description: "Large-scale building systems.",          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721530.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ServicesSection />
 
-  <div id="why-us" data-section="why-us">
-    <SectionErrorBoundary name="why-us">
-          <MetricsFeatureCards
-      tag="Why Choose Us"
-      title="Quality You Can Count On"
-      description="Our commitment to NYC homeowners and business owners is unparalleled."
-      metrics={[
-        {
-          value: "24/7",          title: "Always Ready",          features: [
-            "Instant emergency dispatch",            "No hidden after-hours fees",            "Fully equipped mobile vans"],
-        },
-        {
-          value: "Licensed",          title: "Verified Experts",          features: [
-            "Fully bonded & insured",            "NYC certified specialists",            "Ongoing safety training"],
-        },
-        {
-          value: "Fast",          title: "Rapid Response",          features: [
-            "Average arrival under 60m",            "Smart GPS dispatching",            "Real-time tech tracking"],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <WhyUsSection />
 
-  <div id="reviews" data-section="reviews">
-    <SectionErrorBoundary name="reviews">
-          <TestimonialQuoteCards
-      tag="Feedback"
-      title="Trusted by New Yorkers"
-      description="See why we're the city's highest-rated plumbing service."
-      testimonials={[
-        {
-          name: "John D.",          role: "Homeowner",          quote: "Incredible response time. Fixed my leak in under an hour!",          imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149871999.jpg"},
-        {
-          name: "Sarah K.",          role: "Business Owner",          quote: "Professional, clean, and transparent pricing. Highly recommend.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-taking-keys-from-realtor-woman-standing-indoors_259150-58367.jpg"},
-        {
-          name: "Michael B.",          role: "Resident",          quote: "Best plumbing service in NYC. Reliable and honest.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-eating-fresh-bread-kitchen_1303-22232.jpg"},
-        {
-          name: "Elena R.",          role: "Tenant",          quote: "The team was polite and finished the job efficiently.",          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg"},
-        {
-          name: "David W.",          role: "Manager",          quote: "They solved a complex issue no one else could fix.",          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ReviewsSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutMediaOverlay
-      tag="Our Story"
-      title="Serving NYC with Integrity"
-      description="With over 20 years in the plumbing industry, our mission is to provide the highest quality workmanship in New York City. We value long-term relationships and reliable service."
-      imageSrc="http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="areas" data-section="areas">
-    <SectionErrorBoundary name="areas">
-          <SocialProofMarquee
-      tag="Service Areas"
-      title="Covering the Five Boroughs"
-      description="We offer rapid plumbing services throughout New York City."
-      names={[
-        "Manhattan",        "Brooklyn",        "Queens",        "The Bronx",        "Staten Island",        "Upper West Side",        "Lower East Side",        "Williamsburg",        "Astoria"]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AreasSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Contact Us"
-      text="Need professional plumbing assistance? Call us 24/7 or request an online quote now."
-      primaryButton={{
-        text: "Call Now +1 332-222-0135",        href: "tel:+13322220135"}}
-      secondaryButton={{
-        text: "Request Quote",        href: "#"}}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..ca4b0c0
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutMediaOverlay
+          tag="Our Story"
+          title="Serving NYC with Integrity"
+          description="With over 20 years in the plumbing industry, our mission is to provide the highest quality workmanship in New York City. We value long-term relationships and reliable service."
+          imageSrc="http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Areas.tsx b/src/pages/HomePage/sections/Areas.tsx
new file mode 100644
index 0000000..978073a
--- /dev/null
+++ b/src/pages/HomePage/sections/Areas.tsx
@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "areas" section.
+
+import React from 'react';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AreasSection(): React.JSX.Element {
+  return (
+    <div id="areas" data-section="areas">
+        <SectionErrorBoundary name="areas">
+              <SocialProofMarquee
+          tag="Service Areas"
+          title="Covering the Five Boroughs"
+          description="We offer rapid plumbing services throughout New York City."
+          names={[
+            "Manhattan",        "Brooklyn",        "Queens",        "The Bronx",        "Staten Island",        "Upper West Side",        "Lower East Side",        "Williamsburg",        "Astoria"]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..2f68f87
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,23 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="Contact Us"
+          text="Need professional plumbing assistance? Call us 24/7 or request an online quote now."
+          primaryButton={{
+            text: "Call Now +1 332-222-0135",        href: "tel:+13322220135"}}
+          secondaryButton={{
+            text: "Request Quote",        href: "#"}}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..735182d
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,24 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroBrand from '@/components/sections/hero/HeroBrand';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBrand
+          brand="New York's Trusted 24/7 Plumbing Experts"
+          description="Fast response, licensed professionals, and reliable plumbing solutions across NYC. Available day or night for all your plumbing needs."
+          primaryButton={{
+            text: "Emergency Call Now",        href: "tel:+13322220135"}}
+          secondaryButton={{
+            text: "Get Free Quote",        href: "#contact"}}
+          imageSrc="https://storage.googleapis.com/webild/users/user_3EySIqLcOhonhaoeibaDgQqaD9S/uploaded-1781526053690-618hxbi3.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Reviews.tsx b/src/pages/HomePage/sections/Reviews.tsx
new file mode 100644
index 0000000..baa71f6
--- /dev/null
+++ b/src/pages/HomePage/sections/Reviews.tsx
@@ -0,0 +1,32 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "reviews" section.
+
+import React from 'react';
+import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ReviewsSection(): React.JSX.Element {
+  return (
+    <div id="reviews" data-section="reviews">
+        <SectionErrorBoundary name="reviews">
+              <TestimonialQuoteCards
+          tag="Feedback"
+          title="Trusted by New Yorkers"
+          description="See why we're the city's highest-rated plumbing service."
+          testimonials={[
+            {
+              name: "John D.",          role: "Homeowner",          quote: "Incredible response time. Fixed my leak in under an hour!",          imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149871999.jpg"},
+            {
+              name: "Sarah K.",          role: "Business Owner",          quote: "Professional, clean, and transparent pricing. Highly recommend.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-taking-keys-from-realtor-woman-standing-indoors_259150-58367.jpg"},
+            {
+              name: "Michael B.",          role: "Resident",          quote: "Best plumbing service in NYC. Reliable and honest.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-eating-fresh-bread-kitchen_1303-22232.jpg"},
+            {
+              name: "Elena R.",          role: "Tenant",          quote: "The team was polite and finished the job efficiently.",          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg"},
+            {
+              name: "David W.",          role: "Manager",          quote: "They solved a complex issue no one else could fix.",          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg"},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx
new file mode 100644
index 0000000..77b9c26
--- /dev/null
+++ b/src/pages/HomePage/sections/Services.tsx
@@ -0,0 +1,36 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "services" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ServicesSection(): React.JSX.Element {
+  return (
+    <div id="services" data-section="services">
+        <SectionErrorBoundary name="services">
+              <FeaturesImageBento
+          tag="Expertise"
+          title="Comprehensive Plumbing Services"
+          description="Providing end-to-end plumbing solutions for residential and commercial clients."
+          items={[
+            {
+              title: "Emergency Plumbing",          description: "24/7 rapid response for emergencies.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg"},
+            {
+              title: "Drain Cleaning",          description: "High-pressure drain cleaning and clog removal.",          imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg"},
+            {
+              title: "Leak Detection",          description: "Advanced tech to find hidden leaks fast.",          imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26529.jpg"},
+            {
+              title: "Water Heaters",          description: "Installation and repair for all brands.",          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg"},
+            {
+              title: "Pipe Repair",          description: "Professional re-piping and patching.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg"},
+            {
+              title: "Kitchen/Bath",          description: "Expert fixture installations.",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23926.jpg"},
+            {
+              title: "Commercial",          description: "Large-scale building systems.",          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721530.jpg"},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/WhyUs.tsx b/src/pages/HomePage/sections/WhyUs.tsx
new file mode 100644
index 0000000..2daaf2e
--- /dev/null
+++ b/src/pages/HomePage/sections/WhyUs.tsx
@@ -0,0 +1,34 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "why-us" section.
+
+import React from 'react';
+import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function WhyUsSection(): React.JSX.Element {
+  return (
+    <div id="why-us" data-section="why-us">
+        <SectionErrorBoundary name="why-us">
+              <MetricsFeatureCards
+          tag="Why Choose Us"
+          title="Quality You Can Count On"
+          description="Our commitment to NYC homeowners and business owners is unparalleled."
+          metrics={[
+            {
+              value: "24/7",          title: "Always Ready",          features: [
+                "Instant emergency dispatch",            "No hidden after-hours fees",            "Fully equipped mobile vans"],
+            },
+            {
+              value: "Licensed",          title: "Verified Experts",          features: [
+                "Fully bonded & insured",            "NYC certified specialists",            "Ongoing safety training"],
+            },
+            {
+              value: "Fast",          title: "Rapid Response",          features: [
+                "Average arrival under 60m",            "Smart GPS dispatching",            "Real-time tech tracking"],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1