From 0d866fd4b1adc66a8da31fd31faaee164070edae Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 06:29:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 344 +++++++++++++++--------------------------------
 1 file changed, 112 insertions(+), 232 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5da9fba..288e5b1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,246 +28,126 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Top Ken"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "About", id: "#about" },
+                { name: "Services", id: "#services" },
+                { name: "Testimonials", id: "#testimonials" },
+                { name: "Contact", id: "#contact" },
+              ]}
+              brandName="Top Ken"
+              button={{ text: "Get Quote", href: "#contact" }}
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Top Ken Roofing Solutions"
-      description="Premium roofing & aluminum solutions built for durability, style, and trust. Delivering quality that stands the test of time."
-      tag="Quality First"
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-metal-background-close-up_23-2148859894.jpg",
-          imageAlt: "modern roofing solution installation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg",
-          imageAlt: "modern roofing solution installation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13831.jpg",
-          imageAlt: "Photo of metal texture pattern",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
-          imageAlt: "Full shot smiley man working on roof",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg",
-          imageAlt: "Medium shot man working with helmet",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Trusted by 500+ satisfied clients"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitDualMedia
+              background={{ variant: "sparkles-gradient" }}
+              title="Top Ken Roofing Solutions"
+              description="Premium roofing & aluminum solutions built for durability, style, and trust. Delivering quality that stands the test of time."
+              tag="Quality First"
+              buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
+              mediaItems={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-metal-background-close-up_23-2148859894.jpg", imageAlt: "modern roofing solution installation" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg", imageAlt: "modern roofing solution installation" }
+              ]}
+              mediaAnimation="slide-up"
+              rating={5}
+              ratingText="Trusted by 500+ satisfied clients"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Story"
-      title="Unmatched Quality & Professionalism"
-      description="At Top Ken Roofing Solutions, we specialize in high-quality roofing sheets, aluminum works, and precision finishing."
-      subdescription="Our commitment is simple — deliver exactly what our clients order, with unmatched professionalism and reliability."
-      imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg"
-      mediaAnimation="blur-reveal"
-      imageAlt="construction worker roof installation"
-      icon={ShieldCheck}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TestimonialAboutCard
+              useInvertedBackground={false}
+              tag="Our Story"
+              title="Unmatched Quality & Professionalism"
+              description="At Top Ken Roofing Solutions, we specialize in high-quality roofing sheets, aluminum works, and precision finishing."
+              subdescription="Our commitment is simple — deliver exactly what our clients order, with unmatched professionalism and reliability."
+              imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg"
+              mediaAnimation="blur-reveal"
+              imageAlt="construction worker roof installation"
+              icon={ShieldCheck}
+            />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          label: "Supplies",
-          title: "Roofing Sheet Supply",
-          items: [
-            "High-grade materials",
-            "Fast nationwide shipping",
-            "Variety of designs",
-          ],
-        },
-        {
-          id: "s2",
-          label: "Aluminum",
-          title: "Aluminum Works",
-          items: [
-            "Precision window installation",
-            "High-quality door fitting",
-            "Seamless finish",
-          ],
-        },
-        {
-          id: "s3",
-          label: "Roofing",
-          title: "Custom Gauge Roofing",
-          items: [
-            "0.70 Caliper & above",
-            "Custom measurements",
-            "Customized roofing solutions",
-          ],
-        },
-      ]}
-      title="Our Specialized Services"
-      description="Offering a comprehensive range of roofing and aluminum services to meet your building needs."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureCardTwelve
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              features={[
+                { id: "s1", label: "Supplies", title: "Roofing Sheet Supply", items: ["High-grade materials", "Fast nationwide shipping", "Variety of designs"] },
+                { id: "s2", label: "Aluminum", title: "Aluminum Works", items: ["Precision window installation", "High-quality door fitting", "Seamless finish"] },
+                { id: "s3", label: "Roofing", title: "Custom Gauge Roofing", items: ["0.70 Caliper & above", "Custom measurements", "Customized roofing solutions"] },
+              ]}
+              title="Our Specialized Services"
+              description="Offering a comprehensive range of roofing and aluminum services to meet your building needs."
+            />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Our Track Record"
-      tag="Performance"
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          description: "Successful Projects",
-        },
-        {
-          id: "m2",
-          value: "20+",
-          description: "Years of Experience",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Customer Satisfaction",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardFourteen
+              useInvertedBackground={false}
+              title="Our Track Record"
+              tag="Performance"
+              metrics={[
+                { id: "m1", value: "500+", description: "Successful Projects" },
+                { id: "m2", value: "20+", description: "Years of Experience" },
+                { id: "m3", value: "100%", description: "Customer Satisfaction" },
+              ]}
+              metricsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Client in Ogun",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-celebrating-with-raised-fist_1187-3250.jpg",
-        },
-        {
-          id: "t2",
-          name: "Residential Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124270.jpg",
-        },
-        {
-          id: "t3",
-          name: "Commercial Builder",
-          imageSrc: "http://img.b2bpic.net/free-photo/men-with-helmet-working-logistic_23-2148886813.jpg",
-        },
-        {
-          id: "t4",
-          name: "Home Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-old-stainless-wall_23-2148744338.jpg",
-        },
-        {
-          id: "t5",
-          name: "Satisfied Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg",
-        },
-      ]}
-      cardTitle="What Our Clients Say"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTwelve
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "t1", name: "Client in Ogun", imageSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-celebrating-with-raised-fist_1187-3250.jpg" },
+                { id: "t2", name: "Residential Client", imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124270.jpg" },
+                { id: "t3", name: "Commercial Builder", imageSrc: "http://img.b2bpic.net/free-photo/men-with-helmet-working-logistic_23-2148886813.jpg" },
+                { id: "t4", name: "Home Owner", imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-old-stainless-wall_23-2148744338.jpg" },
+                { id: "t5", name: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg" },
+              ]}
+              cardTitle="What Our Clients Say"
+              cardTag="Testimonials"
+              cardAnimation="slide-up"
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you deliver nationwide?",
-          content: "Yes, we ship high-quality roofing materials to all regions across Nigeria.",
-        },
-        {
-          id: "f2",
-          title: "What roofing gauges do you offer?",
-          content: "We offer various gauges, including our popular 0.70 caliber, to ensure durability.",
-        },
-        {
-          id: "f3",
-          title: "How can I request a quote?",
-          content: "Simply fill out our contact form or call us directly to get a personalized quote.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitText
+              useInvertedBackground={false}
+              faqs={[
+                { id: "f1", title: "Do you deliver nationwide?", content: "Yes, we ship high-quality roofing materials to all regions across Nigeria." },
+                { id: "f2", title: "What roofing gauges do you offer?", content: "We offer various gauges, including our popular 0.70 caliber, to ensure durability." },
+                { id: "f3", title: "How can I request a quote?", content: "Simply fill out our contact form or call us directly to get a personalized quote." },
+              ]}
+              sideTitle="Frequently Asked Questions"
+              faqsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Let's Talk"
-      title="Ready to Build with Quality?"
-      description="Let’s deliver exactly what you need — no compromises. Reach out today."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+              useInvertedBackground={false}
+              background={{ variant: "sparkles-gradient" }}
+              tag="Let's Talk"
+              title="Ready to Build with Quality?"
+              description="Let’s deliver exactly what you need — no compromises. Reach out today."
+              buttons={[{ text: "Contact Us Now", href: "#contact" }]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Top Ken Roofing"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+              logoText="Top Ken Roofing"
+              leftLink={{ text: "Privacy Policy", href: "#" }}
+              rightLink={{ text: "Terms of Service", href: "#" }}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1