From 1f5748b0aac1266a3e6f7d66e48bfe2ee96f6f0b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 08:38:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 336 ++++++++---------------------------------------
 1 file changed, 53 insertions(+), 283 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 40c072e..f0c110c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Zap, Search, Camera, Share2 } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -30,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Dashboard",
-          id: "hero",
-        },
-        {
-          name: "Vault",
-          id: "features",
-        },
-        {
-          name: "Checklist",
-          id: "checklist",
-        },
-        {
-          name: "Community",
-          id: "community",
-        },
+        { name: "Dashboard", id: "hero" },
+        { name: "Vault", id: "features" },
+        { name: "Checklist", id: "checklist" },
+        { name: "Community", id: "community" },
       ]}
       brandName="HW Tracker"
     />
@@ -53,105 +42,38 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Log Your Latest Find"
       description="Your virtual garage, anywhere, anytime. Track every car in your collection with high-octane precision."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-room-with-neon-lights_250224-154.jpg",
-          imageAlt: "Garage View 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-vehicle-dealership-buying-new-car_342744-749.jpg",
-          imageAlt: "Garage View 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lamp-dirty-urban-area-traffic_1127-2355.jpg",
-          imageAlt: "Garage View 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/car-salesman-with-tablet_23-2148130723.jpg",
-          imageAlt: "Garage View 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/white-tunnel-with-bend-distance_1127-2076.jpg",
-          imageAlt: "Garage View 5",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-room-with-neon-lights_250224-154.jpg", imageAlt: "Garage View 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/people-vehicle-dealership-buying-new-car_342744-749.jpg", imageAlt: "Garage View 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/lamp-dirty-urban-area-traffic_1127-2355.jpg", imageAlt: "Garage View 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/car-salesman-with-tablet_23-2148130723.jpg", imageAlt: "Garage View 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/white-tunnel-with-bend-distance_1127-2076.jpg", imageAlt: "Garage View 5" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/shanghai-night-china_1127-3167.jpg",
-          imageAlt: "Garage View 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/building-parking-lot_1127-25.jpg",
-          imageAlt: "Garage View 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/underground-car-parking-shopping-center_93675-134864.jpg",
-          imageAlt: "Garage View 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-parking-lot-wall-urban-industrial-background_1127-2307.jpg",
-          imageAlt: "Garage View 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-airport_1127-153.jpg",
-          imageAlt: "Garage View 5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Log Your Latest Find",
-          href: "#",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/shanghai-night-china_1127-3167.jpg", imageAlt: "Garage View 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/building-parking-lot_1127-25.jpg", imageAlt: "Garage View 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/underground-car-parking-shopping-center_93675-134864.jpg", imageAlt: "Garage View 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/empty-parking-lot-wall-urban-industrial-background_1127-2307.jpg", imageAlt: "Garage View 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/asian-airport_1127-153.jpg", imageAlt: "Garage View 5" },
       ]}
+      buttons={[{ text: "Log Your Latest Find", href: "#" }]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/curve-parking-lot_1127-27.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3162.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-2936.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745334.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-minimalist-white-gallery-with-soft-lighting_9975-133004.jpg",
-          alt: "User 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/curve-parking-lot_1127-27.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3162.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-2936.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745334.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/futuristic-minimalist-white-gallery-with-soft-lighting_9975-133004.jpg", alt: "User 5" },
       ]}
       avatarText="Join 5,000+ active collectors"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Verified Rare Database",
-        },
-        {
-          type: "text",
-          text: "Real-time Auction Data",
-        },
-        {
-          type: "text",
-          text: "Collector Community",
-        },
-        {
-          type: "text",
-          text: "Global Swap Meets",
-        },
-        {
-          type: "text",
-          text: "Secure Cloud Vault",
-        },
+        { type: "text", text: "Verified Rare Database" },
+        { type: "text", text: "Real-time Auction Data" },
+        { type: "text", text: "Collector Community" },
+        { type: "text", text: "Global Swap Meets" },
+        { type: "text", text: "Secure Cloud Vault" },
       ]}
     />
   </div>
