From c24cfbf25c606f83faaa8e1ad1767aeec2842fff Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 25 May 2026 14:09:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 267 +++++++----------------------------------------
 1 file changed, 39 insertions(+), 228 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7fa4a84..5de3205 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Services", id: "features" },
+        { name: "About", id: "about" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Royle Gas"
     />
@@ -55,77 +43,31 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Gas Engineering You Can Trust"
       description="Certified installations, maintenance, and safety inspections for homes and businesses. Fast, reliable service across the region."
       kpis={[
-        {
-          value: "15+",
-          label: "Years Experience",
-        },
-        {
-          value: "24/7",
-          label: "Emergency Support",
-        },
-        {
-          value: "100%",
-          label: "Certified Safety",
-        },
+        { value: "15+", label: "Years Experience" },
+        { value: "24/7", label: "Emergency Support" },
+        { value: "100%", label: "Certified Safety" },
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Request a Quote",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Request a Quote", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23720.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg",
-          alt: "Man an electrical technician working in a switchboard with fuses uses a tablet",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg",
-          alt: "African american electrician doing leak checks",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-worker-uniform-with-face-mask-protective-glasses_23-2148773460.jpg",
-          alt: "Front view of worker in uniform",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/reading-manual_1098-18197.jpg",
-          alt: "Reading manual",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
-          alt: "Happy young elegant man smiling",
-        },
+        { src: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg", alt: "Man an electrical technician working in a switchboard with fuses uses a tablet" },
+        { src: "http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg", alt: "African american electrician doing leak checks" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-worker-uniform-with-face-mask-protective-glasses_23-2148773460.jpg", alt: "Front view of worker in uniform" },
+        { src: "http://img.b2bpic.net/free-photo/reading-manual_1098-18197.jpg", alt: "Reading manual" },
+        { src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", alt: "Happy young elegant man smiling" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Certified Gas Engineers",
-        },
-        {
-          type: "text",
-          text: "24/7 Emergency Support",
-        },
-        {
-          type: "text",
-          text: "Safety First Accredited",
-        },
-        {
-          type: "text",
-          text: "Regional Coverage",
-        },
-        {
-          type: "text",
-          text: "Quality Assured",
-        },
+        { type: "text", text: "Certified Gas Engineers" },
+        { type: "text", text: "24/7 Emergency Support" },
+        { type: "text", text: "Safety First Accredited" },
+        { type: "text", text: "Regional Coverage" },
+        { type: "text", text: "Quality Assured" },
       ]}
     />
   </div>
@@ -149,39 +91,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Commercial Maintenance",
-          author: "Maintenance Team",
-          description: "Full-scale gas maintenance and inspection for commercial buildings and facilities.",
-          tags: [
-            "Maintenance",
-            "Commercial",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/repairman-reporting-found-freon-leaks_482257-92670.jpg",
-        },
-        {
-          id: "f2",
-          title: "Residential Installation",
-          author: "Installation Experts",
-          description: "Seamless installation of high-efficiency boilers and residential gas systems.",
-          tags: [
-            "Installation",
-            "Residential",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg",
-        },
-        {
-          id: "f3",
-          title: "Gas Safety Compliance",
-          author: "Safety Inspectors",
-          description: "Rigorous gas safety checks and certification to keep your property compliant.",
-          tags: [
-            "Compliance",
-            "Safety",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-holding-blueprint-with-protective-helmet_23-2148269833.jpg",
-        },
+        { id: "f1", title: "Commercial Maintenance", author: "Maintenance Team", description: "Full-scale gas maintenance and inspection for commercial buildings and facilities.", tags: ["Maintenance", "Commercial"], imageSrc: "http://img.b2bpic.net/free-photo/repairman-reporting-found-freon-leaks_482257-92670.jpg" },
+        { id: "f2", title: "Residential Installation", author: "Installation Experts", description: "Seamless installation of high-efficiency boilers and residential gas systems.", tags: ["Installation", "Residential"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg" },
+        { id: "f3", title: "Gas Safety Compliance", author: "Safety Inspectors", description: "Rigorous gas safety checks and certification to keep your property compliant.", tags: ["Compliance", "Safety"], imageSrc: "http://img.b2bpic.net/free-photo/architect-holding-blueprint-with-protective-helmet_23-2148269833.jpg" },
       ]}
       title="Our Specialized Gas Engineering Services"
       description="We offer a comprehensive suite of services tailored to meet the needs of residential, commercial, and industrial clients, ensuring efficiency and safety."
@@ -192,29 +104,12 @@ export default function LandingPage() {
       <MetricCardOne
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Successful Installations",
-          description: "Completed across the region",
-          icon: Wrench,
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "Customer Satisfaction",
-          description: "Based on recent survey results",
-          icon: ThumbsUp,
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Quick Response Time",
-          description: "Rapid support when you need it most",
-          icon: Clock,
-        },
+        { id: "m1", value: "500+", title: "Successful Installations", description: "Completed across the region", icon: Wrench },
+        { id: "m2", value: "98%", title: "Customer Satisfaction", description: "Based on recent survey results", icon: ThumbsUp },
+        { id: "m3", value: "24/7", title: "Quick Response Time", description: "Rapid support when you need it most", icon: Clock },
       ]}
       title="Why Clients Choose Us"
       description="Delivering results that count through technical precision and professional dedication."
@@ -226,14 +121,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Gas Safe Register",
-        "CORGI Certification",
-        "Chartered Institute",
-        "Safety First",
-        "National Heat Assoc",
-        "Quality Gas Tech",
-        "Certified Boiler Experts",
-      ]}
+        "Gas Safe Register",        "CORGI Certification",        "Chartered Institute",        "Safety First",        "National Heat Assoc",        "Quality Gas Tech",        "Certified Boiler Experts"]}
       title="Accredited & Certified"
       description="We maintain the highest industry standards with leading certifications."
     />
