From 7202eaefd4b050f76f9a94574f18a68b2860fc4d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 11 Mar 2026 16:13:05 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d946a20..cc8d350 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="mediumLarge"
       sizing="mediumSizeLargeTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
@@ -45,16 +45,12 @@ export default function HomePage() {
           description="Trusted 24/7 Plumbing & Heating Services in Hendon and North London. Fast, reliable and affordable solutions for homes and businesses."
           buttons={[
             {
-              text: "Call Now: 07360 272102",
-              href: "tel:07360272102",
-            },
+              text: "Call Now: 07360 272102",              href: "tel:07360272102"},
             {
-              text: "Request a Quote",
-              href: "#contact-cta",
-            },
+              text: "Request a Quote",              href: "#contact-cta"},
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "grid" }}
+          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/rear-view-man-cleaning-mirror-bathroom_329181-20789.jpg"
           imageAlt="Professional plumber at work"
           mediaAnimation="opacity"
@@ -72,58 +68,28 @@ export default function HomePage() {
           textboxLayout="default"
           features={[
             {
-              title: "Emergency Plumbing (24/7)",
-              description: "Burst pipes, blockages, and urgent repairs - we respond within the hour",
-              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=1",
-              imageAlt: "Emergency plumbing service",
-              button: {
-                text: "Get a Quote",
-              },
+              title: "Emergency Plumbing (24/7)",              description: "Burst pipes, blockages, and urgent repairs - we respond within the hour",              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg",              imageAlt: "Emergency plumbing service",              button: {
+                text: "Get a Quote"},
             },
             {
-              title: "Boiler Repairs & Installation",
-              description: "Expert boiler maintenance, repairs, and new installations with warranty",
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-40-solar-panels-plant-elderly-supervisor-overseeing-facility_482257-126656.jpg?_wi=1",
-              imageAlt: "Boiler repair and installation service",
-              button: {
-                text: "Get a Quote",
-              },
+              title: "Boiler Repairs & Installation",              description: "Expert boiler maintenance, repairs, and new installations with warranty",              imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-40-solar-panels-plant-elderly-supervisor-overseeing-facility_482257-126656.jpg",              imageAlt: "Boiler repair and installation service",              button: {
+                text: "Get a Quote"},
             },
             {
-              title: "Central Heating Repairs",
-              description: "Diagnose and fix heating system issues to keep your home warm",
-              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-near-heater-home_23-2149335095.jpg?_wi=1",
-              imageAlt: "Central heating system repair",
-              button: {
-                text: "Get a Quote",
-              },
+              title: "Central Heating Repairs",              description: "Diagnose and fix heating system issues to keep your home warm",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-near-heater-home_23-2149335095.jpg",              imageAlt: "Central heating system repair",              button: {
+                text: "Get a Quote"},
             },
             {
-              title: "Leak Detection & Repair",
-              description: "Advanced leak detection technology to find and fix problems quickly",
-              imageSrc: "http://img.b2bpic.net/free-photo/expert-using-pressure-measurement-device_482257-91080.jpg?_wi=1",
-              imageAlt: "Leak detection and repair",
-              button: {
-                text: "Get a Quote",
-              },
+              title: "Leak Detection & Repair",              description: "Advanced leak detection technology to find and fix problems quickly",              imageSrc: "http://img.b2bpic.net/free-photo/expert-using-pressure-measurement-device_482257-91080.jpg",              imageAlt: "Leak detection and repair",              button: {
+                text: "Get a Quote"},
             },
             {
-              title: "Bathroom Plumbing",
-              description: "Complete bathroom installation and renovation services",
-              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg?_wi=1",
-              imageAlt: "Bathroom plumbing installation",
-              button: {
-                text: "Get a Quote",
-              },
+              title: "Bathroom Plumbing",              description: "Complete bathroom installation and renovation services",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg",              imageAlt: "Bathroom plumbing installation",              button: {
+                text: "Get a Quote"},
             },
             {
-              title: "Gas Engineering Services",
-              description: "Qualified gas engineers for safe and compliant installations",
-              imageSrc: "http://img.b2bpic.net/free-photo/workers-standing-checking-beside-working-oil-pumps_1150-19213.jpg?_wi=1",
-              imageAlt: "Gas engineering services",
-              button: {
-                text: "Get a Quote",
-              },
+              title: "Gas Engineering Services",              description: "Qualified gas engineers for safe and compliant installations",              imageSrc: "http://img.b2bpic.net/free-photo/workers-standing-checking-beside-working-oil-pumps_1150-19213.jpg",              imageAlt: "Gas engineering services",              button: {
+                text: "Get a Quote"},
             },
           ]}
           gridVariant="bento-grid"
