From 786475dff8623433048d30b9103bc49e9b664cf1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 22:40:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 352 ++++++++---------------------------------------
 1 file changed, 59 insertions(+), 293 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 42aea5d..551d609 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,127 +33,57 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Inventory",
-          id: "inventory",
-        },
+          name: "Inventory",          id: "dashboard"},
         {
-          name: "Sales",
-          id: "sales",
-        },
+          name: "Sales",          id: "products"},
         {
-          name: "Dashboard",
-          id: "dashboard",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Afya Fresh"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Afya Fresh Fruits Distributors"
       description="Secure, efficient, and digital fruit trading for Marsabit County. Replacing manual records with technology for better harvests."
       leftCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hilwqr&_wi=1",
-          imageAlt: "Fresh fruits distribution",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22mhzu&_wi=1",
-          imageAlt: "Modern market setting",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swu1sa&_wi=1",
-          imageAlt: "Agricultural fresh produce",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cr8juk&_wi=1",
-          imageAlt: "Ripe tropical fruits",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvhq9y&_wi=1",
-          imageAlt: "Fresh oranges crate",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hilwqr", imageAlt: "Fresh fruits distribution" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22mhzu", imageAlt: "Modern market setting" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swu1sa", imageAlt: "Agricultural fresh produce" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cr8juk", imageAlt: "Ripe tropical fruits" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvhq9y", imageAlt: "Fresh oranges crate" }
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22mhzu&_wi=2",
-          imageAlt: "Trading management dashboard",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hilwqr&_wi=2",
-          imageAlt: "Digital inventory tracking",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swu1sa&_wi=2",
-          imageAlt: "Agricultural logistics",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jj2pyo&_wi=1",
-          imageAlt: "Fresh mangoes in crate",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke8pvq&_wi=1",
-          imageAlt: "Citrus fruits harvest",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22mhzu", imageAlt: "Trading management dashboard" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hilwqr", imageAlt: "Digital inventory tracking" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swu1sa", imageAlt: "Agricultural logistics" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jj2pyo", imageAlt: "Fresh mangoes in crate" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke8pvq", imageAlt: "Citrus fruits harvest" }
       ]}
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jw6ost",
-          alt: "Trader 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55bwkj",
-          alt: "Trader 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tkqka0",
-          alt: "Trader 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hr9e5y",
-          alt: "Trader 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xa3yzd",
-          alt: "Trader 5",
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jw6ost", alt: "Trader 1" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55bwkj", alt: "Trader 2" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tkqka0", alt: "Trader 3" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hr9e5y", alt: "Trader 4" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xa3yzd", alt: "Trader 5" }
       ]}
       avatarText="Join 500+ successful traders"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Quality Assured",
-        },
-        {
-          type: "text",
-          text: "Direct from Farms",
-        },
-        {
-          type: "text",
-          text: "Low Latency Ready",
-        },
-        {
-          type: "text",
-          text: "Sustainable Trading",
-        },
-        {
-          type: "text",
-          text: "Community Focused",
-        },
+        { type: "text", text: "Quality Assured" },
+        { type: "text", text: "Direct from Farms" },
+        { type: "text", text: "Low Latency Ready" },
+        { type: "text", text: "Sustainable Trading" },
+        { type: "text", text: "Community Focused" }
       ]}
     />
   </div>
@@ -163,7 +93,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Modernizing Fruit Distribution"
       description="Afya Fresh is designed to empower small-scale traders in Marsabit. We provide the tools to manage inventory, track logistics, and record sales in a simple, mobile-first interface optimized for low-bandwidth areas."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swu1sa&_wi=3"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swu1sa"
     />
   </div>
 
@@ -174,21 +104,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Inventory Tracking",
-          description: "Digital record-keeping for stock accuracy.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cr8juk&_wi=2",
-        },
-        {
-          title: "Real-time Sales",
-          description: "Log transactions instantly with auto-totals.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvhq9y&_wi=2",
-        },
-        {
-          title: "Logistic Tracking",
-          description: "Monitor order delivery status from farm to market.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jj2pyo&_wi=2",
-        },
+        { title: "Inventory Tracking", description: "Digital record-keeping for stock accuracy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cr8juk" },
+        { title: "Real-time Sales", description: "Log transactions instantly with auto-totals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvhq9y" },
+        { title: "Logistic Tracking", description: "Monitor order delivery status from farm to market.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jj2pyo" }
       ]}
       title="Core Management Features"
       description="Comprehensive tools for daily trading operations."
@@ -202,27 +120,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Inventory Items",
-          description: "Active fruits tracked",
-          icon: Package,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "System Uptime",
-          description: "Always accessible platform",
-          icon: TrendingUp,
-        },
-        {
-          id: "m3",
-          value: "45",
-          title: "Suppliers",
-          description: "Active in Marsabit",
-          icon: Users,
-        },
+        { id: "m1", value: "150+", title: "Inventory Items", description: "Active fruits tracked", icon: Package },
+        { id: "m2", value: "24/7", title: "System Uptime", description: "Always accessible platform", icon: TrendingUp },
+        { id: "m3", value: "45", title: "Suppliers", description: "Active in Marsabit", icon: Users }
       ]}
       title="Trading Analytics"
       description="Performance insights at your fingertips."
