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

---
 src/app/page.tsx | 163 +++++++++++++----------------------------------
 1 file changed, 45 insertions(+), 118 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9c0c2cf..61b2ae3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,8 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { CheckCircle, Users, Zap } from "lucide-react";
+import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
+import { CheckCircle, Users, Zap, Truck, PackageCheck, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,16 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Gift Cards",          id: "products"},
-        {
-          name: "Gaming",          id: "gaming"},
-        {
-          name: "Subscriptions",          id: "subs"},
-        {
-          name: "Deals",          id: "deals"},
+        { name: "Home", id: "hero" },
+        { name: "Tracking", id: "tracking" },
+        { name: "Products", id: "products" },
+        { name: "Deals", id: "deals" },
       ]}
       brandName="Wolves Store"
     />
@@ -49,35 +44,41 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       logoText="Power Your Digital World"
-      description="Premium gift cards, gaming top-ups, and digital services delivered fast in Tunisia."
+      description="Premium gift cards, gaming top-ups, and digital services delivered fast in Tunisia. Now with real-time order status updates."
       buttons={[
-        {
-          text: "View All Trending Deals",          href: "#products"},
-        {
-          text: "Explore Deals",          href: "#deals"},
+        { text: "Track My Order", href: "#tracking" },
+        { text: "Shop Now", href: "#products" },
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/wolfpack-branding-logo-template_23-2149205934.jpg"
       mediaAnimation="slide-up"
     />
   </div>
 
+  <div id="tracking" data-section="tracking">
+    <TimelinePhoneView 
+      title="Real-Time Order Tracking"
+      description="Watch your digital goods move from purchase to instant delivery."
+      tag="Live Updates"
+      tagIcon={Truck}
+      textboxLayout="split"
+      items={[
+        { trigger: "Order Placed", content: "Your order has been received and is being verified by our automated system.", imageOne: "http://img.b2bpic.net/free-photo/shopping-smiling-middle-aged-woman-showing-credit-discount-card-looking-happy-recommend-contactless-paying-buying-smth-standing-white-background_176420-46425.jpg" },
+        { trigger: "Verification", content: "Payment confirmation and account credential preparation in progress.", imageOne: "http://img.b2bpic.net/free-photo/pink-light-bulb-camera-with-blue-light-pink-surface_23-2148084320.jpg" },
+        { trigger: "Instant Delivery", content: "Your code or digital asset is sent to your email or via WhatsApp instantly.", imageOne: "http://img.b2bpic.net/free-photo/cinema-elements-white-frame-red-background_23-2148416759.jpg" }
+      ]}
+    />
+  </div>
+
   <div id="stats" data-section="stats">
       <AboutMetric
       useInvertedBackground={false}
       title="Wolves Store Authority"
       metrics={[
-        {
-          icon: CheckCircle,
-          label: "Orders Delivered",          value: "128,540+"},
-        {
-          icon: Users,
-          label: "Happy Customers",          value: "50,000+"},
-        {
-          icon: Zap,
-          label: "Avg. Delivery",          value: "12 Min"},
+        { icon: PackageCheck, label: "Orders Verified", value: "128,540+" },
+        { icon: ShieldCheck, label: "Secured Transact", value: "100%" },
+        { icon: Zap, label: "Avg. Delivery", value: "12 Min" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -90,38 +91,13 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",          name: "PUBG Mobile 325 UC",          price: "27 DT",          imageSrc: "http://img.b2bpic.net/free-photo/shooting-shooting-rangethe-woman-shooting-range-shot-from-gun_627829-8524.jpg"},
-        {
-          id: "2",          name: "TikTok 1000 Coins",          price: "15 DT",          imageSrc: "http://img.b2bpic.net/free-photo/shopping-smiling-middle-aged-woman-showing-credit-discount-card-looking-happy-recommend-contactless-paying-buying-smth-standing-white-background_176420-46425.jpg"},
-        {
-          id: "3",          name: "Google Play 10$ USA",          price: "31 DT",          imageSrc: "http://img.b2bpic.net/free-photo/pink-light-bulb-camera-with-blue-light-pink-surface_23-2148084320.jpg"},
-        {
-          id: "4",          name: "Netflix 1 Month",          price: "22 DT",          imageSrc: "http://img.b2bpic.net/free-photo/cinema-elements-white-frame-red-background_23-2148416759.jpg"},
-        {
-          id: "5",          name: "Steam Wallet 10$ USA",          price: "31 DT",          imageSrc: "http://img.b2bpic.net/free-photo/game-sad-gamer-playing-shooter-video-games-powerful-computer-using-rgb-keyboard-gaming-room-defeated-man-with-headphones-streaming-online-cyber-performing-through-online-tournament_482257-12479.jpg"},
-        {
-          id: "6",          name: "Free Fire Diamonds",          price: "19 DT",          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-discount-promotion-with-vr-boy_23-2152027049.jpg"},
+        { id: "1", name: "PUBG Mobile 325 UC", price: "27 DT", imageSrc: "http://img.b2bpic.net/free-photo/shooting-shooting-rangethe-woman-shooting-range-shot-from-gun_627829-8524.jpg" },
+        { id: "2", name: "TikTok 1000 Coins", price: "15 DT", imageSrc: "http://img.b2bpic.net/free-photo/shopping-smiling-middle-aged-woman-showing-credit-discount-card-looking-happy-recommend-contactless-paying-buying-smth-standing-white-background_176420-46425.jpg" },
+        { id: "3", name: "Google Play 10$ USA", price: "31 DT", imageSrc: "http://img.b2bpic.net/free-photo/pink-light-bulb-camera-with-blue-light-pink-surface_23-2148084320.jpg" },
+        { id: "4", name: "Netflix 1 Month", price: "22 DT", imageSrc: "http://img.b2bpic.net/free-photo/cinema-elements-white-frame-red-background_23-2148416759.jpg" },
       ]}
       title="Trending in Tunisia"
-      description="Discover our most popular digital assets and gaming credits."
-    />
-  </div>
-
-  <div id="categories" data-section="categories">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Gaming",          description: "Top-ups for all major titles.",          imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-holding-condom_171337-16497.jpg"},
-        {
-          title: "Gift Cards",          description: "Global store credits.",          imageSrc: "http://img.b2bpic.net/free-photo/table-setting-festive-christmas-dinner_169016-16432.jpg"},
-        {
-          title: "Subscriptions",          description: "Streaming & Entertainment.",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-person-posing-winter-holidays_140725-135476.jpg"},
-      ]}
-      title="Shop By Category"
-      description="Navigate our premium gaming and digital services marketplace."
+      description="Fast delivery guaranteed for every order."
     />
   </div>
 
@@ -131,42 +107,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "p1",          badge: "Popular",          price: "24 DT",          subtitle: "5 USD Credits",          features: [
-            "Instant Delivery",            "USA Region"],
-        },
-        {
-          id: "p2",          badge: "Value",          price: "47 DT",          subtitle: "10 USD Credits",          features: [
-            "Instant Delivery",            "Global Support"],
-        },
-        {
-          id: "p3",          badge: "Pro",          price: "70 DT",          subtitle: "15 USD Credits",          features: [
-            "Instant Delivery",            "Bonus Points"],
-        },
+        { id: "p1", badge: "Popular", price: "24 DT", subtitle: "5 USD Credits", features: ["Instant Delivery", "USA Region"] },
+        { id: "p2", badge: "Value", price: "47 DT", subtitle: "10 USD Credits", features: ["Instant Delivery", "Global Support"] },
+        { id: "p3", badge: "Pro", price: "70 DT", subtitle: "15 USD Credits", features: ["Instant Delivery", "Bonus Points"] },
       ]}
       title="Best Sellers"