@@ -161,30 +83,10 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Collection Analytics",
-          description: "See your total value and rarity breakdown instantly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-eyeglasses-calendar_23-2148036889.jpg",
-          buttonIcon: "Zap",
-        },
-        {
-          title: "Model Database",
-          description: "Search thousands of castings by year, series, or condition.",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-easter-car-with-green-egg-copy-space_23-2149301300.jpg",
-          buttonIcon: "Search",
-        },
-        {
-          title: "Swap Meet Helper",
-          description: "Scan and identify models on the go in real-time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-old-mini-police-car-toy_181624-45993.jpg",
-          buttonIcon: "Camera",
-        },
-        {
-          title: "Community Displays",
-          description: "Show off your mail calls and custom displays.",
-          imageSrc: "http://img.b2bpic.net/free-photo/loop-cars-concept-collage_23-2150040482.jpg",
-          buttonIcon: "Share2",
-        },
+        { title: "Collection Analytics", description: "See your total value and rarity breakdown instantly.", imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-eyeglasses-calendar_23-2148036889.jpg", buttonIcon: Zap },
+        { title: "Model Database", description: "Search thousands of castings by year, series, or condition.", imageSrc: "http://img.b2bpic.net/free-photo/green-easter-car-with-green-egg-copy-space_23-2149301300.jpg", buttonIcon: Search },
+        { title: "Swap Meet Helper", description: "Scan and identify models on the go in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-old-mini-police-car-toy_181624-45993.jpg", buttonIcon: Camera },
+        { title: "Community Displays", description: "Show off your mail calls and custom displays.", imageSrc: "http://img.b2bpic.net/free-photo/loop-cars-concept-collage_23-2150040482.jpg", buttonIcon: Share2 },
       ]}
       title="Advanced Collection Tools"
       description="Everything you need to master your database."
@@ -198,42 +100,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Treasure Hunt Series",
-          price: "Owned",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-toy-car_23-2151113190.jpg",
-        },
-        {
-          id: "2",
-          name: "Redline Original",
-          price: "Wishlist",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138905.jpg",
-        },
-        {
-          id: "3",
-          name: "Mainline 2024",
-          price: "Owned",
-          imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3081.jpg",
-        },
-        {
-          id: "4",
-          name: "Special Edition",
-          price: "Owned",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-pickup-model-black-floor_1150-16350.jpg",
-        },
-        {
-          id: "5",
-          name: "Customized Series",
-          price: "Wishlist",
-          imageSrc: "http://img.b2bpic.net/free-photo/driving-formula-one-car_1048-1996.jpg",
-        },
-        {
-          id: "6",
-          name: "Limited Collector",
-          price: "Owned",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-cars-model-road-traffic-conception_1150-20107.jpg",
-        },
+        { id: "1", name: "Treasure Hunt Series", price: "Owned", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-toy-car_23-2151113190.jpg" },
+        { id: "2", name: "Redline Original", price: "Wishlist", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138905.jpg" },
+        { id: "3", name: "Mainline 2024", price: "Owned", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3081.jpg" },
+        { id: "4", name: "Special Edition", price: "Owned", imageSrc: "http://img.b2bpic.net/free-photo/red-pickup-model-black-floor_1150-16350.jpg" },
+        { id: "5", name: "Customized Series", price: "Wishlist", imageSrc: "http://img.b2bpic.net/free-photo/driving-formula-one-car_1048-1996.jpg" },
+        { id: "6", name: "Limited Collector", price: "Owned", imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-cars-model-road-traffic-conception_1150-20107.jpg" },
       ]}
       title="The Vault"
       description="Track your inventory and manage your wishlists with ease."
@@ -242,30 +114,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "$12.4K",
-          title: "Collection Value",
-          description: "Up 12% this month",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796920.jpg",
-        },
-        {
-          id: "m2",
-          value: "1.2K",
-          title: "Recent Adds",
-          description: "Last 30 days",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138913.jpg",
-        },
-        {
-          id: "m3",
-          value: "94%",
-          title: "Rarity Match",
-          description: "Inventory completion",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-traveling-alone-by-car_23-2149034797.jpg",
-        },
+        { id: "m1", value: "$12.4K", title: "Collection Value", description: "Up 12% this month", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796920.jpg" },
+        { id: "m2", value: "1.2K", title: "Recent Adds", description: "Last 30 days", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138913.jpg" },
+        { id: "m3", value: "94%", title: "Rarity Match", description: "Inventory completion", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-traveling-alone-by-car_23-2149034797.jpg" },
       ]}
       title="Market Watch"
       description="Real-time trends for the world's most desired castings."
@@ -278,46 +133,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Mike Racing",
-          handle: "@miketoyhunter",
-          testimonial: "Finally organized my entire collection in minutes!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah Wheels",
-          handle: "@sarah_diecast",
-          testimonial: "The price trends are so helpful at the swap meet.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg",
-        },
-        {
-          id: "3",
-          name: "Chris Garage",
-          handle: "@chris_g_cars",
-          testimonial: "Love the virtual vault, super easy to use.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-vehicle-models-dealership-being-promoted-potential-clients_482257-123953.jpg",
-        },
-        {
-          id: "4",
-          name: "Dan Collector",
-          handle: "@dan_hotwheels",
-          testimonial: "Great community, found my missing piece today!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-empty-grey-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-94413.jpg",
-        },
-        {
-          id: "5",
-          name: "Elise Speed",
-          handle: "@elise_diecast",
-          testimonial: "Best tracker I've used so far.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8281.jpg",
-        },
+        { id: "1", name: "Mike Racing", handle: "@miketoyhunter", testimonial: "Finally organized my entire collection in minutes!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg" },
+        { id: "2", name: "Sarah Wheels", handle: "@sarah_diecast", testimonial: "The price trends are so helpful at the swap meet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg" },
+        { id: "3", name: "Chris Garage", handle: "@chris_g_cars", testimonial: "Love the virtual vault, super easy to use.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-vehicle-models-dealership-being-promoted-potential-clients_482257-123953.jpg" },
+        { id: "4", name: "Dan Collector", handle: "@dan_hotwheels", testimonial: "Great community, found my missing piece today!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-empty-grey-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-94413.jpg" },
+        { id: "5", name: "Elise Speed", handle: "@elise_diecast", testimonial: "Best tracker I've used so far.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8281.jpg" },
       ]}
       showRating={true}
       title="Community Feed"
