Update src/app/page.tsx
This commit is contained in:
239
src/app/page.tsx
239
src/app/page.tsx
@@ -21,27 +21,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "product",
|
||||
},
|
||||
name: "Collection", id: "product"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "feature",
|
||||
},
|
||||
name: "Features", id: "feature"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="ShoeSpace"
|
||||
/>
|
||||
@@ -53,16 +52,12 @@ export default function LandingPage() {
|
||||
description="Step into comfort and style with our curated selection of premium footwear for every occasion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#product",
|
||||
},
|
||||
text: "Shop Now", href: "#product"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-101877.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-101877.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -71,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Comfort for Every Step"
|
||||
description={[
|
||||
"Founded on the principles of quality and modern design, ShoeSpace provides footwear that blends aesthetics with performance.",
|
||||
"Our mission is to ensure that every customer experiences unparalleled comfort while looking their best, no matter where their journey takes them.",
|
||||
]}
|
||||
"Founded on the principles of quality and modern design, ShoeSpace provides footwear that blends aesthetics with performance.", "Our mission is to ensure that every customer experiences unparalleled comfort while looking their best, no matter where their journey takes them."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,47 +78,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velocity Pro",
|
||||
price: "$120",
|
||||
variant: "Athletic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-mobile-phone-while-sitting_23-2148295855.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Velocity Pro", price: "$120", variant: "Athletic", imageSrc: "http://img.b2bpic.net/free-photo/person-using-mobile-phone-while-sitting_23-2148295855.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Oxford",
|
||||
price: "$180",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-casual-leather-men-shoes_1203-7705.jpg",
|
||||
},
|
||||
id: "p2", name: "Classic Oxford", price: "$180", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-casual-leather-men-shoes_1203-7705.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Trainer X",
|
||||
price: "$95",
|
||||
variant: "Fitness",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915644.jpg",
|
||||
},
|
||||
id: "p3", name: "Trainer X", price: "$95", variant: "Fitness", imageSrc: "http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915644.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Daily Casual",
|
||||
price: "$80",
|
||||
variant: "Lifestyle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-their-intimacy-moments_23-2149239132.jpg",
|
||||
},
|
||||
id: "p4", name: "Daily Casual", price: "$80", variant: "Lifestyle", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-their-intimacy-moments_23-2149239132.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Trail Finder",
|
||||
price: "$150",
|
||||
variant: "Hiking",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hanging-camera_23-2147635487.jpg",
|
||||
},
|
||||
id: "p5", name: "Trail Finder", price: "$150", variant: "Hiking", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hanging-camera_23-2147635487.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sky Runner",
|
||||
price: "$130",
|
||||
variant: "Running",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hand-folding-exercise-mat_23-2147941736.jpg",
|
||||
},
|
||||
id: "p6", name: "Sky Runner", price: "$130", variant: "Running", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hand-folding-exercise-mat_23-2147941736.jpg"},
|
||||
]}
|
||||
title="Discover Your Style"
|
||||
description="Browse our latest arrivals and timeless classics, handpicked to ensure you get the perfect fit."
|
||||
@@ -139,49 +102,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ergonomic Support",
|
||||
description: "Designed for maximum support and comfort.",
|
||||
icon: Sparkles,
|
||||
title: "Ergonomic Support", description: "Designed for maximum support and comfort.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174792.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174792.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198891.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198891.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-101877.jpg?_wi=2",
|
||||
imageAlt: "durable sole material close up",
|
||||
},
|
||||
{
|
||||
title: "Breathable Fabric",
|
||||
description: "Stay cool with high-quality mesh materials.",
|
||||
icon: Zap,
|
||||
title: "Breathable Fabric", description: "Stay cool with high-quality mesh materials.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-athlete-tying-her-shoes_23-2148267176.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-athlete-tying-her-shoes_23-2148267176.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-tying-laces-stairs_23-2147786952.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-tying-laces-stairs_23-2147786952.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arab-man-wear-black-jeans-jacket-eyeglasses-cafe-drink-coffee-bar-with-book-stylish-fashionable-arabian-model-guy_627829-982.jpg",
|
||||
imageAlt: "durable sole material close up",
|
||||
},
|
||||
{
|
||||
title: "Ultralight Feel",
|
||||
description: "Weightless design for all-day wear.",
|
||||
icon: CheckCircle,
|
||||
title: "Ultralight Feel", description: "Weightless design for all-day wear.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-man-sitting-bridge-flowing-ditch_23-2148187333.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-man-sitting-bridge-flowing-ditch_23-2148187333.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150165197.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150165197.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-mobile-phone-while-sitting_23-2148295855.jpg?_wi=2",
|
||||
imageAlt: "durable sole material close up",
|
||||
},
|
||||
]}
|
||||
title="Why Choose ShoeSpace?"
|
||||
@@ -194,14 +139,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechGear",
|
||||
"UrbanPulse",
|
||||
"StyleDaily",
|
||||
"RunnersWorld",
|
||||
"ApexFitness",
|
||||
"CityWalker",
|
||||
"TrendSetters",
|
||||
]}
|
||||
"TechGear", "UrbanPulse", "StyleDaily", "RunnersWorld", "ApexFitness", "CityWalker", "TrendSetters"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Our footwear is worn by professionals across various industries worldwide."
|
||||
/>
|
||||
@@ -215,20 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "50K+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100+",
|
||||
description: "Models Available",
|
||||
},
|
||||
id: "m2", value: "100+", description: "Models Available"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Global Awards",
|
||||
},
|
||||
id: "m3", value: "15+", description: "Global Awards"},
|
||||
]}
|
||||
title="By the Numbers"
|
||||
description="Our commitment to quality speaks for itself."
|
||||
@@ -243,45 +172,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-background_158538-16187.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", role: "Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-background_158538-16187.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob R.",
|
||||
role: "Developer",
|
||||
company: "CodeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-climbing-down-stairs_23-2148765401.jpg",
|
||||
},
|
||||
id: "2", name: "Bob R.", role: "Developer", company: "CodeFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-climbing-down-stairs_23-2148765401.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie L.",
|
||||
role: "Hiker",
|
||||
company: "Outdoorsy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adventure-seeker-stands-peak-with-satisfaction-successful-climb_482257-119982.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie L.", role: "Hiker", company: "Outdoorsy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adventure-seeker-stands-peak-with-satisfaction-successful-climb_482257-119982.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana K.",
|
||||
role: "Fashionista",
|
||||
company: "TrendSetters",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-sitting-by-pool_1303-21544.jpg",
|
||||
},
|
||||
id: "4", name: "Diana K.", role: "Fashionista", company: "TrendSetters", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-sitting-by-pool_1303-21544.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Erik S.",
|
||||
role: "Athlete",
|
||||
company: "ApexFitness",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/she-is-determined-run_329181-4352.jpg",
|
||||
},
|
||||
id: "5", name: "Erik S.", role: "Athlete", company: "ApexFitness", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/she-is-determined-run_329181-4352.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See what our community has to say about their experience with ShoeSpace."
|
||||
@@ -294,20 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the return policy?",
|
||||
content: "We offer a 30-day return policy for all unworn shoes.",
|
||||
},
|
||||
id: "q1", title: "What is the return policy?", content: "We offer a 30-day return policy for all unworn shoes."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I find my size?",
|
||||
content: "Use our sizing guide located on every product page.",
|
||||
},
|
||||
id: "q2", title: "How do I find my size?", content: "Use our sizing guide located on every product page."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "q3", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to commonly asked questions about shipping, returns, and sizes."
|
||||
@@ -319,16 +214,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Find Your Pair?"
|
||||
description="Our team is available to assist you with any questions or styling advice you might need."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -337,42 +229,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Best Sellers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user