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

---
 src/app/page.tsx | 208 +++++++++--------------------------------------
 1 file changed, 38 insertions(+), 170 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9df6838..f61ae00 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="LocalPlumb & Heat"
     />
@@ -57,20 +42,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       logoText="Reliable Plumbing & Boiler Services"
       description="Fast, clean, and professional plumbing and heating solutions for your local area. We handle installations, emergency repairs, and maintenance with a focus on quality and reliability."
       buttons={[
-        {
-          text: "📞 Call Now",
-          href: "tel:+1234567890",
-        },
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
+        { text: "📞 Call Now", href: "tel:+1234567890" },
+        { text: "Get a Free Quote", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg"
       imageAlt="Professional plumbing and heating service"
@@ -84,18 +61,9 @@ export default function LandingPage() {
       title="Local & Independent Expertise"
       description="We are a trusted, locally-owned plumbing and heating business dedicated to providing high-quality service with a personal touch. We value cleanliness, respect your home, and ensure every job is completed to the highest standard."
       metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "500+",
-          title: "Happy Customers",
-        },
-        {
-          value: "24/7",
-          title: "Emergency Ready",
-        },
+        { value: "15+", title: "Years Experience" },
+        { value: "500+", title: "Happy Customers" },
+        { value: "24/7", title: "Emergency Ready" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg"
       imageAlt="Our experienced local technician"
@@ -111,23 +79,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Boiler Installations",
-          description: "High-efficiency modern boiler installs with complete system flushing and safety checks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334228.jpg",
-          imageAlt: "Boiler installation work",
-        },
+          title: "Boiler Installations",          description: "High-efficiency modern boiler installs with complete system flushing and safety checks.",          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334228.jpg",          imageAlt: "Boiler installation work"},
         {
-          title: "Emergency Plumbing",
-          description: "Fast response for pipe bursts, leaks, and urgent heating failures when you need help most.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg",
-          imageAlt: "Emergency plumbing repair",
-        },
+          title: "Emergency Plumbing",          description: "Fast response for pipe bursts, leaks, and urgent heating failures when you need help most.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg",          imageAlt: "Emergency plumbing repair"},
         {
-          title: "Radiator & Heating",
-          description: "Expert radiator installation, repair, and balancing for a warm and comfortable home year-round.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-thermostat-energy-crisis_23-2150061799.jpg",
-          imageAlt: "Radiator system maintenance",
-        },
+          title: "Radiator & Heating",          description: "Expert radiator installation, repair, and balancing for a warm and comfortable home year-round.",          imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-thermostat-energy-crisis_23-2150061799.jpg",          imageAlt: "Radiator system maintenance"},
       ]}
       title="Comprehensive Plumbing Solutions"
       description="From emergency leaks to full boiler installations, we provide reliable, fast, and mess-free services designed for the modern home."
@@ -136,38 +92,18 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
+      animationType="slide-up"
       textboxLayout="split-description"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "98%",
-          title: "Customer Satisfaction",
-          items: [
-            "Always on time",
-            "No mess guarantee",
-            "Professional conduct",
-          ],
+          id: "m1",          value: "98%",          title: "Customer Satisfaction",          items: ["Always on time", "No mess guarantee", "Professional conduct"],
         },
         {
-          id: "m2",
-          value: "5.0",
-          title: "Google Rating",
-          items: [
-            "Highly recommended",
-            "Transparent pricing",
-            "Fast local service",
-          ],
+          id: "m2",          value: "5.0",          title: "Google Rating",          items: ["Highly recommended", "Transparent pricing", "Fast local service"],
         },
         {
-          id: "m3",
-          value: "100%",
-          title: "Safety Guaranteed",
-          items: [
-            "Fully insured",
-            "Gas safe registered",
-            "Certified experts",
-          ],
+          id: "m3",          value: "100%",          title: "Safety Guaranteed",          items: ["Fully insured", "Gas safe registered", "Certified experts"],
         },
       ]}
       title="Why Choose Us?"
