Merge version_1 into main #1
336
src/app/page.tsx
336
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>
|
||||
|
||||
Reference in New Issue
Block a user