Merge version_1 into main #2
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { Clock, Leaf, Repeat, Shield, Tool, Zap } from "lucide-react";
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import { Cog, Zap, Clock, Archive, Repeat, Leaf, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,311 +24,91 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Customize",
|
||||
id: "/customize",
|
||||
},
|
||||
{
|
||||
name: "Drops",
|
||||
id: "/drops",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "/community",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "My Cart",
|
||||
href: "/cart",
|
||||
}}
|
||||
brandName="Velocity Kicks"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Customize", id: "/customize" },
|
||||
{ name: "Drops", id: "/drops" },
|
||||
{ name: "Community", id: "/community" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "My Cart", href: "/cart" }}
|
||||
brandName="Velocity Kicks"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="all-products" data-section="all-products">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "kinetic-flow-shop",
|
||||
name: "Kinetic Flow",
|
||||
price: "$599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-warm-up-dark-room_140725-8066.jpg",
|
||||
imageAlt: "Kinetic Flow sneaker, matte black with electric blue accents",
|
||||
},
|
||||
{
|
||||
id: "chroma-glide-shop",
|
||||
name: "Chroma Glide",
|
||||
price: "$649",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-tying-shoelaces_23-2148267173.jpg",
|
||||
imageAlt: "Chroma Glide sneaker, space gray with neon purple accents",
|
||||
},
|
||||
{
|
||||
id: "vapor-shift-shop",
|
||||
name: "Vapor Shift",
|
||||
price: "$729",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cherry-print-sneakers_23-2151955832.jpg",
|
||||
imageAlt: "Vapor Shift sneaker, silver chrome with crimson red accents",
|
||||
},
|
||||
{
|
||||
id: "quantum-leap-shop",
|
||||
name: "Quantum Leap",
|
||||
price: "$679",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005652.jpg",
|
||||
imageAlt: "Quantum Leap sneaker, matte black with frost white accents",
|
||||
},
|
||||
{
|
||||
id: "nebula-stomp-shop",
|
||||
name: "Nebula Stomp",
|
||||
price: "$619",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005685.jpg",
|
||||
imageAlt: "Nebula Stomp sneaker, space gray with electric blue accents",
|
||||
},
|
||||
{
|
||||
id: "glitch-runner-shop",
|
||||
name: "Glitch Runner",
|
||||
price: "$789",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-boy-stylish-clothes-posing_23-2149085218.jpg",
|
||||
imageAlt: "Glitch Runner sneaker, silver chrome with neon purple accents",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Full Collection"
|
||||
description="Dive into the complete range of Velocity Kicks, featuring innovative designs, advanced materials, and unparalleled performance for every lifestyle."
|
||||
tag="The Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Filter by Category",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Sort by Price",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="all-products" data-section="all-products">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "kinetic-flow-shop", name: "Kinetic Flow", price: "$599", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-warm-up-dark-room_140725-8066.jpg", imageAlt: "Kinetic Flow sneaker, matte black with electric blue accents" },
|
||||
{ id: "chroma-glide-shop", name: "Chroma Glide", price: "$649", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-tying-shoelaces_23-2148267173.jpg", imageAlt: "Chroma Glide sneaker, space gray with neon purple accents" },
|
||||
{ id: "vapor-shift-shop", name: "Vapor Shift", price: "$729", imageSrc: "http://img.b2bpic.net/free-photo/cherry-print-sneakers_23-2151955832.jpg", imageAlt: "Vapor Shift sneaker, silver chrome with crimson red accents" },
|
||||
{ id: "quantum-leap-shop", name: "Quantum Leap", price: "$679", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005652.jpg", imageAlt: "Quantum Leap sneaker, matte black with frost white accents" },
|
||||
{ id: "nebula-stomp-shop", name: "Nebula Stomp", price: "$619", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005685.jpg", imageAlt: "Nebula Stomp sneaker, space gray with electric blue accents" },
|
||||
{ id: "glitch-runner-shop", name: "Glitch Runner", price: "$789", imageSrc: "http://img.b2bpic.net/free-photo/teenager-boy-stylish-clothes-posing_23-2149085218.jpg", imageAlt: "Glitch Runner sneaker, silver chrome with neon purple accents" }
|
||||
]}
|
||||
title="Explore Our Full Collection"
|
||||
description="Dive into the complete range of Velocity Kicks, featuring innovative designs, advanced materials, and unparalleled performance for every lifestyle."
|
||||
tag="The Collection"
|
||||
buttons={[{ text: "Filter by Category", href: "#" }, { text: "Sort by Price", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="engineering-materials" data-section="engineering-materials">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Quantum Weave",
|
||||
description: "Our proprietary Quantum Weave provides extreme durability and lightweight flexibility, adapting to your foot for ultimate comfort.",
|
||||
},
|
||||
{
|
||||
icon: Repeat,
|
||||
title: "AeroGel Soles",
|
||||
description: "Experience zero-gravity cushioning with AeroGel technology, offering responsive energy return and impact absorption.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Bio-Synthetics",
|
||||
description: "Committed to sustainability, our bio-synthetic materials are engineered from recycled components without compromising performance.",
|
||||
},
|
||||
]}
|
||||
title="Beyond Design: Material Engineering"
|
||||
description="Discover the groundbreaking technologies and sustainable materials that form the core of every Velocity Kick, engineered for future performance."
|
||||
tag="Innovation"
|
||||
tagIcon={Tool}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="engineering-materials" data-section="engineering-materials">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Zap, title: "Quantum Weave", description: "Our proprietary Quantum Weave provides extreme durability and lightweight flexibility, adapting to your foot for ultimate comfort." },
|
||||
{ icon: Repeat, title: "AeroGel Soles", description: "Experience zero-gravity cushioning with AeroGel technology, offering responsive energy return and impact absorption." },
|
||||
{ icon: Leaf, title: "Bio-Synthetics", description: "Committed to sustainability, our bio-synthetic materials are engineered from recycled components without compromising performance." }
|
||||
]}
|
||||
title="Beyond Design: Material Engineering"
|
||||
description="Discover the groundbreaking technologies and sustainable materials that form the core of every Velocity Kick, engineered for future performance."
|
||||
tag="Innovation"
|
||||
tagIcon={Cog}
|
||||
buttons={[{ text: "Learn More", href: "/about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="limited-drops-shop" data-section="limited-drops-shop">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "eclipse-drop",
|
||||
badge: "Exclusive",
|
||||
badgeIcon: Shield,
|
||||
price: "Sold Out",
|
||||
name: "Eclipse Zero-G",
|
||||
buttons: [
|
||||
{
|
||||
text: "Notify Me for Next Drop",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Limited Edition Release",
|
||||
"Gravity-Defying Comfort",
|
||||
"Signature Blackout Design",
|
||||
"Augmented Reality Pass Included",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "chrono-burst",
|
||||
badge: "Upcoming",
|
||||
badgeIcon: Clock,
|
||||
price: "ETA: 2035.03.15",
|
||||
name: "Chrono Burst",
|
||||
buttons: [
|
||||
{
|
||||
text: "Set Reminder",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Time-Limited Drop",
|
||||
"Adaptive Chrono-Lace System",
|
||||
"Reactive Ambient Lighting",
|
||||
"Exclusive Pre-Order Access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "phantom-shift",
|
||||
badge: "Live Now",
|
||||
badgeIcon: Zap,
|
||||
price: "$899",
|
||||
name: "Phantom Shift",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Flash Sale Active",
|
||||
"Holographic Stealth Panels",
|
||||
"Enhanced AI Traction Control",
|
||||
"Bonus Digital Collectible",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Limited Edition Drops"
|
||||
description="Don't miss out on our most exclusive releases. Mark your calendars or join the waiting list for access to the future of footwear."
|
||||
tag="Exclusive Access"
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Drops",
|
||||
href: "/drops",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="limited-drops-shop" data-section="limited-drops-shop">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "eclipse-drop", badge: "Exclusive", badgeIcon: Shield, price: "Sold Out", name: "Eclipse Zero-G", buttons: [{ text: "Notify Me for Next Drop" }], features: ["Limited Edition Release", "Gravity-Defying Comfort", "Signature Blackout Design", "Augmented Reality Pass Included"] },
|
||||
{ id: "chrono-burst", badge: "Upcoming", badgeIcon: Clock, price: "ETA: 2035.03.15", name: "Chrono Burst", buttons: [{ text: "Set Reminder" }], features: ["Time-Limited Drop", "Adaptive Chrono-Lace System", "Reactive Ambient Lighting", "Exclusive Pre-Order Access"] },
|
||||
{ id: "phantom-shift", badge: "Live Now", badgeIcon: Zap, price: "$899", name: "Phantom Shift", buttons: [{ text: "Buy Now" }], features: ["Flash Sale Active", "Holographic Stealth Panels", "Enhanced AI Traction Control", "Bonus Digital Collectible"] }
|
||||
]}
|
||||
title="Limited Edition Drops"
|
||||
description="Don't miss out on our most exclusive releases. Mark your calendars or join the waiting list for access to the future of footwear."
|
||||
tag="Exclusive Access"
|
||||
buttons={[{ text: "View All Drops", href: "/drops" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Velocity Kicks"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Sneakers",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Limited Drops",
|
||||
href: "/drops",
|
||||
},
|
||||
{
|
||||
label: "Customization",
|
||||
href: "/customize",
|
||||
},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Technology",
|
||||
href: "/about#tech",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "/about#team",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/product#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Sneaker Gallery",
|
||||
href: "/community",
|
||||
},
|
||||
{
|
||||
label: "User Designs",
|
||||
href: "/community",
|
||||
},
|
||||
{
|
||||
label: "Influencers",
|
||||
href: "/community",
|
||||
},
|
||||
{
|
||||
label: "Social Feeds",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2035 Velocity Kicks. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Velocity Kicks"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Sneakers", href: "/shop" }, { label: "Limited Drops", href: "/drops" }, { label: "Customization", href: "/customize" }, { label: "Accessories", href: "#" }] },
|
||||
{ title: "About", items: [{ label: "Our Story", href: "/about" }, { label: "Technology", href: "/about#tech" }, { label: "Team", href: "/about#team" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "/product#faq" }, { label: "Contact Us", href: "/contact" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
|
||||
{ title: "Community", items: [{ label: "Sneaker Gallery", href: "/community" }, { label: "User Designs", href: "/community" }, { label: "Influencers", href: "/community" }, { label: "Social Feeds", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2035 Velocity Kicks. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user