@@ -233,51 +133,15 @@ export default function LandingPage() {
       <ProductCardFour
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Mangoes",
-          price: "KSh 50/unit",
-          variant: "Fresh",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cr8juk&_wi=3",
-        },
-        {
-          id: "p2",
-          name: "Oranges",
-          price: "KSh 20/unit",
-          variant: "Citrus",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvhq9y&_wi=3",
-        },
-        {
-          id: "p3",
-          name: "Bananas",
-          price: "KSh 10/unit",
-          variant: "Standard",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jj2pyo&_wi=3",
-        },
-        {
-          id: "p4",
-          name: "Watermelon",
-          price: "KSh 150/unit",
-          variant: "Seasonal",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke8pvq&_wi=2",
-        },
-        {
-          id: "p5",
-          name: "Pawpaw",
-          price: "KSh 80/unit",
-          variant: "Fresh",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b76as0",
-        },
-        {
-          id: "p6",
-          name: "Avocado",
-          price: "KSh 40/unit",
-          variant: "Seasonal",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=revyoo",
-        },
+        { id: "p1", name: "Mangoes", price: "KSh 50/unit", variant: "Fresh", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cr8juk" },
+        { id: "p2", name: "Oranges", price: "KSh 20/unit", variant: "Citrus", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvhq9y" },
+        { id: "p3", name: "Bananas", price: "KSh 10/unit", variant: "Standard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jj2pyo" },
+        { id: "p4", name: "Watermelon", price: "KSh 150/unit", variant: "Seasonal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke8pvq" },
+        { id: "p5", name: "Pawpaw", price: "KSh 80/unit", variant: "Fresh", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b76as0" },
+        { id: "p6", name: "Avocado", price: "KSh 40/unit", variant: "Seasonal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=revyoo" }
       ]}
       title="Product Overview"
       description="Common inventory items in our distribution network."
@@ -290,54 +154,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "free",
-          title: "Basic Trader",
-          price: "Free",
-          period: "/mo",
-          features: [
-            "Inventory basics",
-            "Daily sales log",
-            "Offline caching",
-          ],
-          button: {
-            text: "Register",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xwgvri",
-          imageAlt: "fruit stock warehouse icon",
-        },
-        {
-          id: "pro",
-          title: "Market Pro",
-          price: "KSh 500",
-          period: "/mo",
-          features: [
-            "Advanced reports",
-            "Supplier management",
-            "Priority support",
-          ],
-          button: {
-            text: "Subscribe",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hilwqr&_wi=3",
-          imageAlt: "fruit stock warehouse icon",
-        },
-        {
-          id: "enterprise",
-          title: "Distributor",
-          price: "KSh 2000",
-          period: "/mo",
-          features: [
-            "All market features",
-            "Logistics tracking",
-            "Team management",
-          ],
-          button: {
-            text: "Get Access",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t4h894",
-          imageAlt: "fruit stock warehouse icon",
-        },
+        { id: "free", title: "Basic Trader", price: "Free", period: "/mo", features: ["Inventory basics", "Daily sales log", "Offline caching"], button: { text: "Register" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xwgvri", imageAlt: "fruit stock warehouse icon" },
+        { id: "pro", title: "Market Pro", price: "KSh 500", period: "/mo", features: ["Advanced reports", "Supplier management", "Priority support"], button: { text: "Subscribe" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hilwqr", imageAlt: "fruit stock warehouse icon" },
+        { id: "enterprise", title: "Distributor", price: "KSh 2000", period: "/mo", features: ["All market features", "Logistics tracking", "Team management"], button: { text: "Get Access" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t4h894", imageAlt: "fruit stock warehouse icon" }
       ]}
       title="Accessible Plans"
       description="Choose a plan designed for small-scale agricultural growth."
@@ -348,49 +167,14 @@ export default function LandingPage() {
       <TestimonialCardOne
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "John Ouma",
-          role: "Trader",
-          company: "Marsabit Market",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jw6ost",
-        },
-        {
-          id: "2",
-          name: "Sarah Ahmed",
-          role: "Supplier",
-          company: "Marsabit Fruits",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55bwkj",
-        },
-        {
-          id: "3",
-          name: "Peter Kiptoo",
-          role: "Trader",
-          company: "North Traders",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tkqka0",
-        },
-        {
-          id: "4",
-          name: "Fatuma Yusuf",
-          role: "Supplier",
-          company: "Desert Harvest",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hr9e5y",
-        },
-        {
-          id: "5",
-          name: "David Mwaniki",
-          role: "Trader",
-          company: "Local Trade",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xa3yzd",
-        },
+        { id: "1", name: "John Ouma", role: "Trader", company: "Marsabit Market", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jw6ost" },
+        { id: "2", name: "Sarah Ahmed", role: "Supplier", company: "Marsabit Fruits", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55bwkj" },
+        { id: "3", name: "Peter Kiptoo", role: "Trader", company: "North Traders", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tkqka0" },
+        { id: "4", name: "Fatuma Yusuf", role: "Supplier", company: "Desert Harvest", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hr9e5y" },
+        { id: "5", name: "David Mwaniki", role: "Trader", company: "Local Trade", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xa3yzd" }
       ]}
       title="Trader Success Stories"
       description="Hear how our platform helped traders grow."
@@ -400,17 +184,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get Started"
       title="Ready to Digitize Your Trade?"
       description="Contact our team to get your account setup in Marsabit County today."
       buttons={[
         {
-          text: "Contact Us",
-          href: "mailto:support@afyafresh.ke",
-        },
+          text: "Contact Us",          href: "mailto:support@afyafresh.ke"},
       ]}
     />
   </div>
@@ -419,29 +199,15 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Links",
-          items: [
-            {
-              label: "Login",
-              href: "#",
-            },
-            {
-              label: "About",
-              href: "#",
-            },
+          title: "Links",          items: [
+            { label: "Login", href: "#" },
+            { label: "About", href: "#" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
@@ -452,4 +218,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1