From 53a8399a3b8499a92884159682bfae90ad9d27f4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 29 Apr 2026 19:29:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 300 +++++++++++++++++++++++------------------------
 1 file changed, 150 insertions(+), 150 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ca8c72c..7a39035 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,165 +28,165 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Services", id: "services" },
-        { name: "About", id: "about" },
-        { name: "Reviews", id: "reviews" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="Roof A Tech UK"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Roof A Tech UK"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{ variant: "radial-gradient" }}
-      title="Roofing Built to Last a Lifetime"
-      description="Roof A Tech UK delivers precision roofing, guttering, chimneys and skylights across Sutton Coldfield and the wider Birmingham area. We finish every project to the highest professional standard—on time, on budget, and fully transparent."
-      buttons={[{ text: "Request a Free Quote", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg"
-      imageAlt="Professional roofing services"
-      mediaAnimation="slide-up"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg", alt: "Worker building the roof" },
-        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", alt: "Man with helmet" },
-        { src: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", alt: "Worker on roof" },
-        { src: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg", alt: "Man with drill" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg", alt: "Smiling construction worker" }
-      ]}
-      avatarText="100+ satisfied clients across the region."
-      marqueeItems={[
-        { type: "text-icon", text: "Fully Insured", icon: ShieldCheck },
-        { type: "text-icon", text: "Local Experts", icon: MapPin },
-        { type: "text-icon", text: "24/7 Support", icon: Clock },
-        { type: "text-icon", text: "Free Quotes", icon: Gauge },
-        { type: "text-icon", text: "Quality Assured", icon: Award }
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "radial-gradient" }}
+            title="Roofing Built to Last a Lifetime"
+            description="Roof A Tech UK delivers precision roofing, guttering, chimneys and skylights across Sutton Coldfield and the wider Birmingham area. We finish every project to the highest professional standard—on time, on budget, and fully transparent."
+            buttons={[{ text: "Request a Free Quote", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg"
+            imageAlt="Professional roofing services"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg", alt: "Worker building the roof" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", alt: "Man with helmet" },
+              { src: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", alt: "Worker on roof" },
+              { src: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg", alt: "Man with drill" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg", alt: "Smiling construction worker" }
+            ]}
+            avatarText="100+ satisfied clients across the region."
+            marqueeItems={[
+              { type: "text-icon", text: "Fully Insured", icon: ShieldCheck },
+              { type: "text-icon", text: "Local Experts", icon: MapPin },
+              { type: "text-icon", text: "24/7 Support", icon: Clock },
+              { type: "text-icon", text: "Free Quotes", icon: Gauge },
+              { type: "text-icon", text: "Quality Assured", icon: Award }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { title: "Installation & Repair", description: "Full installations and structural repairs built to last.", bentoComponent: { bentoComponent: "reveal-icon", icon: Hammer }, imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "professional roof tile repair" },
-        { title: "Gutter Services", description: "Cleaning and repairs for superior protection.", bentoComponent: { bentoComponent: "reveal-icon", icon: Droplets }, imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg", imageAlt: "professional roof tile repair" },
-        { title: "Chimney Services", description: "Expert repairs and maintenance.", bentoComponent: { bentoComponent: "reveal-icon", icon: Building }, imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "professional roof tile repair" },
-        { title: "Skylight Fitting", description: "Secure installation for natural light.", bentoComponent: { bentoComponent: "reveal-icon", icon: Sun }, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-posing-together_23-2149241592.jpg", imageAlt: "professional roof tile repair" },
-        { title: "Dry Ridge Systems", description: "Low-maintenance, durable protection.", bentoComponent: { bentoComponent: "reveal-icon", icon: Box }, imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg", imageAlt: "professional roof tile repair" },
-        { title: "Roof Surveys", description: "Transparent inspections with evidence.", bentoComponent: { bentoComponent: "reveal-icon", icon: Search }, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg", imageAlt: "professional roof tile repair" }
-      ]}
-      title="Every Roof, Every Detail, Done Right"
-      description="From emergency repairs to full installations, we handle every aspect of your roofing needs with care, precision and clear communication at every step."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Every Roof, Every Detail, Done Right"
+            description="From emergency repairs to full installations, we handle every aspect of your roofing needs with care, precision and clear communication at every step."
+            features={[
+              { title: "Installation & Repair", description: "Full installations and structural repairs built to last.", bentoComponent: { icon: Hammer }, imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "professional roof tile repair" },
+              { title: "Gutter Services", description: "Cleaning and repairs for superior protection.", bentoComponent: { icon: Droplets }, imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg", imageAlt: "professional roof tile repair" },
+              { title: "Chimney Services", description: "Expert repairs and maintenance.", bentoComponent: { icon: Building }, imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "professional roof tile repair" },
+              { title: "Skylight Fitting", description: "Secure installation for natural light.", bentoComponent: { icon: Sun }, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-posing-together_23-2149241592.jpg", imageAlt: "professional roof tile repair" },
+              { title: "Dry Ridge Systems", description: "Low-maintenance, durable protection.", bentoComponent: { icon: Box }, imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg", imageAlt: "professional roof tile repair" },
+              { title: "Roof Surveys", description: "Transparent inspections with evidence.", bentoComponent: { icon: Search }, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg", imageAlt: "professional roof tile repair" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "5.0", title: "Rating", items: ["Google Rated", "10 Reviews"] },
-        { id: "m2", value: "10+", title: "Happy Clients", items: ["Sutton Coldfield", "Birmingham Area"] },
-        { id: "m3", value: "24h", title: "Availability", items: ["Roofing emergencies", "Always ready"] },
-        { id: "m4", value: "100%", title: "Satisfaction", items: ["Guaranteed", "Professional Finish"] }
-      ]}
-      title="Roofing Standards We Stand By"
-      description="Experience roofing services defined by clarity, honesty, and high professional standards."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "5.0", title: "Rating", items: ["Google Rated", "10 Reviews"] },
+              { id: "m2", value: "10+", title: "Happy Clients", items: ["Sutton Coldfield", "Birmingham Area"] },
+              { id: "m3", value: "24h", title: "Availability", items: ["Roofing emergencies", "Always ready"] },
+              { id: "m4", value: "100%", title: "Satisfaction", items: ["Guaranteed", "Professional Finish"] }
+            ]}
+            title="Roofing Standards We Stand By"
+            description="Experience roofing services defined by clarity, honesty, and high professional standards."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Us"
-      title="Joseph & the Roof A Tech Team"
-      description="Based in Sutton Coldfield, Roof A Tech UK Limited was founded on one simple principle — do an outstanding job and treat every customer with complete honesty and respect. Led by Joseph, our team brings expertise, initiative and genuine care to every project, from a single cracked tile to a full roof replacement."
-      subdescription="We believe in being available when you need us most."
-      icon={Users}
-      imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124252.jpg"
-      imageAlt="Joseph from Roof A Tech"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="About Us"
+            title="Joseph & the Roof A Tech Team"
+            description="Based in Sutton Coldfield, Roof A Tech UK Limited was founded on one simple principle — do an outstanding job and treat every customer with complete honesty and respect. Led by Joseph, our team brings expertise, initiative and genuine care to every project, from a single cracked tile to a full roof replacement."
+            subdescription="We believe in being available when you need us most."
+            icon={Users}
+            imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124252.jpg"
+            imageAlt="Joseph from Roof A Tech"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { title: "01. Free Quote", description: "We visit, assess, and provide a clear quote.", bentoComponent: { bentoComponent: "reveal-icon", icon: Phone }, imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "clean gutter repair home" },
-        { title: "02. Survey", description: "Thorough inspection with photographic evidence.", bentoComponent: { bentoComponent: "reveal-icon", icon: Camera }, imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg", imageAlt: "clean gutter repair home" },
-        { title: "03. Completion", description: "Expert work with clear communication.", bentoComponent: { bentoComponent: "reveal-icon", icon: CheckCircle }, imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "clean gutter repair home" },
-        { title: "04. Handover", description: "We walk you through the finished work.", bentoComponent: { bentoComponent: "reveal-icon", icon: Sparkles }, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-posing-together_23-2149241592.jpg", imageAlt: "clean gutter repair home" }
-      ]}
-      title="How We Work"
-      description="A clear, professional process from the moment you get in touch to the final sign-off."
-    />
-  </div>
+        <div id="process" data-section="process">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="How We Work"
+            description="A clear, professional process from the moment you get in touch to the final sign-off."
+            features={[
+              { title: "01. Free Quote", description: "We visit, assess, and provide a clear quote.", bentoComponent: { icon: Phone }, imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "clean gutter repair home" },
+              { title: "02. Survey", description: "Thorough inspection with photographic evidence.", bentoComponent: { icon: Camera }, imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg", imageAlt: "clean gutter repair home" },
+              { title: "03. Completion", description: "Expert work with clear communication.", bentoComponent: { icon: CheckCircle }, imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "clean gutter repair home" },
+              { title: "04. Handover", description: "We walk you through the finished work.", bentoComponent: { icon: Sparkles }, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-posing-together_23-2149241592.jpg", imageAlt: "clean gutter repair home" }
+            ]}
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Kaylum Lee", handle: "Roof Repair", testimonial: "Excellent job—highly professional, quick, and efficient. I will definitely use them again.", imageSrc: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6313.jpg" },
-        { id: "2", name: "Joanne Paggett", handle: "Dry Ridge System", testimonial: "Very pleased with the professionalism of Joseph and his team, from quote to completion.", imageSrc: "http://img.b2bpic.net/free-photo/happily-smiling-latino-dark-skinned-man-wears-blank-heather-grey-clothing-pose-near-wooden-ladder-white-wall-side-view_346278-1041.jpg" },
-        { id: "3", name: "Samantha Johnson", handle: "Gutters & Tile", testimonial: "Honest, photographed the issue, and explained everything clearly. Very happy.", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg" },
-        { id: "4", name: "Verified Customer", handle: "Ridge Tiles", testimonial: "Did an extremely good job. Highly recommend them for roofing works.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg" },
-        { id: "5", name: "Verified Customer", handle: "General Roofing", testimonial: "Nice young man, clean worker—left the job as tidy as he found it.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg" }
-      ]}
-      title="What Customers Say"
-      description="Hear from our happy clients about the quality and professionalism of our work."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Kaylum Lee", handle: "Roof Repair", testimonial: "Excellent job—highly professional, quick, and efficient. I will definitely use them again.", imageSrc: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6313.jpg" },
+              { id: "2", name: "Joanne Paggett", handle: "Dry Ridge System", testimonial: "Very pleased with the professionalism of Joseph and his team, from quote to completion.", imageSrc: "http://img.b2bpic.net/free-photo/happily-smiling-latino-dark-skinned-man-wears-blank-heather-grey-clothing-pose-near-wooden-ladder-white-wall-side-view_346278-1041.jpg" },
+              { id: "3", name: "Samantha Johnson", handle: "Gutters & Tile", testimonial: "Honest, photographed the issue, and explained everything clearly. Very happy.", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg" },
+              { id: "4", name: "Verified Customer", handle: "Ridge Tiles", testimonial: "Did an extremely good job. Highly recommend them for roofing works.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg" },
+              { id: "5", name: "Verified Customer", handle: "General Roofing", testimonial: "Nice young man, clean worker—left the job as tidy as he found it.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg" }
+            ]}
+            title="What Customers Say"
+            description="Hear from our happy clients about the quality and professionalism of our work."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        { id: "q1", title: "Do you offer emergency call-outs?", content: "Yes, we are available 24/7 for roofing emergencies." },
-        { id: "q2", title: "What areas do you cover?", content: "We cover Sutton Coldfield, Oscott, Birmingham, Erdington, and surrounding areas." },
-        { id: "q3", title: "How does the quote process work?", content: "Call us for a free site visit and no-obligation quote." },
-        { id: "q4", title: "Are your quotes transparent?", content: "Absolutely. We photograph and explain every issue to avoid surprises." }
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Do you offer emergency call-outs?", content: "Yes, we are available 24/7 for roofing emergencies." },
+              { id: "q2", title: "What areas do you cover?", content: "We cover Sutton Coldfield, Oscott, Birmingham, Erdington, and surrounding areas." },
+              { id: "q3", title: "How does the quote process work?", content: "Call us for a free site visit and no-obligation quote." },
+              { id: "q4", title: "Are your quotes transparent?", content: "Absolutely. We photograph and explain every issue to avoid surprises." }
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get a Free Quote"
-      description="Ready for a roof you can rely on? Call us today or send a message for a free, no-obligation quote."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
-        { name: "email", type: "email", placeholder: "Email Address", required: true },
-        { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
-      ]}
-      textarea={{ name: "message", placeholder: "Tell us about your project", required: true }}
-      imageSrc="http://img.b2bpic.net/free-photo/person-varnishing-wood_23-2148748820.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Get a Free Quote"
+            description="Ready for a roof you can rely on? Call us today or send a message for a free, no-obligation quote."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your project", required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/person-varnishing-wood_23-2148748820.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg"
-      logoText="Roof A Tech UK"
-      columns={[
-        { title: "Company", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "Reviews", href: "#reviews" }] },
-        { title: "Contact", items: [{ label: "Call Us: 07399 929664", href: "tel:07399929664" }, { label: "22 Chester Rd, Sutton Coldfield", href: "#" }] }
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg"
+            logoText="Roof A Tech UK"
+            columns={[
+              { title: "Company", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "Reviews", href: "#reviews" }] },
+              { title: "Contact", items: [{ label: "Call Us: 07399 929664", href: "tel:07399929664" }, { label: "22 Chester Rd, Sutton Coldfield", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1