From b5827ae628486c9d497766e73b74339884da7d0e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 09:00:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 168 +++++++++--------------------------------------
 1 file changed, 32 insertions(+), 136 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b6a4f68..57ec1b4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,23 +19,21 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         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">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "How it Works",
-          id: "#how-it-works",
-        },
-        {
-          name: "Benefits",
-          id: "#benefits",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
+        { name: "How it Works", id: "#how-it-works" },
+        { name: "Benefits", id: "#benefits" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="JAKDelivery"
     />
@@ -43,20 +41,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Shop Global. Pickup Local. Save More."
       description="JAKDelivery helps GCC customers shop from international stores using a local address, then pick up orders near them at their convenience. No more waiting at home, no premium express costs."
       buttons={[
-        {
-          text: "Download the App",
-          href: "#",
-        },
-        {
-          text: "Become a JAK Member",
-          href: "#",
-        },
+        { text: "Download the App", href: "#" },
+        { text: "Become a JAK Member", href: "#" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shelves-full-with-boxes-ready-delivery_482257-77623.jpg"
     />
@@ -68,21 +58,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Pickup at your convenience",
-          description: "Collect your shipment from a nearby JAK pickup point when it works for you.",
-          icon: MapPin,
-        },
-        {
-          title: "Deferred service",
-          description: "Built for planned shopping, timelines generally start from around 10 days.",
-          icon: Clock,
-        },
-        {
-          title: "Affordable rates",
-          description: "Designed to make cross-border shopping more affordable for all GCC customers.",
-          icon: Wallet,
-        },
+        { title: "Pickup at your convenience", description: "Collect your shipment from a nearby JAK pickup point when it works for you.", icon: MapPin },
+        { title: "Deferred service", description: "Built for planned shopping, timelines generally start from around 10 days.", icon: Clock },
+        { title: "Affordable rates", description: "Designed to make cross-border shopping more affordable for all GCC customers.", icon: Wallet },
       ]}
       title="Why Choose JAKDelivery"
       description="Built for planned, affordable international shopping."
@@ -93,10 +71,7 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "1. Download and Sign up\nPeople in the GCC download the app, register and become members.\n\n2. Get your local JAK address\nReceive a local address in active target countries.\n\n3. Shop international\nUse the local JAK address at checkout.\n\n4. Merchant delivers locally\nJAK manages the logistics cross-border.\n\n5. Pick up near you\nGet notified when your package is ready at the nearest pickup point.",
-        },
+        { type: "text", content: "1. Download and Sign up\nPeople in the GCC download the app, register and become members.\n\n2. Get your local JAK address\nReceive a local address in active target countries.\n\n3. Shop international\nUse the local JAK address at checkout.\n\n4. Merchant delivers locally\nJAK manages the logistics cross-border.\n\n5. Pick up near you\nGet notified when your package is ready at the nearest pickup point." }
       ]}
     />
   </div>
@@ -105,17 +80,9 @@ export default function LandingPage() {
       <MetricCardSeven
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="slide-up"
       metrics={[
-        {
-          id: "m1",
-          value: "Local Delivery First",
-          title: "Simplified Logistics",
-          items: [
-            "Efficient management",
-            "Reduced cross-border cost",
-            "Planned delivery model",
-          ],
-        },
+        { id: "m1", value: "Local Delivery First", title: "Simplified Logistics", items: ["Efficient management", "Reduced cross-border cost", "Planned delivery model"] }
       ]}
       title="Why it Saves More"
       description="Our logistics model simplifies the complex, passing savings to you."
@@ -126,15 +93,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Pakistan",
-        "Turkey",
-        "USA",
-        "Canada",
-        "Italy",
-        "Europe",
-        "UK",
-      ]}
+      names={["Pakistan", "Turkey", "USA", "Canada", "Italy", "Europe", "UK"]}
       title="Our Global Network"
       description="Shop from these active network countries."
     />
@@ -147,46 +106,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Ahmed",
-          role: "Fashion Buyer",
-          company: "Dubai",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",
-        },
-        {
-          id: "2",
-          name: "Khalid Mohammed",
-          role: "Tech Enthusiast",
-          company: "Riyadh",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-youth-asian-transgender-lgbt-looking-camera-while-posing_74952-3151.jpg",
-        },
-        {
-          id: "3",
-          name: "Fatima Zain",
-          role: "Home Decorator",
-          company: "Kuwait",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
-        },
-        {
-          id: "4",
-          name: "Omar Hassan",
-          role: "Student",
-          company: "Doha",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg",
-        },
-        {
-          id: "5",
-          name: "Layla Al-Sayed",
-          role: "Designer",
-          company: "Muscat",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-people_23-2148827022.jpg",
-        },
+        { id: "1", name: "Sarah Ahmed", role: "Fashion Buyer", company: "Dubai", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg" },
+        { id: "2", name: "Khalid Mohammed", role: "Tech Enthusiast", company: "Riyadh", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-youth-asian-transgender-lgbt-looking-camera-while-posing_74952-3151.jpg" },
+        { id: "3", name: "Fatima Zain", role: "Home Decorator", company: "Kuwait", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg" },
+        { id: "4", name: "Omar Hassan", role: "Student", company: "Doha", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg" },
+        { id: "5", name: "Layla Al-Sayed", role: "Designer", company: "Muscat", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-people_23-2148827022.jpg" },
       ]}
       title="Member Experiences"
       description="Join our community of smart GCC shoppers."
@@ -198,31 +122,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Is JAKDelivery express delivery?",
-          content: "No. JAKDelivery is a deferred service focused on affordability, not urgent express delivery.",
-        },
-        {
-          id: "f2",
-          title: "How long does delivery take?",
-          content: "Delivery timelines generally start from around 10 days, depending on origin country, merchant processing, customs, and final GCC destination.",
-        },
-        {
-          id: "f3",
-          title: "How do I receive my package?",
-          content: "You receive a notification and pick up your shipment from the nearest JAK pickup point.",
-        },
-        {
-          id: "f4",
-          title: "Why is JAKDelivery more affordable?",
-          content: "The merchant delivers locally to a JAK address first. JAKDelivery then manages the international movement through a planned model designed to reduce cost.",
-        },
-        {
-          id: "f5",
-          title: "Who should use JAKDelivery?",
-          content: "GCC shoppers who want to shop globally, plan ahead, and save on delivery cost.",
-        },
+        { id: "f1", title: "Is JAKDelivery express delivery?", content: "No. JAKDelivery is a deferred service focused on affordability, not urgent express delivery." },
+        { id: "f2", title: "How long does delivery take?", content: "Delivery timelines generally start from around 10 days, depending on origin country, merchant processing, customs, and final GCC destination." },
+        { id: "f3", title: "How do I receive my package?", content: "You receive a notification and pick up your shipment from the nearest JAK pickup point." },
+        { id: "f4", title: "Why is JAKDelivery more affordable?", content: "The merchant delivers locally to a JAK address first. JAKDelivery then manages the international movement through a planned model designed to reduce cost." },
+        { id: "f5", title: "Who should use JAKDelivery?", content: "GCC shoppers who want to shop globally, plan ahead, and save on delivery cost." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-get-present-from-post-office-her-house_343059-1315.jpg"
       mediaAnimation="slide-up"
@@ -237,16 +141,8 @@ export default function LandingPage() {
       logoText="JAKDelivery"
       copyrightText="© 2025 JAKDelivery. Powered by SMSA."
       socialLinks={[
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
       ]}
     />
   </div>
-- 
2.49.1