-      description="Exclusive bundles for our pro gamers."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          title: "Great Service",          quote: "Fast delivery in 20 minutes!",          name: "Yassine B.",          role: "Gamer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-bipoc-gamer-engaging-online-competitive-multiplayer-game_482257-85713.jpg"},
-        {
-          id: "t2",          title: "Professional",          quote: "My Netflix account worked instantly.",          name: "Sarah M.",          role: "Subscriber",          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-girl-showing-thumbs-up-student-with-satisfied-feedback-recommending-smth-standing_1258-120072.jpg"},
-        {
-          id: "t3",          title: "Cheap & Reliable",          quote: "Best prices in the country.",          name: "Mehdi K.",          role: "Gamer",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-glasses-futuristic-city_23-2150904667.jpg"},
-        {
-          id: "t4",          title: "Premium Support",          quote: "Support team was super helpful.",          name: "Ahmed T.",          role: "Pro Player",          imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252464.jpg"},
-        {
-          id: "t5",          title: "Trusted Marketplace",          quote: "Won't use anyone else.",          name: "Layla H.",          role: "Streamer",          imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg"},
-      ]}
-      title="Trusted by Gamers"
-      description="Hear from our satisfied Tunisian community."
+      description="Secure, trackable, and instant."
     />
   </div>
 
@@ -174,12 +120,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",          title: "How long for delivery?",          content: "Orders are typically fulfilled within 20 minutes."},
-        {
-          id: "f2",          title: "Which payment methods?",          content: "We support D17 and bank transfers."},
-        {
-          id: "f3",          title: "Are products guaranteed?",          content: "Yes, we provide 100% secure, official codes."},
+        { id: "f1", title: "How do I track my order?", content: "Use the tracking section on our site with your order number for real-time updates." },
+        { id: "f2", title: "Which payment methods?", content: "We support D17 and bank transfers." },
+        { id: "f3", title: "Are products guaranteed?", content: "Yes, we provide 100% secure, official codes." },
       ]}
       faqsAnimation="slide-up"
       sideTitle="Common Questions"
@@ -193,10 +136,8 @@ export default function LandingPage() {
       title="Need Support?"
       description="Our team is available to help you via WhatsApp or Telegram."
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name"},
-        {
-          name: "email",          type: "email",          placeholder: "Your Email"},
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "orderNumber", type: "text", placeholder: "Order Number (optional)" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiYOlCZg9DmbZPL3CBnsKY4YrQ/uploaded-1779411948624-q7urun9f.png"
     />
@@ -205,22 +146,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Store",          items: [
-            {
-              label: "Gift Cards",              href: "#"},
-            {
-              label: "Gaming",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
+        { title: "Store", items: [{ label: "Gift Cards", href: "#" }, { label: "Gaming", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       logoText="Wolves Store"
     />
@@ -228,4 +155,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1