@@ -136,19 +102,12 @@ export default function HomePage() {
         <TextSplitAbout
           title="About Hendon Plumbing & Heating Ltd"
           description={[
-            "We are a trusted local plumbing and heating company serving Hendon and the surrounding areas of North London with pride and professionalism.",
-            "With years of experience in the industry, we provide reliable, affordable, and professional plumbing services. Our qualified plumbers and gas engineers are committed to delivering high-quality workmanship and excellent customer service on every job.",
-            "We specialize in emergency plumbing, boiler services, central heating, and complete bathroom installations. Available 24/7 for emergencies, we respond quickly and work efficiently to minimize disruption to your home or business.",
-          ]}
+            "We are a trusted local plumbing and heating company serving Hendon and the surrounding areas of North London with pride and professionalism.",            "With years of experience in the industry, we provide reliable, affordable, and professional plumbing services. Our qualified plumbers and gas engineers are committed to delivering high-quality workmanship and excellent customer service on every job.",            "We specialize in emergency plumbing, boiler services, central heating, and complete bathroom installations. Available 24/7 for emergencies, we respond quickly and work efficiently to minimize disruption to your home or business."]}
           buttons={[
             {
-              text: "Call Us Now",
-              href: "tel:07360272102",
-            },
+              text: "Call Us Now",              href: "tel:07360272102"},
             {
-              text: "Learn More",
-              href: "#services",
-            },
+              text: "Learn More",              href: "#services"},
           ]}
           buttonAnimation="slide-up"
           showBorder={true}