@@ -181,45 +117,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          title: "Fantastic Boiler Install",
-          quote: "No fuss, no mess… quick and efficient. Very lovely new boiler.",
-          name: "John D.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28672.jpg",
-        },
+          id: "1",          title: "Fantastic Boiler Install",          quote: "No fuss, no mess… quick and efficient. Very lovely new boiler.",          name: "John D.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28672.jpg"},
         {
-          id: "2",
-          title: "Very Professional",
-          quote: "Very clean and respectful, highly recommended for any plumbing needs.",
-          name: "Sarah P.",
-          role: "Property Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-discussing-digital-tablet-kitchen_107420-84887.jpg",
-        },
+          id: "2",          title: "Very Professional",          quote: "Very clean and respectful, highly recommended for any plumbing needs.",          name: "Sarah P.",          role: "Property Manager",          imageSrc: "http://img.b2bpic.net/free-photo/couple-discussing-digital-tablet-kitchen_107420-84887.jpg"},
         {
-          id: "3",
-          title: "Fast Response",
-          quote: "Reliable and goes above and beyond to fix the issue quickly.",
-          name: "Mark R.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-angry-expression_1194-3999.jpg",
-        },
+          id: "3",          title: "Fast Response",          quote: "Reliable and goes above and beyond to fix the issue quickly.",          name: "Mark R.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-angry-expression_1194-3999.jpg"},
         {
-          id: "4",
-          title: "Highly Satisfied",
-          quote: "Quick, professional, and very friendly. Truly an expert tradesperson.",
-          name: "Emily T.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
-        },
+          id: "4",          title: "Highly Satisfied",          quote: "Quick, professional, and very friendly. Truly an expert tradesperson.",          name: "Emily T.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg"},
         {
-          id: "5",
-          title: "Exceptional Quality",
-          quote: "Efficient work and extremely clean. I'll definitely call again.",
-          name: "David W.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg",
-        },
+          id: "5",          title: "Exceptional Quality",          quote: "Efficient work and extremely clean. I'll definitely call again.",          name: "David W.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg"},
       ]}
       title="Trusted by Local Residents"
       description="See what our happy customers have to say about our professional, clean, and reliable service."
@@ -232,20 +138,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do you offer emergency services?",
-          content: "Yes, we are available 24/7 for emergency plumbing and heating issues.",
-        },
+          id: "f1",          title: "Do you offer emergency services?",          content: "Yes, we are available 24/7 for emergency plumbing and heating issues."},
         {
-          id: "f2",
-          title: "Is your work guaranteed?",
-          content: "All our work is fully insured and guaranteed for your peace of mind.",
-        },
+          id: "f2",          title: "Is your work guaranteed?",          content: "All our work is fully insured and guaranteed for your peace of mind."},
         {
-          id: "f3",
-          title: "What areas do you cover?",
-          content: "We cover all major local areas; please contact us with your postcode for confirmation.",
-        },
+          id: "f3",          title: "What areas do you cover?",          content: "We cover all major local areas; please contact us with your postcode for confirmation."},
       ]}
       title="Frequently Asked Questions"
       description="Answers to the most common questions regarding our boiler and plumbing services."
@@ -256,9 +153,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Ready to help?"
       title="Get a Free Quote Today"
       description="Have a plumbing emergency or planning a new installation? Fill out the form or give us a call."
@@ -274,50 +169,23 @@ export default function LandingPage() {
       logoText="LocalPlumb & Heat"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Services", href: "#services" },
+            { label: "Reviews", href: "#testimonials" },
           ],
         },
         {
-          title: "Services",
-          items: [
-            {
-              label: "Boilers",
-              href: "#services",
-            },
-            {
-              label: "Emergency",
-              href: "#services",
-            },
-            {
-              label: "Radiators",
-              href: "#services",
-            },
+          title: "Services",          items: [
+            { label: "Boilers", href: "#services" },
+            { label: "Emergency", href: "#services" },
+            { label: "Radiators", href: "#services" },
           ],
         },
         {
-          title: "Contact",
-          items: [
-            {
-              label: "Get a Quote",
-              href: "#contact",
-            },
-            {
-              label: "Call Us",
-              href: "tel:+1234567890",
-            },
+          title: "Contact",          items: [
+            { label: "Get a Quote", href: "#contact" },
+            { label: "Call Us", href: "tel:+1234567890" },
           ],
         },
       ]}
-- 
2.49.1