From fba176bc0898f8d18c33ae441267de3478bdde70 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 07:06:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 288 ++++++++---------------------------------------
 1 file changed, 48 insertions(+), 240 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index eaeaa56..e110678 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Fargo Nkubu"
     />
@@ -47,63 +42,26 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Wells Fargo & Fargo Courier Ltd – Nkubu"
       description="Integrated security and logistics solutions providing safe movement of goods and professional protection across Nkubu, Meru County."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/guard-man-ensuring-client-safety_23-2148404018.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-tablet_23-2149103421.jpg",
-          alt: "Team member 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297268.jpg",
-          alt: "Team member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229212.jpg",
-          alt: "Team member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229209.jpg",
-          alt: "Team member 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/foreman-auto-mechanic-workshop-using-desktop-pc-office_637285-9314.jpg",
-          alt: "Team member 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-tablet_23-2149103421.jpg", alt: "Team member 1" },
+        { src: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297268.jpg", alt: "Team member 2" },
+        { src: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229212.jpg", alt: "Team member 3" },
+        { src: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229209.jpg", alt: "Team member 4" },
+        { src: "http://img.b2bpic.net/free-photo/foreman-auto-mechanic-workshop-using-desktop-pc-office_637285-9314.jpg", alt: "Team member 5" }
       ]}
       avatarText="Join 10,000+ satisfied clients"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Secure Logistics",
-        },
-        {
-          type: "text",
-          text: "Reliable Guarding",
-        },
-        {
-          type: "text",
-          text: "Alarm Response",
-        },
-        {
-          type: "text",
-          text: "Warehousing",
-        },
-        {
-          type: "text",
-          text: "Nationwide Reach",
-        },
+        { type: "text", text: "Secure Logistics" },
+        { type: "text", text: "Reliable Guarding" },
+        { type: "text", text: "Alarm Response" },
+        { type: "text", text: "Warehousing" },
+        { type: "text", text: "Nationwide Reach" }
       ]}
     />
   </div>
@@ -113,21 +71,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Proven Security & Logistics Expertise"
       metrics={[
-        {
-          label: "Years of Experience",
-          value: "47+",
-          icon: Shield,
-        },
-        {
-          label: "Branches Nationwide",
-          value: "100+",
-          icon: MapPin,
-        },
-        {
-          label: "Service Areas",
-          value: "Everywhere",
-          icon: Truck,
-        },
+        { label: "Years of Experience", value: "47+", icon: Shield },
+        { label: "Branches Nationwide", value: "100+", icon: MapPin },
+        { label: "Service Areas", value: "Everywhere", icon: Truck }
       ]}
       metricsAnimation="slide-up"
     />
@@ -140,21 +86,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Courier & Logistics",
-          description: "Reliable parcel and document delivery, freight services, warehousing, and last-mile distribution across the region.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-holding-box_23-2148767088.jpg",
-        },
-        {
-          title: "Security Guarding",
-          description: "Professional alarm response and guarding solutions for residential and commercial properties in the Nkubu area.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128427.jpg",
-        },
-        {
-          title: "Supply Chain Management",
-          description: "Integrated logistics solutions designed to facilitate commerce and protect valuable assets throughout Meru County.",
-          imageSrc: "http://img.b2bpic.net/free-photo/managing-storage-depot-operating-supply-chain-logistical-sector_482257-83400.jpg",
-        },
+        { title: "Courier & Logistics", description: "Reliable parcel and document delivery, freight services, warehousing, and last-mile distribution across the region.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-holding-box_23-2148767088.jpg" },
+        { title: "Security Guarding", description: "Professional alarm response and guarding solutions for residential and commercial properties in the Nkubu area.", imageSrc: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128427.jpg" },
+        { title: "Supply Chain Management", description: "Integrated logistics solutions designed to facilitate commerce and protect valuable assets throughout Meru County.", imageSrc: "http://img.b2bpic.net/free-photo/managing-storage-depot-operating-supply-chain-logistical-sector_482257-83400.jpg" }
       ]}
       title="Comprehensive Services"
       description="We combine decades of experience to provide dependable, technology-driven solutions for your business and personal needs."
