From a3b10f84bc156e933af1cd9dadde7482495340b7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 18:00:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 459 +++++++++++++++--------------------------------
 1 file changed, 147 insertions(+), 312 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3ae551d..70db99e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,326 +26,161 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="QuickSiteKenya"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Portfolio", id: "portfolio" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="QuickSiteKenya"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Empowering Kenyan Businesses Through Exceptional Websites"
-      description="We craft high-performance, modern, and growth-focused websites designed to scale. Experience digital excellence with QuickSiteKenya."
-      tag="BUILDING WEBSITES THAT DRIVE RESULTS"
-      buttons={[
-        {
-          text: "View Services",
-          href: "#services",
-        },
-        {
-          text: "Contact Now",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=1",
-          imageAlt: "Nairobi Skyline at Night",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=2",
-          imageAlt: "Nairobi Skyline at Night",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=3",
-          imageAlt: "Nairobi Skyline at Night",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=4",
-          imageAlt: "Nairobi Skyline at Night",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=5",
-          imageAlt: "Nairobi Skyline at Night",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg?_wi=6",
-          imageAlt: "Nairobi Skyline at Night",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "sparkles-gradient" }}
+            title="Empowering Kenyan Businesses Through Exceptional Websites"
+            description="We craft high-performance, modern, and growth-focused websites designed to scale. Experience digital excellence with QuickSiteKenya."
+            tag="BUILDING WEBSITES THAT DRIVE RESULTS"
+            buttons={[
+              { text: "View Services", href: "#services" },
+              { text: "Contact Now", href: "#contact" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394957.jpg", imageAlt: "Nairobi Skyline at Night" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Performance",
-          description: "Blazing fast load times for better conversions.",
-          tag: "Speed",
-          imageSrc: "http://img.b2bpic.net/free-psd/aurora-jewels-elegant-luxury-banner-jewelry-promotion_23-2151978588.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Cutting-Edge Design",
-          description: "Modern aesthetics that define your brand.",
-          tag: "UX/UI",
-          imageSrc: "http://img.b2bpic.net/free-vector/happy-diwali-wishes-green-background-with-ethnic-golden-diya_1017-61468.jpg",
-        },
-        {
-          id: "f3",
-          title: "Growth-Focused",
-          description: "Strategy integrated into every line of code.",
-          tag: "Growth",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-fashion-accessories-logo-set_23-2148922521.jpg",
-        },
-        {
-          id: "f4",
-          title: "Tailored Solutions",
-          description: "Custom features built for your unique market.",
-          tag: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-vector/light-bulb-gear-logo-design_1396-80.jpg",
-        },
-        {
-          id: "f5",
-          title: "Local Expertise",
-          description: "Designed for the unique needs of Kenyan consumers.",
-          tag: "Local",
-          imageSrc: "http://img.b2bpic.net/free-psd/aurora-jewels-elegant-luxury-banner-jewelry-promotion_23-2151978588.jpg?_wi=2",
-        },
-      ]}
-      title="Why QuickSiteKenya?"
-      description="We combine local insight with global design standards to push your business forward."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "Performance", description: "Blazing fast load times for better conversions.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-psd/aurora-jewels-elegant-luxury-banner-jewelry-promotion_23-2151978588.jpg" },
+              { id: "f2", title: "Cutting-Edge Design", description: "Modern aesthetics that define your brand.", tag: "UX/UI", imageSrc: "http://img.b2bpic.net/free-vector/happy-diwali-wishes-green-background-with-ethnic-golden-diya_1017-61468.jpg" },
+              { id: "f3", title: "Growth-Focused", description: "Strategy integrated into every line of code.", tag: "Growth", imageSrc: "http://img.b2bpic.net/free-vector/flat-fashion-accessories-logo-set_23-2148922521.jpg" },
+              { id: "f4", title: "Tailored Solutions", description: "Custom features built for your unique market.", tag: "Custom", imageSrc: "http://img.b2bpic.net/free-vector/light-bulb-gear-logo-design_1396-80.jpg" },
+              { id: "f5", title: "Local Expertise", description: "Designed for the unique needs of Kenyan consumers.", tag: "Local", imageSrc: "http://img.b2bpic.net/free-psd/aurora-jewels-elegant-luxury-banner-jewelry-promotion_23-2151978588.jpg" },
+            ]}
+            title="Why QuickSiteKenya?"
+            description="We combine local insight with global design standards to push your business forward."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "s1",
-          name: "Website Design",
-          price: "From $500",
-          imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=1",
-        },
-        {
-          id: "s2",
-          name: "E-commerce Development",
-          price: "From $800",
-          imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=2",
-        },
-        {
-          id: "s3",
-          name: "SEO Optimization",
-          price: "From $300",
-          imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=3",
-        },
-        {
-          id: "s4",
-          name: "Website Maintenance",
-          price: "From $100/mo",
-          imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=4",
-        },
-        {
-          id: "s5",
-          name: "Brand Identity",
-          price: "From $250",
-          imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=5",
-        },
-      ]}
-      title="Our Services"
-      description="Comprehensive digital solutions tailored for the Kenyan market."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "s1", name: "Website Design", price: "From $500", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
+              { id: "s2", name: "E-commerce Development", price: "From $800", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
+              { id: "s3", name: "SEO Optimization", price: "From $300", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
+              { id: "s4", name: "Website Maintenance", price: "From $100/mo", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
+              { id: "s5", name: "Brand Identity", price: "From $250", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg" },
+            ]}
+            title="Our Services"
+            description="Comprehensive digital solutions tailored for the Kenyan market."
+          />
+        </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardThree
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Nairobi Real Estate Portal",
-          price: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-traveling-adventure-landing-page_23-2150310579.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Kenyan Fashion E-store",
-          price: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-psd/holiday-template-design_23-2150299163.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Tech Startup Platform",
-          price: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page-template_23-2149200404.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Local Restaurant App",
-          price: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-traveling-adventure-landing-page_23-2150310579.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          name: "Agri-tech Marketplace",
-          price: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-psd/holiday-template-design_23-2150299163.jpg?_wi=2",
-        },
-      ]}
-      title="Selected Projects"
-      description="A glimpse of the websites we have built to empower businesses."
-    />
-  </div>
+        <div id="portfolio" data-section="portfolio">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Nairobi Real Estate Portal", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-traveling-adventure-landing-page_23-2150310579.jpg" },
+              { id: "p2", name: "Kenyan Fashion E-store", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/holiday-template-design_23-2150299163.jpg" },
+              { id: "p3", name: "Tech Startup Platform", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page-template_23-2149200404.jpg" },
+              { id: "p4", name: "Local Restaurant App", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-traveling-adventure-landing-page_23-2150310579.jpg" },
+              { id: "p5", name: "Agri-tech Marketplace", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/holiday-template-design_23-2150299163.jpg" },
+            ]}
+            title="Selected Projects"
+            description="A glimpse of the websites we have built to empower businesses."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="About QuickSiteKenya"
-      metrics={[
-        {
-          icon: CheckCircle,
-          label: "Projects Completed",
-          value: "150+",
-        },
-        {
-          icon: Award,
-          label: "Happy Clients",
-          value: "120+",
-        },
-        {
-          icon: Zap,
-          label: "Years Experience",
-          value: "5+",
-        },
-        {
-          icon: Users,
-          label: "Team Members",
-          value: "20+",
-        },
-        {
-          icon: BarChart2,
-          label: "Growth Rate",
-          value: "400%",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="About QuickSiteKenya"
+            metrics={[
+              { icon: CheckCircle, label: "Projects Completed", value: "150+" },
+              { icon: Award, label: "Happy Clients", value: "120+" },
+              { icon: Zap, label: "Years Experience", value: "5+" },
+              { icon: Users, label: "Team Members", value: "20+" },
+              { icon: BarChart2, label: "Growth Rate", value: "400%" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="cta" data-section="cta">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Growth"
-      title="Ready to Grow Your Business Online?"
-      description="Let's build something exceptional together."
-      mediaAnimation="slide-up"
-      buttonText="Get Started"
-      imageSrc="http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page-template_23-2149200404.jpg?_wi=2"
-    />
-  </div>
+        <div id="cta" data-section="cta">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Growth"
+            title="Ready to Grow Your Business Online?"
+            description="Let's build something exceptional together."
+            mediaAnimation="slide-up"
+            buttonText="Get Started"
+            imageSrc="http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page-template_23-2149200404.jpg"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Connect"
-      title="Contact Us"
-      description="Have a project in mind? We'd love to hear about it."
-      mediaAnimation="blur-reveal"
-      inputPlaceholder="Enter your email"
-      imageSrc="http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg?_wi=6"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Connect"
+            title="Contact Us"
+            description="Have a project in mind? We'd love to hear about it."
+            mediaAnimation="blur-reveal"
+            inputPlaceholder="Enter your email"
+            imageSrc="http://img.b2bpic.net/free-vector/furniture-shopping-application-template_23-2148676929.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Design",
-              href: "#services",
-            },
-            {
-              label: "SEO",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 QuickSiteKenya. All rights reserved."
-      bottomRightText="Crafted with passion for Kenya"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "#about" },
+                  { label: "Portfolio", href: "#portfolio" },
+                ],
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Design", href: "#services" },
+                  { label: "SEO", href: "#services" },
+                ],
+              },
+              {
+                title: "Connect",                items: [
+                  { label: "LinkedIn", href: "#" },
+                  { label: "Twitter", href: "#" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 QuickSiteKenya. All rights reserved."
+            bottomRightText="Crafted with passion for Kenya"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1