Update src/app/customize/page.tsx
This commit is contained in:
@@ -6,7 +6,7 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { BarChart, Eye, Paintbrush, PenTool, Share2, Tool } from "lucide-react";
|
||||
import { BarChart, Eye, Paintbrush, PenTool, Share2, Settings } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,38 +27,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Customize",
|
||||
id: "/customize",
|
||||
},
|
||||
name: "Customize", id: "/customize"},
|
||||
{
|
||||
name: "Drops",
|
||||
id: "/drops",
|
||||
},
|
||||
name: "Drops", id: "/drops"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "/community",
|
||||
},
|
||||
name: "Community", id: "/community"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "My Cart",
|
||||
href: "/cart",
|
||||
}}
|
||||
text: "My Cart", href: "/cart"}}
|
||||
brandName="Velocity Kicks"
|
||||
/>
|
||||
</div>
|
||||
@@ -71,24 +55,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Real-time 3D Preview",
|
||||
description: "Visualize your design instantly with a fully interactive, high-fidelity 3D model that updates as you create.",
|
||||
},
|
||||
title: "Real-time 3D Preview", description: "Visualize your design instantly with a fully interactive, high-fidelity 3D model that updates as you create."},
|
||||
{
|
||||
icon: Paintbrush,
|
||||
title: "Advanced Color Picker",
|
||||
description: "Choose from a spectrum of neon gradients, metallic finishes, and matte cyberpunk tones for every component.",
|
||||
},
|
||||
title: "Advanced Color Picker", description: "Choose from a spectrum of neon gradients, metallic finishes, and matte cyberpunk tones for every component."},
|
||||
{
|
||||
icon: Tool,
|
||||
title: "Component Swapping",
|
||||
description: "Customize sole types, lace styles, and add unique glow effects to different parts of your sneaker.",
|
||||
},
|
||||
icon: Settings,
|
||||
title: "Component Swapping", description: "Customize sole types, lace styles, and add unique glow effects to different parts of your sneaker."},
|
||||
{
|
||||
icon: Share2,
|
||||
title: "Save & Share Creations",
|
||||
description: "Save your unique designs to your profile and share them with the Velocity Kicks community for feedback or inspiration.",
|
||||
},
|
||||
title: "Save & Share Creations", description: "Save your unique designs to your profile and share them with the Velocity Kicks community for feedback or inspiration."},
|
||||
]}
|
||||
title="Your Imagination, Unleashed"
|
||||
description="Step into the Velocity Kicks Customization Lab and design the sneaker of your dreams with unparalleled control and a real-time 3D preview."
|
||||
@@ -96,9 +72,7 @@ export default function LandingPage() {
|
||||
tagIcon={PenTool}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Designing",
|
||||
href: "/customize",
|
||||
},
|
||||
text: "Start Designing", href: "/customize"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,35 +84,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "custom-designs",
|
||||
value: "200K+",
|
||||
title: "Custom Designs Created",
|
||||
items: [
|
||||
"User-generated innovation",
|
||||
"Diverse aesthetic visions",
|
||||
"Limitless creative freedom",
|
||||
],
|
||||
id: "custom-designs", value: "200K+", title: "Custom Designs Created", items: [
|
||||
"User-generated innovation", "Diverse aesthetic visions", "Limitless creative freedom"],
|
||||
},
|
||||
{
|
||||
id: "unique-materials",
|
||||
value: "30+",
|
||||
title: "Unique Materials Available",
|
||||
items: [
|
||||
"Quantum Weave",
|
||||
"AeroGel Composites",
|
||||
"Bio-Synthetics",
|
||||
"Metallic Alloys",
|
||||
],
|
||||
id: "unique-materials", value: "30+", title: "Unique Materials Available", items: [
|
||||
"Quantum Weave", "AeroGel Composites", "Bio-Synthetics", "Metallic Alloys"],
|
||||
},
|
||||
{
|
||||
id: "community-votes",
|
||||
value: "1M+",
|
||||
title: "Community Votes Cast",
|
||||
items: [
|
||||
"Trending designs identified",
|
||||
"Design challenges",
|
||||
"Pioneer feedback loop",
|
||||
],
|
||||
id: "community-votes", value: "1M+", title: "Community Votes Cast", items: [
|
||||
"Trending designs identified", "Design challenges", "Pioneer feedback loop"],
|
||||
},
|
||||
]}
|
||||
title="Shaping the Future Together"
|
||||
@@ -153,87 +108,51 @@ export default function LandingPage() {
|
||||
logoText="Velocity Kicks"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Sneakers",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "All Sneakers", href: "/shop"},
|
||||
{
|
||||
label: "Limited Drops",
|
||||
href: "/drops",
|
||||
},
|
||||
label: "Limited Drops", href: "/drops"},
|
||||
{
|
||||
label: "Customization",
|
||||
href: "/customize",
|
||||
},
|
||||
label: "Customization", href: "/customize"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#",
|
||||
},
|
||||
label: "Accessories", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Our Story", href: "/about"},
|
||||
{
|
||||
label: "Technology",
|
||||
href: "/about#tech",
|
||||
},
|
||||
label: "Technology", href: "/about#tech"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "/about#team",
|
||||
},
|
||||
label: "Team", href: "/about#team"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/product#faq",
|
||||
},
|
||||
label: "FAQ", href: "/product#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Sneaker Gallery",
|
||||
href: "/community",
|
||||
},
|
||||
label: "Sneaker Gallery", href: "/community"},
|
||||
{
|
||||
label: "User Designs",
|
||||
href: "/community",
|
||||
},
|
||||
label: "User Designs", href: "/community"},
|
||||
{
|
||||
label: "Influencers",
|
||||
href: "/community",
|
||||
},
|
||||
label: "Influencers", href: "/community"},
|
||||
{
|
||||
label: "Social Feeds",
|
||||
href: "#",
|
||||
},
|
||||
label: "Social Feeds", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -243,4 +162,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user