From 14c49d487befee4aea1df3cf54109a9238e2c35e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 02:42:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 275 +++++++++--------------------------------------
 1 file changed, 50 insertions(+), 225 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 38d6705..3d81e5f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,77 +31,34 @@ 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: "Projects",
-          id: "#projects",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Projects", id: "#projects" },
+        { name: "Reviews", id: "#reviews" },
+        { name: "Contact", id: "#contact" },
       ]}
       topBarButton={{
-        text: "(657) 944-0950",
-        href: "tel:6579440950",
-      }}
+        text: "(657) 944-0950",        href: "tel:6579440950"}}
       brandName="Building America Plumbing"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Trusted Plumbing Experts — Fast, Reliable, Licensed"
       description="Residential & commercial plumbing, emergency response, ADU & new-construction plumbing done right."
       buttons={[
-        {
-          text: "Request a Free Estimate",
-          href: "#contact",
-        },
-        {
-          text: "Call Now (657) 944-0950",
-          href: "tel:6579440950",
-        },
+        { text: "Request a Free Estimate", href: "#contact" },
+        { text: "Call Now (657) 944-0950", href: "tel:6579440950" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg",
-          imageAlt: "Professional plumber repair service interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/frame-mechanical-tools-floor_23-2148558016.jpg",
-          imageAlt: "Modern plumbing work tools",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576398.jpg",
-          imageAlt: "Plumbing pipe maintenance close up",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-touching-sink-inspecting-pipes_259150-58251.jpg",
-          imageAlt: "Professional plumbing service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-68888.jpg",
-          imageAlt: "Modern wrench and tools",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg", imageAlt: "Professional plumber repair service interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/frame-mechanical-tools-floor_23-2148558016.jpg", imageAlt: "Modern plumbing work tools" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576398.jpg", imageAlt: "Plumbing pipe maintenance close up" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-touching-sink-inspecting-pipes_259150-58251.jpg", imageAlt: "Professional plumbing service" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-68888.jpg", imageAlt: "Modern wrench and tools" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -113,14 +70,8 @@ export default function LandingPage() {
       title="About Building America Plumbing"
       description="Building America Plumbing delivers professional plumbing services across Southern California with a focus on quality, code-compliant work, and excellent customer service. Experienced in ADUs, new construction, repipes, and emergency repairs."
       metrics={[
-        {
-          value: "100%",
-          title: "Pass Rate",
-        },
-        {
-          value: "5.0",
-          title: "Avg Rating",
-        },
+        { value: "100%", title: "Pass Rate" },
+        { value: "5.0", title: "Avg Rating" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10798.jpg"
       imageAlt="Plumber showing building code inspection"
@@ -135,18 +86,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       negativeCard={{
-        items: [
-          "Emergency Repairs & Leak Detection",
-          "Commercial Tenant Improvements",
-          "Backflow Prevention",
-        ],
+        items: ["Emergency Repairs & Leak Detection", "Commercial Tenant Improvements", "Backflow Prevention"],
       }}
       positiveCard={{
-        items: [
-          "New Construction & ADU Plumbing",
-          "Repiping & Whole-Home Plumbing",
-          "Fixture Installation & Upgrades",
-        ],
+        items: ["New Construction & ADU Plumbing", "Repiping & Whole-Home Plumbing", "Fixture Installation & Upgrades"],
       }}
       title="Our Expert Services"
       description="Professional solutions for all your residential and commercial plumbing needs."
@@ -160,42 +103,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "ADU Underground",
-          price: "Passed Inspection",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg",
-        },
-        {
-          id: "p2",
-          name: "New Home Rough-In",
-          price: "Code Compliant",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576391.jpg",
-        },
-        {
-          id: "p3",
-          name: "Whole Home Repipe",
-          price: "Water Quality Restored",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg",
-        },
-        {
-          id: "p4",
-          name: "Commercial Fit-Out",
-          price: "Tenant Ready",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg",
-        },
-        {
-          id: "p5",
-          name: "Leak Detection",
-          price: "Damage Minimized",
-          imageSrc: "http://img.b2bpic.net/free-photo/polished-gas-cooker-after-washingperfectly-clean-gas-cooker-after-being-washed-with-polishing-chemicals-result-washing-burners_132075-13129.jpg",
-        },
-        {
-          id: "p6",
-          name: "Fixture Upgrade",
-          price: "Water Efficient",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg",
-        },
+        { id: "p1", name: "ADU Underground", price: "Passed Inspection", imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg" },
+        { id: "p2", name: "New Home Rough-In", price: "Code Compliant", imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576391.jpg" },
+        { id: "p3", name: "Whole Home Repipe", price: "Water Quality Restored", imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg" },
+        { id: "p4", name: "Commercial Fit-Out", price: "Tenant Ready", imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg" },
+        { id: "p5", name: "Leak Detection", price: "Damage Minimized", imageSrc: "http://img.b2bpic.net/free-photo/polished-gas-cooker-after-washingperfectly-clean-gas-cooker-after-being-washed-with-polishing-chemicals-result-washing-burners_132075-13129.jpg" },
+        { id: "p6", name: "Fixture Upgrade", price: "Water Efficient", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg" },
       ]}
       title="Recent Projects"
       description="We take pride in every pipe installed and every leak fixed."
@@ -204,30 +117,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "First-Time Inspection Pass",
-          description: "We do it right the first time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2507.jpg",
-        },
-        {
-          id: "m2",
-          value: "5.0",
-          title: "Customer Star Rating",
-          description: "Clients trust our efficiency.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4006.jpg",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Emergency Response",
-          description: "Rapid response for emergencies.",
-          imageSrc: "http://img.b2bpic.net/free-vector/stay-covid-safe-font-cartoon-style-with-washing-hands-by-water-tap-isolated-white_1308-57184.jpg",
-        },
+        { id: "m1", value: "100%", title: "First-Time Inspection Pass", description: "We do it right the first time.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2507.jpg" },
+        { id: "m2", value: "5.0", title: "Customer Star Rating", description: "Clients trust our efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4006.jpg" },
+        { id: "m3", value: "24/7", title: "Emergency Response", description: "Rapid response for emergencies.", imageSrc: "http://img.b2bpic.net/free-vector/stay-covid-safe-font-cartoon-style-with-washing-hands-by-water-tap-isolated-white_1308-57184.jpg" },
       ]}
       title="Quality Performance"
       description="Excellence verified by our successful project track record."
@@ -240,41 +136,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "David Salvatierra",
-          role: "Homeowner",
-          testimonial: "Detailed and competitive quote…inspection passed on the first attempt.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
-        },
-        {
-          id: "2",
-          name: "Fidel Salazar",
-          role: "Homeowner",
-          testimonial: "Prompt, efficient, reasonable price.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gardener-man-with-long-hair-talking-phone_23-2148435649.jpg",
-        },
-        {
-          id: "3",
-          name: "Rosa Garcia",
-          role: "Homeowner",
-          testimonial: "Fast response — great customer service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg",
-        },
-        {
-          id: "4",
-          name: "Michael Chen",
-          role: "Property Manager",
-          testimonial: "Professional work on our ADU project.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-washing-dishes_23-2148378501.jpg",
-        },
-        {
-          id: "5",
-          name: "Sarah Johnson",
-          role: "Business Owner",
-          testimonial: "Best plumbing commercial service in the region.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg",
-        },
+        { id: "1", name: "David Salvatierra", role: "Homeowner", testimonial: "Detailed and competitive quote…inspection passed on the first attempt.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg" },
+        { id: "2", name: "Fidel Salazar", role: "Homeowner", testimonial: "Prompt, efficient, reasonable price.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-man-with-long-hair-talking-phone_23-2148435649.jpg" },
+        { id: "3", name: "Rosa Garcia", role: "Homeowner", testimonial: "Fast response — great customer service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg" },
+        { id: "4", name: "Michael Chen", role: "Property Manager", testimonial: "Professional work on our ADU project.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-washing-dishes_23-2148378501.jpg" },
+        { id: "5", name: "Sarah Johnson", role: "Business Owner", testimonial: "Best plumbing commercial service in the region.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg" },
       ]}
       title="What Clients Say"
       description="Building trust through fast and reliable service."
@@ -286,21 +152,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you offer emergency services?",
-          content: "Yes, we provide 24/7 emergency response for plumbing issues.",
-        },
-        {
-          id: "f2",
-          title: "Are you licensed and insured?",
-          content: "Yes, all our services are fully licensed and insured for your peace of mind.",
-        },
-        {
-          id: "f3",
-          title: "Do you handle ADU plumbing?",
-          content: "Absolutely, we specialize in ADU, new construction, and underground plumbing.",
-        },
+        { id: "f1", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency response for plumbing issues." },
+        { id: "f2", title: "Are you licensed and insured?", content: "Yes, all our services are fully licensed and insured for your peace of mind." },
+        { id: "f3", title: "Do you handle ADU plumbing?", content: "Absolutely, we specialize in ADU, new construction, and underground plumbing." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-auto-repairman-couple-analyzing-data-while-communicating-workshop_637285-7784.jpg"
       title="Frequently Asked Questions"
@@ -314,17 +168,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Ready to get started?"
       title="Request a Free Estimate"
       description="Fast response times for all inquiries. Call (657) 944-0950 for urgent matters."
       buttons={[
-        {
-          text: "Call Now (657) 944-0950",
-          href: "tel:6579440950",
-        },
+        { text: "Call Now (657) 944-0950", href: "tel:6579440950" },
       ]}
     />
   </div>
@@ -333,46 +182,22 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Services", href: "#services" },
+            { label: "Projects", href: "#projects" },
           ],
         },
         {
-          title: "Contact",
-          items: [
-            {
-              label: "(657) 944-0950",
-              href: "tel:6579440950",
-            },
-            {
-              label: "Email Us",
-              href: "mailto:info@buildingamericaplumbing.com",
-            },
+          title: "Contact",          items: [
+            { label: "(657) 944-0950", href: "tel:6579440950" },
+            { label: "Email Us", href: "mailto:info@buildingamericaplumbing.com" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Terms & Privacy",
-              href: "#",
-            },
-            {
-              label: "License Info",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Terms & Privacy", href: "#" },
+            { label: "License Info", href: "#" },
           ],
         },
       ]}
@@ -382,4 +207,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1