Merge version_1 into main #2
211
src/app/page.tsx
211
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Vault",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Trending",
|
||||
id: "trending",
|
||||
},
|
||||
{
|
||||
name: "Flash Sale",
|
||||
id: "flash",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "social",
|
||||
},
|
||||
{ name: "Vault", id: "hero" },
|
||||
{ name: "Trending", id: "trending" },
|
||||
{ name: "Flash Sale", id: "flash" },
|
||||
{ name: "Community", id: "social" },
|
||||
]}
|
||||
brandName="Vector Vault"
|
||||
/>
|
||||
@@ -53,37 +41,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Vector Vault"
|
||||
description="The Vault of Trends. Curated viral tech, futuristic gadgets, and the latest digital lifestyle essentials."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#trending",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#trending" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736845.jpg",
|
||||
imageAlt: "Neon tech product glowing blue",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg?_wi=1",
|
||||
imageAlt: "Modern tech gadget minimal studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-with-modern-elements_23-2147913644.jpg?_wi=1",
|
||||
imageAlt: "Wireless headphones dark minimal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2149235396.jpg?_wi=1",
|
||||
imageAlt: "Smartwatch neon interface tech",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-hands-head-frustration-after-seeing-game-screen_482257-124176.jpg?_wi=1",
|
||||
imageAlt: "Mechanical keyboard neon blue",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349226.jpg?_wi=1",
|
||||
imageAlt: "Gaming mouse glowing lines tech",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736845.jpg", imageAlt: "Neon tech product glowing blue" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg", imageAlt: "Modern tech gadget minimal studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-with-modern-elements_23-2147913644.jpg", imageAlt: "Wireless headphones dark minimal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2149235396.jpg", imageAlt: "Smartwatch neon interface tech" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-putting-hands-head-frustration-after-seeing-game-screen_482257-124176.jpg", imageAlt: "Mechanical keyboard neon blue" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349226.jpg", imageAlt: "Gaming mouse glowing lines tech" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,48 +60,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "NeoBuds X",
|
||||
price: "$129",
|
||||
variant: "Electric Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "PulseBand Pro",
|
||||
price: "$89",
|
||||
variant: "Shadow Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-with-modern-elements_23-2147913644.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "QuantumKey",
|
||||
price: "$149",
|
||||
variant: "LED Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2149235396.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "FluxDrive",
|
||||
price: "$59",
|
||||
variant: "Cyber Silver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-hands-head-frustration-after-seeing-game-screen_482257-124176.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Orbita Watch",
|
||||
price: "$199",
|
||||
variant: "Infinite Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-cell-phone-connected-usb-cable-type-c-charging_58702-4780.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vortex Mouse",
|
||||
price: "$79",
|
||||
variant: "Phantom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349226.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "NeoBuds X", price: "$129", variant: "Electric Blue", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg" },
|
||||
{ id: "p2", name: "PulseBand Pro", price: "$89", variant: "Shadow Black", imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-with-modern-elements_23-2147913644.jpg" },
|
||||
{ id: "p3", name: "QuantumKey", price: "$149", variant: "LED Edition", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2149235396.jpg" },
|
||||
{ id: "p4", name: "FluxDrive", price: "$59", variant: "Cyber Silver", imageSrc: "http://img.b2bpic.net/free-photo/man-putting-hands-head-frustration-after-seeing-game-screen_482257-124176.jpg" },
|
||||
{ id: "p5", name: "Orbita Watch", price: "$199", variant: "Infinite Blue", imageSrc: "http://img.b2bpic.net/free-photo/grey-cell-phone-connected-usb-cable-type-c-charging_58702-4780.jpg" },
|
||||
{ id: "p6", name: "Vortex Mouse", price: "$79", variant: "Phantom", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349226.jpg" },
|
||||
]}
|
||||
title="Trending Now"
|
||||
description="Products everyone is talking about this week."
|
||||
@@ -145,54 +74,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="flash" data-section="flash">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "flash1",
|
||||
title: "Rapid Charger Bundle",
|
||||
price: "$39",
|
||||
period: "Flash Deal",
|
||||
features: [
|
||||
"Fast Charge",
|
||||
"Compact Design",
|
||||
"Lifetime Warranty",
|
||||
],
|
||||
button: {
|
||||
text: "Claim Deal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "flash2",
|
||||
title: "Tech Essentials Pack",
|
||||
price: "$99",
|
||||
period: "Limited Time",
|
||||
features: [
|
||||
"Wireless Mouse",
|
||||
"Mousepad",
|
||||
"USB-C Hub",
|
||||
],
|
||||
button: {
|
||||
text: "Claim Deal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-with-modern-elements_23-2147913644.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "flash3",
|
||||
title: "Pro Streamer Mic",
|
||||
price: "$129",
|
||||
period: "Hourly Sale",
|
||||
features: [
|
||||
"Clear Audio",
|
||||
"Noise Cancel",
|
||||
"USB-C",
|
||||
],
|
||||
button: {
|
||||
text: "Claim Deal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2149235396.jpg?_wi=3",
|
||||
},
|
||||
{ id: "flash1", title: "Rapid Charger Bundle", price: "$39", period: "Flash Deal", features: ["Fast Charge", "Compact Design", "Lifetime Warranty"], button: { text: "Claim Deal" }, imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg" },
|
||||
{ id: "flash2", title: "Tech Essentials Pack", price: "$99", period: "Limited Time", features: ["Wireless Mouse", "Mousepad", "USB-C Hub"], button: { text: "Claim Deal" }, imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-with-modern-elements_23-2147913644.jpg" },
|
||||
{ id: "flash3", title: "Pro Streamer Mic", price: "$129", period: "Hourly Sale", features: ["Clear Audio", "Noise Cancel", "USB-C"], button: { text: "Claim Deal" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2149235396.jpg" },
|
||||
]}
|
||||
title="Flash Sales"
|
||||
description="Hurry, these deals expire in hours!"
|
||||
@@ -204,14 +92,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Alpha Tech",
|
||||
"Byte Trends",
|
||||
"Gadget Lab",
|
||||
"Digital Edge",
|
||||
"Future Gadgets",
|
||||
"NextGen",
|
||||
"Viral Vibes",
|
||||
]}
|
||||
"Alpha Tech", "Byte Trends", "Gadget Lab", "Digital Edge", "Future Gadgets", "NextGen", "Viral Vibes"]}
|
||||
title="Vector Community"
|
||||
description="Join thousands of trendsetters already in the Vault."
|
||||
/>
|
||||
@@ -220,9 +101,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Stay Updated"
|
||||
title="Never Miss a Trend"
|
||||
description="Get early access to exclusive drops and flash sales directly in your inbox."
|
||||
@@ -236,49 +115,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cool-abstract-virtual-reality-space-going-down_181624-3330.jpg"
|
||||
logoText="Vector Vault"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Trending",
|
||||
href: "#trending",
|
||||
},
|
||||
{
|
||||
label: "Flash Sales",
|
||||
href: "#flash",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Store", items: [{ label: "Trending", href: "#trending" }, { label: "Flash Sales", href: "#flash" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user