From b4833bf86ec086cd61bdcceaf3dcee7638b72644 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 02:42:16 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 402 ++++++++++++++++++-----------------------------
 1 file changed, 153 insertions(+), 249 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 737a273..3327796 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,263 +28,167 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Reviews",
-          id: "#testimonials",
-        },
-        {
-          name: "About",
-          id: "#why-choose-us",
-        },
-      ]}
-      brandName="Roofit"
-      button={{
-        text: "Get a Quote",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Services", id: "#services" },
+              { name: "Reviews", id: "#testimonials" },
+              { name: "About", id: "#why-choose-us" },
+              { name: "Contact", id: "#contact" }
+            ]}
+            brandName="Roofit"
+            button={{ text: "Get a Quote", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Premium Roofing. Flawless Execution."
-      description="Delivering durable, leak-free, and perfectly crafted roofs across Ghana. Rated 5 Stars by 40+ Clients."
-      buttons={[
-        {
-          text: "Request a Free Estimate",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg?_wi=1"
-      imageAlt="Modern premium roofing home"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Premium Roofing. Flawless Execution."
+            description="Delivering durable, leak-free, and perfectly crafted roofs across Ghana. Rated 5 Stars by 40+ Clients."
+            buttons={[{ text: "Request a Free Estimate", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg"
+            imageAlt="Modern premium roofing home"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Installation",
-          description: "Precision installation of premium roofing sheets for maximum durability.",
-          bentoComponent: "reveal-icon",
-          icon: Building2,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",
-          imageAlt: "professional roofing installation",
-        },
-        {
-          title: "Repair & Maintenance",
-          description: "Fast, permanent leak repairs performed by expert technicians.",
-          bentoComponent: "reveal-icon",
-          icon: Wrench,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg?_wi=2",
-          imageAlt: "professional roofing installation",
-        },
-        {
-          title: "Supply",
-          description: "High-quality, durable roofing materials sourced for longevity.",
-          bentoComponent: "reveal-icon",
-          icon: Box,
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
-          imageAlt: "professional roofing installation",
-        },
-      ]}
-      title="Core Services"
-      description="Precision roofing solutions for residential and commercial projects."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Installation",                description: "Precision installation of premium roofing sheets for maximum durability.",                bentoComponent: "reveal-icon",                icon: Building2
+              },
+              {
+                title: "Repair & Maintenance",                description: "Fast, permanent leak repairs performed by expert technicians.",                bentoComponent: "reveal-icon",                icon: Wrench
+              },
+              {
+                title: "Supply",                description: "High-quality, durable roofing materials sourced for longevity.",                bentoComponent: "reveal-icon",                icon: Box
+              }
+            ]}
+            title="Core Services"
+            description="Precision roofing solutions for residential and commercial projects."
+          />
+        </div>
 
-  <div id="why-choose-us" data-section="why-choose-us">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Expertise"
-      title="Why Choose Roofit"
-      description="We blend precision engineering with premium materials."
-      subdescription="Our commitment to quality ensures every project we undertake is built to last. Our team is dedicated to providing transparent service and reliable results for every homeowner in Ghana."
-      icon={ShieldCheck}
-      imageSrc="http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="why-choose-us" data-section="why-choose-us">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Expertise"
+            title="Why Choose Roofit"
+            description="We blend precision engineering with premium materials."
+            subdescription="Our commitment to quality ensures every project we undertake is built to last. Our team is dedicated to providing transparent service and reliable results for every homeowner in Ghana."
+            icon={ShieldCheck}
+            imageSrc="http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Accra Estate Partners",
-        "Ghana Builders Association",
-        "Kumasi Residential Group",
-        "Tema City Development",
-        "Cape Coast Housing",
-        "Takoradi Urban Solutions",
-        "Tamale Construction Bureau",
-      ]}
-      title="Trusted by Homeowners"
-      description="Join our community of satisfied clients across Ghana."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={[
+              "Accra Estate Partners",              "Ghana Builders Association",              "Kumasi Residential Group",              "Tema City Development",              "Cape Coast Housing",              "Takoradi Urban Solutions",              "Tamale Construction Bureau"
+            ]}
+            title="Trusted by Homeowners"
+            description="Join our community of satisfied clients across Ghana."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "De-gate Zion",
-          role: "Homeowner",
-          testimonial: "Beautifully done with no problem of leakage and affordable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-        },
-        {
-          id: "t2",
-          name: "Richard Asare",
-          role: "Business Owner",
-          testimonial: "Great professionalism and the quality of their work is top-tier.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
-        },
-        {
-          id: "t3",
-          name: "Aaron Kufoalor",
-          role: "Architect",
-          testimonial: "So far the BEST roofing company I have done business with.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confused-woman-showing-something-laptop_23-2148363619.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sarah Mensah",
-          role: "Property Manager",
-          testimonial: "Extremely satisfied with the speed and quality provided.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-office-guy-sits-coworking-space-looking-camera-smiling_1258-245409.jpg",
-        },
-        {
-          id: "t5",
-          name: "Kojo Boateng",
-          role: "Homeowner",
-          testimonial: "Very professional and trustworthy roofing experts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-country-side-after-moving-from-city_23-2151123716.jpg",
-        },
-      ]}
-      title="Client Success Stories"
-      description="What our customers are saying."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              {
+                id: "t1",                name: "De-gate Zion",                role: "Homeowner",                testimonial: "Beautifully done with no problem of leakage and affordable.",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"
+              },
+              {
+                id: "t2",                name: "Richard Asare",                role: "Business Owner",                testimonial: "Great professionalism and the quality of their work is top-tier.",                imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"
+              },
+              {
+                id: "t3",                name: "Aaron Kufoalor",                role: "Architect",                testimonial: "So far the BEST roofing company I have done business with.",                imageSrc: "http://img.b2bpic.net/free-photo/confused-woman-showing-something-laptop_23-2148363619.jpg"
+              },
+              {
+                id: "t4",                name: "Sarah Mensah",                role: "Property Manager",                testimonial: "Extremely satisfied with the speed and quality provided.",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-office-guy-sits-coworking-space-looking-camera-smiling_1258-245409.jpg"
+              },
+              {
+                id: "t5",                name: "Kojo Boateng",                role: "Homeowner",                testimonial: "Very professional and trustworthy roofing experts.",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-country-side-after-moving-from-city_23-2151123716.jpg"
+              }
+            ]}
+            title="Client Success Stories"
+            description="What our customers are saying."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you provide estimates?",
-          content: "Yes, we provide free estimates for all residential and commercial roofing projects.",
-        },
-        {
-          id: "f2",
-          title: "How long does installation take?",
-          content: "Most installations are completed within 3-5 days, depending on the property size.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer leak repairs?",
-          content: "Absolutely. We specialize in fast, permanent leak repairs.",
-        },
-        {
-          id: "f4",
-          title: "Do you cover all regions?",
-          content: "Yes, our teams are mobilized to serve clients across all regions of Ghana.",
-        },
-        {
-          id: "f5",
-          title: "What materials do you use?",
-          content: "We use premium, high-grade roofing sheets that meet international durability standards.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              {
+                id: "f1",                title: "Do you provide estimates?",                content: "Yes, we provide free estimates for all residential and commercial roofing projects."
+              },
+              {
+                id: "f2",                title: "How long does installation take?",                content: "Most installations are completed within 3-5 days, depending on the property size."
+              },
+              {
+                id: "f3",                title: "Do you offer leak repairs?",                content: "Absolutely. We specialize in fast, permanent leak repairs."
+              },
+              {
+                id: "f4",                title: "Do you cover all regions?",                content: "Yes, our teams are mobilized to serve clients across all regions of Ghana."
+              },
+              {
+                id: "f5",                title: "What materials do you use?",                content: "We use premium, high-grade roofing sheets that meet international durability standards."
+              }
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Contact Us"
-      title="Ready for a beautiful roof?"
-      description="Contact our experts today to schedule your assessment."
-      buttonText="Send Message"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Contact Us"
+            title="Ready for a beautiful roof?"
+            description="Contact our experts today to schedule your assessment."
+            buttonText="Send Message"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg"
-      logoText="Roofit"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Installation",
-              href: "#services",
-            },
-            {
-              label: "Repair",
-              href: "#services",
-            },
-            {
-              label: "Supplies",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#why-choose-us",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Roofit Roofing Services."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg"
+            logoText="Roofit"
+            columns={[
+              {
+                title: "Services",                items: [
+                  { label: "Installation", href: "#services" },
+                  { label: "Repair", href: "#services" },
+                  { label: "Supplies", href: "#services" }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "#why-choose-us" },
+                  { label: "Reviews", href: "#testimonials" },
+                  { label: "Contact", href: "#contact" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy", href: "#" },
+                  { label: "Terms", href: "#" }
+                ]
+              }
+            ]}
+            copyrightText="© 2025 Roofit Roofing Services."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1