@@ -163,59 +122,23 @@ export default function HomePage() {
           tag="Testimonials"
           testimonials={[
             {
-              id: "1",
-              name: "Sarah Thompson",
-              role: "Homeowner",
-              company: "Hendon",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
-              imageAlt: "Sarah Thompson",
-            },
+              id: "1",              name: "Sarah Thompson",              role: "Homeowner",              company: "Hendon",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",              imageAlt: "Sarah Thompson"},
             {
-              id: "2",
-              name: "James Mitchell",
-              role: "Property Manager",
-              company: "North London",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",
-              imageAlt: "James Mitchell",
-            },
+              id: "2",              name: "James Mitchell",              role: "Property Manager",              company: "North London",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",              imageAlt: "James Mitchell"},
             {
-              id: "3",
-              name: "Emma Rodriguez",
-              role: "Business Owner",
-              company: "Hampstead",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
-              imageAlt: "Emma Rodriguez",
-            },
+              id: "3",              name: "Emma Rodriguez",              role: "Business Owner",              company: "Hampstead",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",              imageAlt: "Emma Rodriguez"},
             {
-              id: "4",
-              name: "David Chen",
-              role: "Homeowner",
-              company: "Barnet",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-brunette-woman-office-employee-puckers-lips-looks-cute-poses-white-backgr_1258-169712.jpg",
-              imageAlt: "David Chen",
-            },
+              id: "4",              name: "David Chen",              role: "Homeowner",              company: "Barnet",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-brunette-woman-office-employee-puckers-lips-looks-cute-poses-white-backgr_1258-169712.jpg",              imageAlt: "David Chen"},
             {
-              id: "5",
-              name: "Lisa Anderson",
-              role: "Facilities Manager",
-              company: "North London",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tongue-out_1187-3217.jpg",
-              imageAlt: "Lisa Anderson",
-            },
+              id: "5",              name: "Lisa Anderson",              role: "Facilities Manager",              company: "North London",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tongue-out_1187-3217.jpg",              imageAlt: "Lisa Anderson"},
             {
-              id: "6",
-              name: "Michael Brown",
-              role: "Homeowner",
-              company: "Hendon",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-drinking-coffee-outdoor-cafe_1262-7317.jpg",
-              imageAlt: "Michael Brown",
-            },
+              id: "6",              name: "Michael Brown",              role: "Homeowner",              company: "Hendon",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-drinking-coffee-outdoor-cafe_1262-7317.jpg",              imageAlt: "Michael Brown"},
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -231,32 +154,16 @@ export default function HomePage() {
           tag="By The Numbers"
           metrics={[
             {
-              id: "1",
-              value: "500",
-              title: "Homes Served",
-              description: "Happy customers across North London",
-              icon: Home,
+              id: "1",              value: "500",              title: "Homes Served",              description: "Happy customers across North London",              icon: Home,
             },
             {
-              id: "2",
-              value: "24",
-              title: "Hours Available",
-              description: "Emergency plumbing anytime, anywhere",
-              icon: Clock,
+              id: "2",              value: "24",              title: "Hours Available",              description: "Emergency plumbing anytime, anywhere",              icon: Clock,
             },
             {
-              id: "3",
-              value: "20",
-              title: "Years Experience",
-              description: "Professional expertise you can trust",
-              icon: Award,
+              id: "3",              value: "20",              title: "Years Experience",              description: "Professional expertise you can trust",              icon: Award,
             },
             {
-              id: "4",
-              value: "100",
-              title: "% Satisfaction",
-              description: "Same-day turnaround without compromise",
-              icon: CheckCircle,
+              id: "4",              value: "100",              title: "% Satisfaction",              description: "Same-day turnaround without compromise",              icon: CheckCircle,
             },
           ]}
           gridVariant="uniform-all-items-equal"
@@ -274,37 +181,19 @@ export default function HomePage() {
           textboxLayout="default"
           faqs={[
             {
-              id: "1",
-              title: "Are you available for emergency plumbing?",
-              content: "Yes! We offer 24/7 emergency plumbing services. Simply call 07360 272102 and we'll respond within the hour for urgent issues like burst pipes, severe blockages, and water leaks.",
-            },
+              id: "1",              title: "Are you available for emergency plumbing?",              content: "Yes! We offer 24/7 emergency plumbing services. Simply call 07360 272102 and we'll respond within the hour for urgent issues like burst pipes, severe blockages, and water leaks."},
             {
-              id: "2",
-              title: "What is your service area?",
-              content: "We serve Hendon, Hampstead, Barnet, and the surrounding areas of North London. We pride ourselves on quick response times and local expertise.",
-            },
+              id: "2",              title: "What is your service area?",              content: "We serve Hendon, Hampstead, Barnet, and the surrounding areas of North London. We pride ourselves on quick response times and local expertise."},
             {
-              id: "3",
-              title: "Do you offer free quotes?",
-              content: "Absolutely! We provide free estimates for all plumbing and heating work. After assessing your needs, we'll give you a transparent quote with no hidden charges.",
-            },
+              id: "3",              title: "Do you offer free quotes?",              content: "Absolutely! We provide free estimates for all plumbing and heating work. After assessing your needs, we'll give you a transparent quote with no hidden charges."},
             {
-              id: "4",
-              title: "Are your plumbers qualified?",
-              content: "Yes, all our plumbers and gas engineers are fully qualified, certified, and insured. We comply with all relevant industry standards and regulations.",
-            },
+              id: "4",              title: "Are your plumbers qualified?",              content: "Yes, all our plumbers and gas engineers are fully qualified, certified, and insured. We comply with all relevant industry standards and regulations."},
             {
-              id: "5",
-              title: "What payment methods do you accept?",
-              content: "We accept cash, bank transfer, and card payments. We're flexible to make it convenient for you, and we can often complete work on the same day you call.",
-            },
+              id: "5",              title: "What payment methods do you accept?",              content: "We accept cash, bank transfer, and card payments. We're flexible to make it convenient for you, and we can often complete work on the same day you call."},
             {
-              id: "6",
-              title: "Do you offer warranties on work?",
-              content: "Yes! We stand behind our work with warranties on both labor and materials. Boiler installations come with extended warranty options for your peace of mind.",
-            },
+              id: "6",              title: "Do you offer warranties on work?",              content: "Yes! We stand behind our work with warranties on both labor and materials. Boiler installations come with extended warranty options for your peace of mind."},
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg?_wi=1"
+          imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg"
           imageAlt="Professional plumber providing service"
           mediaAnimation="opacity"
           mediaPosition="left"
@@ -322,100 +211,63 @@ export default function HomePage() {
           description="Whether you need emergency plumbing, boiler service, or a free quote, we're here to help. Call us now or fill out our contact form and we'll get back to you within the hour."
           buttons={[
             {
-              text: "Call Now: 07360 272102",
-              href: "tel:07360272102",
-            },
+              text: "Call Now: 07360 272102",              href: "tel:07360272102"},
             {
-              text: "Contact Form",
-              href: "/contact",
-            },
+              text: "Contact Form",              href: "/contact"},
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "grid" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg?_wi=1"
+          imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg"
           imageAlt="Hendon Plumbing & Heating team"
           logoText="Hendon Plumbing & Heating Ltd"
           copyrightText="© 2025 Hendon Plumbing & Heating Ltd. All rights reserved."
           columns={[
             {
-              title: "Services",
-              items: [
+              title: "Services",              items: [
                 {
-                  label: "Emergency Plumbing",
-                  href: "#services",
-                },
+                  label: "Emergency Plumbing",                  href: "#services"},
                 {
-                  label: "Boiler Repair & Installation",
-                  href: "#services",
-                },
+                  label: "Boiler Repair & Installation",                  href: "#services"},
                 {
-                  label: "Central Heating",
-                  href: "#services",
-                },
+                  label: "Central Heating",                  href: "#services"},
                 {
-                  label: "Leak Detection",
-                  href: "#services",
-                },
+                  label: "Leak Detection",                  href: "#services"},
                 {
-                  label: "Bathroom Plumbing",
-                  href: "#services",
-                },
+                  label: "Bathroom Plumbing",                  href: "#services"},
               ],
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 {
-                  label: "About Us",
-                  href: "/services",
-                },
+                  label: "About Us",                  href: "/services"},
                 {
-                  label: "Our Team",
-                  href: "/services",
-                },
+                  label: "Our Team",                  href: "/services"},
                 {
-                  label: "Reviews",
-                  href: "#testimonials",
-                },
+                  label: "Reviews",                  href: "#testimonials"},
                 {
-                  label: "Service Areas",
-                  href: "#",
-                },
+                  label: "Service Areas",                  href: "#"},
                 {
-                  label: "Contact",
-                  href: "/contact",
-                },
+                  label: "Contact",                  href: "/contact"},
               ],
             },
             {
-              title: "Contact",
-              items: [
+              title: "Contact",              items: [
                 {
-                  label: "Phone: 07360 272102",
-                  href: "tel:07360272102",
-                },
+                  label: "Phone: 07360 272102",                  href: "tel:07360272102"},
                 {
-                  label: "Address: 1 Cheyne Walk, London NW4 3QH",
-                  href: "#",
-                },
+                  label: "Address: 1 Cheyne Walk, London NW4 3QH",                  href: "#"},
                 {
-                  label: "24/7 Emergency Available",
-                  href: "tel:07360272102",
-                },
+                  label: "24/7 Emergency Available",                  href: "tel:07360272102"},
                 {
-                  label: "WhatsApp: 07360 272102",
-                  href: "#",
-                },
+                  label: "WhatsApp: 07360 272102",                  href: "#"},
                 {
-                  label: "Privacy Policy",
-                  href: "#",
-                },
+                  label: "Privacy Policy",                  href: "#"},
               ],
             },
           ]}