@@ -245,41 +133,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Jenkins",
-          handle: "Facilities Manager",
-          testimonial: "Royle Gas provided exceptional service for our office building. Highly professional and efficient.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark Thornton",
-          handle: "Homeowner",
-          testimonial: "Boiler repair was done quickly and at a fair price. Truly reliable service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-girl-wearing-glasses-sitting-kitchen-with-digital-tablet-working_1258-202092.jpg",
-        },
-        {
-          id: "t3",
-          name: "David Miller",
-          handle: "Construction Contractor",
-          testimonial: "Reliable partner for our new housing developments. Always hit project deadlines.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena Rodriguez",
-          handle: "Property Owner",
-          testimonial: "Excellent communication and very detailed inspection reports. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
-        },
-        {
-          id: "t5",
-          name: "John Smith",
-          handle: "Office Manager",
-          testimonial: "Safety compliance made easy by their team. Great professionalism throughout.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg",
-        },
+        { id: "t1", name: "Sarah Jenkins", handle: "Facilities Manager", testimonial: "Royle Gas provided exceptional service for our office building. Highly professional and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg" },
+        { id: "t2", name: "Mark Thornton", handle: "Homeowner", testimonial: "Boiler repair was done quickly and at a fair price. Truly reliable service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-girl-wearing-glasses-sitting-kitchen-with-digital-tablet-working_1258-202092.jpg" },
+        { id: "t3", name: "David Miller", handle: "Construction Contractor", testimonial: "Reliable partner for our new housing developments. Always hit project deadlines.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg" },
+        { id: "t4", name: "Elena Rodriguez", handle: "Property Owner", testimonial: "Excellent communication and very detailed inspection reports. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg" },
+        { id: "t5", name: "John Smith", handle: "Office Manager", testimonial: "Safety compliance made easy by their team. Great professionalism throughout.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg" },
       ]}
       title="Trusted by Regional Clients"
       description="See why facility managers and homeowners choose our services."
@@ -291,21 +149,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you offer emergency call outs?",
-          content: "Yes, we provide 24/7 emergency support to ensure your safety and system functionality.",
-        },
-        {
-          id: "q2",
-          title: "Are your engineers fully certified?",
-          content: "Absolutely. All our engineers are fully Gas Safe registered and certified for all installation and maintenance tasks.",
-        },
-        {
-          id: "q3",
-          title: "Do you serve both domestic and commercial sites?",
-          content: "Yes, we have specialized teams for both residential boiler repairs and large-scale commercial installation projects.",
-        },
+        { id: "q1", title: "Do you offer emergency call outs?", content: "Yes, we provide 24/7 emergency support to ensure your safety and system functionality." },
+        { id: "q2", title: "Are your engineers fully certified?", content: "Absolutely. All our engineers are fully Gas Safe registered and certified for all installation and maintenance tasks." },
+        { id: "q3", title: "Do you serve both domestic and commercial sites?", content: "Yes, we have specialized teams for both residential boiler repairs and large-scale commercial installation projects." },
       ]}
       title="Frequently Asked Questions"
       description="Have questions about our gas services? Here are the common answers for our clients."
@@ -316,16 +162,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       text="Ready to get started with your gas engineering project? Request a quote today and let our experts assist you."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "mailto:hello@roylegas.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Us Now", href: "mailto:hello@roylegas.com" }]}
     />
   </div>
 
@@ -333,36 +172,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Royle Gas Engineering"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
     />
   </div>