@@ -330,21 +150,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How do I add a new car?",
-          content: "Simply click the '+' button on your dashboard.",
-        },
-        {
-          id: "q2",
-          title: "Can I share my collection?",
-          content: "Yes, toggle your collection to public via your settings.",
-        },
-        {
-          id: "q3",
-          title: "Is pricing real-time?",
-          content: "Our market watch engine updates prices every 24 hours.",
-        },
+        { id: "q1", title: "How do I add a new car?", content: "Simply click the '+' button on your dashboard." },
+        { id: "q2", title: "Can I share my collection?", content: "Yes, toggle your collection to public via your settings." },
+        { id: "q3", title: "Is pricing real-time?", content: "Our market watch engine updates prices every 24 hours." },
       ]}
       title="Collector FAQ"
       description="Common questions about managing your collection."
@@ -355,9 +163,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get Updates"
       title="Join the Collector Network"
       description="Sign up for new casting alerts and market news."
@@ -369,45 +175,9 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/futuristic-gallery-space-with-illuminated-platform_23-2151986965.jpg"
       logoText="HW Tracker"
       columns={[
-        {
-          title: "Tracker",
-          items: [
-            {
-              label: "Dashboard",
-              href: "#",
-            },
-            {
-              label: "Vault",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Market",
-          items: [
-            {
-              label: "Trends",
-              href: "#",
-            },
-            {
-              label: "Most Wanted",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Tracker", items: [{ label: "Dashboard", href: "#" }, { label: "Vault", href: "#" }] },
+        { title: "Market", items: [{ label: "Trends", href: "#" }, { label: "Most Wanted", href: "#" }] },
+        { title: "Support", items: [{ label: "Help", href: "#" }, { label: "Privacy", href: "#" }] },
       ]}
     />
   </div>
-- 
2.49.1