Merge version_2 into main #1
288
src/app/page.tsx
288
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
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: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Gear",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Gear", id: "products" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LensTrade"
|
||||
/>
|
||||
@@ -48,47 +43,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Trade Your Vision"
|
||||
description="Premium trading marketplace for DJI Osmo Pocket, professional cameras, and cinematic gear. Buy, sell, and upgrade with confidence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Trading",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Start Trading", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-car-charger-electric-vehicle-charging-station_107420-94913.jpg",
|
||||
imageAlt: "DJI Osmo Pocket gimbal",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-talking-gesturing-man-filming-himself-using-camera-tripod_1268-17199.jpg",
|
||||
imageAlt: "Professional DSLR camera",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-blue-circle-illuminated-by-lighting-equipment-generated-by-ai_188544-18202.jpg",
|
||||
imageAlt: "Camera lens close up",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg",
|
||||
imageAlt: "Handheld cinema gear",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-retro-cameras-colored-background-flat-lay_169016-21285.jpg",
|
||||
imageAlt: "Professional photography setup",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-photos-camera_23-2148532465.jpg",
|
||||
imageAlt: "Trading equipment workspace",
|
||||
},
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-car-charger-electric-vehicle-charging-station_107420-94913.jpg", imageAlt: "DJI Osmo Pocket gimbal" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-talking-gesturing-man-filming-himself-using-camera-tripod_1268-17199.jpg", imageAlt: "Professional DSLR camera" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/shiny-blue-circle-illuminated-by-lighting-equipment-generated-by-ai_188544-18202.jpg", imageAlt: "Camera lens close up" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg", imageAlt: "Handheld cinema gear" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/vintage-retro-cameras-colored-background-flat-lay_169016-21285.jpg", imageAlt: "Professional photography setup" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/people-looking-photos-camera_23-2148532465.jpg", imageAlt: "Trading equipment workspace" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,9 +67,7 @@ export default function LandingPage() {
|
||||
title="Built for Creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Mission", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,38 +79,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Verified Sellers",
|
||||
author: "Community",
|
||||
description: "Every gear piece passes through strict quality control.",
|
||||
tags: [
|
||||
"Verified",
|
||||
"Trusted",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg",
|
||||
},
|
||||
id: "f1", title: "Verified Sellers", author: "Community", description: "Every gear piece passes through strict quality control.", tags: ["Verified", "Trusted"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Payments",
|
||||
author: "Security",
|
||||
description: "Encrypted escrow services for every transaction.",
|
||||
tags: [
|
||||
"Secure",
|
||||
"Protected",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg",
|
||||
},
|
||||
id: "f2", title: "Secure Payments", author: "Security", description: "Encrypted escrow services for every transaction.", tags: ["Secure", "Protected"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fast Shipping",
|
||||
author: "Logistics",
|
||||
description: "Priority shipping for all DJI and camera shipments.",
|
||||
tags: [
|
||||
"Fast",
|
||||
"Direct",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg",
|
||||
},
|
||||
id: "f3", title: "Fast Shipping", author: "Logistics", description: "Priority shipping for all DJI and camera shipments.", tags: ["Fast", "Direct"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg"},
|
||||
]}
|
||||
title="Why Trade With Us"
|
||||
description="Safety, security, and speed are at the core of our platform."
|
||||
@@ -159,59 +101,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "DJI",
|
||||
name: "Osmo Pocket 3",
|
||||
price: "$519",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photography-studio-with-equipment-items-arrangement_23-2150254694.jpg",
|
||||
},
|
||||
id: "p1", brand: "DJI", name: "Osmo Pocket 3", price: "$519", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/photography-studio-with-equipment-items-arrangement_23-2150254694.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Sony",
|
||||
name: "A7 IV Camera",
|
||||
price: "$2499",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebrated-by-middle-aged-man-taking-photos-with-camera-device_23-2151672323.jpg",
|
||||
},
|
||||
id: "p2", brand: "Sony", name: "A7 IV Camera", price: "$2499", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebrated-by-middle-aged-man-taking-photos-with-camera-device_23-2151672323.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "DJI",
|
||||
name: "Osmo Action 4",
|
||||
price: "$399",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-various-digital-devices_23-2147864697.jpg",
|
||||
},
|
||||
id: "p3", brand: "DJI", name: "Osmo Action 4", price: "$399", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/set-various-digital-devices_23-2147864697.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Canon",
|
||||
name: "EOS R6 II",
|
||||
price: "$2299",
|
||||
rating: 4,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-modern-digital-dslr-camera_23-2148038879.jpg",
|
||||
},
|
||||
id: "p4", brand: "Canon", name: "EOS R6 II", price: "$2299", rating: 4,
|
||||
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-modern-digital-dslr-camera_23-2148038879.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "DJI",
|
||||
name: "Mini 4 Pro",
|
||||
price: "$759",
|
||||
rating: 5,
|
||||
reviewCount: "145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-professional-camera-with-copy-space_23-2148538873.jpg",
|
||||
},
|
||||
id: "p5", brand: "DJI", name: "Mini 4 Pro", price: "$759", rating: 5,
|
||||
reviewCount: "145", imageSrc: "http://img.b2bpic.net/free-photo/back-view-professional-camera-with-copy-space_23-2148538873.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Nikon",
|
||||
name: "Z8 Camera",
|
||||
price: "$3999",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rolls-film-near-camera_23-2147852299.jpg",
|
||||
},
|
||||
id: "p6", brand: "Nikon", name: "Z8 Camera", price: "$3999", rating: 5,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/rolls-film-near-camera_23-2147852299.jpg"},
|
||||
]}
|
||||
title="Featured Gear"
|
||||
description="Latest DJI Osmo and professional camera equipment available now."
|
||||
@@ -225,51 +131,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "m1",
|
||||
badge: "Entry",
|
||||
price: "$0",
|
||||
name: "Basic",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Limited Listings",
|
||||
"Community Access",
|
||||
],
|
||||
id: "m1", badge: "Entry", price: "$0", name: "Basic", buttons: [{ text: "Get Started" }],
|
||||
features: ["Limited Listings", "Community Access"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
badge: "Pro",
|
||||
price: "$29/mo",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Listings",
|
||||
"Fast Payouts",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "m2", badge: "Pro", price: "$29/mo", name: "Professional", buttons: [{ text: "Upgrade Now" }],
|
||||
features: ["Unlimited Listings", "Fast Payouts", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
badge: "Elite",
|
||||
price: "$99/mo",
|
||||
name: "Business",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Global Access",
|
||||
"Insurance Included",
|
||||
"VIP Support",
|
||||
],
|
||||
id: "m3", badge: "Elite", price: "$99/mo", name: "Business", buttons: [{ text: "Contact Sales" }],
|
||||
features: ["Global Access", "Insurance Included", "VIP Support"],
|
||||
},
|
||||
]}
|
||||
title="Professional Membership"
|
||||
@@ -283,21 +154,9 @@ export default function LandingPage() {
|
||||
title="Platform Impact"
|
||||
tag="Trusted Marketplace"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Active Traders",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
description: "Camera Gear Sold",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Success Rate",
|
||||
},
|
||||
{ id: "m1", value: "10k+", description: "Active Traders" },
|
||||
{ id: "m2", value: "50k+", description: "Camera Gear Sold" },
|
||||
{ id: "m3", value: "99%", description: "Success Rate" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -309,47 +168,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
description="What our community says about us."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Vlogger",
|
||||
company: "TechVlog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63929.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Cinematographer",
|
||||
company: "FilmPro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex Riv",
|
||||
role: "Photographer",
|
||||
company: "CaptureNow",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-barber-thools-isolated-blue_141793-73506.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Kim",
|
||||
role: "Creator",
|
||||
company: "Influencer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Lee",
|
||||
role: "Director",
|
||||
company: "StudioOne",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", role: "Vlogger", company: "TechVlog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63929.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", role: "Cinematographer", company: "FilmPro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg" },
|
||||
{ id: "t3", name: "Alex Riv", role: "Photographer", company: "CaptureNow", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-barber-thools-isolated-blue_141793-73506.jpg" },
|
||||
{ id: "t4", name: "Mark Kim", role: "Creator", company: "Influencer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg" },
|
||||
{ id: "t5", name: "Sarah Lee", role: "Director", company: "StudioOne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
/>
|
||||
@@ -359,14 +184,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to trade your camera gear? Let's get started today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Message Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Message Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user