@@ -165,51 +99,15 @@ export default function LandingPage() {
       <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={true}
       products={[
-        {
-          id: "s1",
-          name: "Cash-in-Transit",
-          price: "Secure",
-          variant: "Security",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-gloves-holding-box_23-2148767149.jpg",
-        },
-        {
-          id: "s2",
-          name: "Document Delivery",
-          price: "Express",
-          variant: "Courier",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-using-house-videophone-indoor_1398-1281.jpg",
-        },
-        {
-          id: "s3",
-          name: "Alarm Response",
-          price: "Rapid",
-          variant: "Security",
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-staff-member-local-brand-supply-room-prepares-products_482257-130924.jpg",
-        },
-        {
-          id: "s4",
-          name: "Warehousing",
-          price: "Scaleable",
-          variant: "Logistics",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-mask_23-2149103432.jpg",
-        },
-        {
-          id: "s5",
-          name: "Last-Mile Distribution",
-          price: "Efficient",
-          variant: "Logistics",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-guard-man-protecting-client_23-2148404019.jpg",
-        },
-        {
-          id: "s6",
-          name: "Commercial Guarding",
-          price: "Professional",
-          variant: "Security",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-preparing-packages-shipment-attaching-data-label-carboard-box-office_637285-6583.jpg",
-        },
+        { id: "s1", name: "Cash-in-Transit", price: "Secure", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-gloves-holding-box_23-2148767149.jpg" },
+        { id: "s2", name: "Document Delivery", price: "Express", variant: "Courier", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-using-house-videophone-indoor_1398-1281.jpg" },
+        { id: "s3", name: "Alarm Response", price: "Rapid", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/asian-staff-member-local-brand-supply-room-prepares-products_482257-130924.jpg" },
+        { id: "s4", name: "Warehousing", price: "Scaleable", variant: "Logistics", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-mask_23-2149103432.jpg" },
+        { id: "s5", name: "Last-Mile Distribution", price: "Efficient", variant: "Logistics", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-guard-man-protecting-client_23-2148404019.jpg" },
+        { id: "s6", name: "Commercial Guarding", price: "Professional", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-preparing-packages-shipment-attaching-data-label-carboard-box-office_637285-6583.jpg" }
       ]}
       title="Our Focus"
       description="Strategic solutions designed for the Nkubu hub, connecting local businesses to nationwide protection and distribution."
@@ -222,36 +120,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          title: "Security Operations",
-          value: "24/7",
-          items: [
-            "Residential",
-            "Corporate",
-            "Alarm Response",
-          ],
-        },
-        {
-          id: "m2",
-          title: "Logistics Reach",
-          value: "100+",
-          items: [
-            "Nationwide",
-            "Last-Mile",
-            "Warehousing",
-          ],
-        },
-        {
-          id: "m3",
-          title: "Customer Satisfaction",
-          value: "High",
-          items: [
-            "Professional",
-            "Reliable",
-            "Trusted",
-          ],
-        },
+        { id: "m1", title: "Security Operations", value: "24/7", items: ["Residential", "Corporate", "Alarm Response"] },
+        { id: "m2", title: "Logistics Reach", value: "100+", items: ["Nationwide", "Last-Mile", "Warehousing"] },
+        { id: "m3", title: "Customer Satisfaction", value: "High", items: ["Professional", "Reliable", "Trusted"] }
       ]}
       title="Trusted by Nkubu"
       description="Our footprint covers key strategic locations, ensuring trade and safety across the Meru and Chuka corridors."
@@ -264,41 +135,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah K.",
-          handle: "@sarahk",
-          testimonial: "Very professional and safe delivery services every time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
-        },
-        {
-          id: "2",
-          name: "John M.",
-          handle: "@johnm",
-          testimonial: "The guarding service has made our business feel secure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
-        },
-        {
-          id: "3",
-          name: "Grace W.",
-          handle: "@gracew",
-          testimonial: "Excellent logistics support for my local business.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
-        },
-        {
-          id: "4",
-          name: "David O.",
-          handle: "@davido",
-          testimonial: "Quick alarm response when we needed it most.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda B.",
-          handle: "@lindab",
-          testimonial: "Reliable courier service within Meru County.",
-          imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-view-happy-beautiful-woman-holding-smartphone-sitting-home-having-break-from-work_1258-199926.jpg",
-        },
+        { id: "1", name: "Sarah K.", handle: "@sarahk", testimonial: "Very professional and safe delivery services every time.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
+        { id: "2", name: "John M.", handle: "@johnm", testimonial: "The guarding service has made our business feel secure.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg" },
+        { id: "3", name: "Grace W.", handle: "@gracew", testimonial: "Excellent logistics support for my local business.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg" },
+        { id: "4", name: "David O.", handle: "@davido", testimonial: "Quick alarm response when we needed it most.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
+        { id: "5", name: "Linda B.", handle: "@lindab", testimonial: "Reliable courier service within Meru County.", imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-view-happy-beautiful-woman-holding-smartphone-sitting-home-having-break-from-work_1258-199926.jpg" }
       ]}
       title="What Clients Say"
       description="Building trust through reliable services in the Meru County region."
@@ -308,52 +149,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Connect With Us"
       title="Visit the Nkubu Branch"
       description="Near Nkuene Dairy F.C.S, Kionyo Stage, Nkubu, Kenya. Phone: +254 769 198 728"
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+254769198728",
-        },
-      ]}
+      buttons={[{ text: "Call Now", href: "tel:+254769198728" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
       ]}
       logoText="Fargo Group Nkubu"
     />
-- 
2.49.1