Update src/app/page.tsx
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SoleCollection"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Walk in Style."
|
||||
description="Discover a curated collection of premium footwear designed for comfort and elegance. Elevate your everyday look with our latest arrivals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-bags-floor-with-red-background_23-2148302849.jpg?_wi=1",
|
||||
imageAlt: "Sneaker collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-bags-floor-with-red-background_23-2148302849.jpg", imageAlt: "Sneaker collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8079.jpg?_wi=1",
|
||||
imageAlt: "Casual style",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8079.jpg", imageAlt: "Casual style"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg?_wi=1",
|
||||
imageAlt: "Trendy sneaker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg", imageAlt: "Trendy sneaker"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-brogue-shoe-person-sitting-with-crossed-legs-lights_181624-16952.jpg",
|
||||
imageAlt: "Leather shoe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-brogue-shoe-person-sitting-with-crossed-legs-lights_181624-16952.jpg", imageAlt: "Leather shoe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005728.jpg",
|
||||
imageAlt: "Sports runner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005728.jpg", imageAlt: "Sports runner"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-enjoying-free-time-city-cafeteria-bar-drinking-lemon-having-fun-trendy-hipster-outfit-toned-colors_291049-1731.jpg",
|
||||
imageAlt: "Chic footwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-enjoying-free-time-city-cafeteria-bar-drinking-lemon-having-fun-trendy-hipster-outfit-toned-colors_291049-1731.jpg", imageAlt: "Chic footwear"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,40 +88,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "Every pair passes our strict durability check.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-colourful-shopping-bags_23-2147932437.jpg",
|
||||
},
|
||||
title: "Verified Quality", description: "Every pair passes our strict durability check.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-colourful-shopping-bags_23-2147932437.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-full-clothing-store_23-2150871154.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-bags-floor-with-red-background_23-2148302849.jpg?_wi=2",
|
||||
imageAlt: "mobile app shoe catalog",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-full-clothing-store_23-2150871154.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Direct to your door, fast and tracked.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-shoes_23-2148135549.jpg",
|
||||
},
|
||||
title: "Fast Shipping", description: "Direct to your door, fast and tracked.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-shoes_23-2148135549.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-phone-mock-up-with-eco-friendly-objects_23-2148289768.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8079.jpg?_wi=2",
|
||||
imageAlt: "mobile app shoe catalog",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-phone-mock-up-with-eco-friendly-objects_23-2148289768.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Shop with peace of mind every time.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg",
|
||||
},
|
||||
title: "Secure Payments", description: "Shop with peace of mind every time.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg?_wi=2",
|
||||
imageAlt: "mobile app shoe catalog",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -161,41 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Urban Runner",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg",
|
||||
},
|
||||
id: "p1", name: "Urban Runner", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Boot",
|
||||
price: "$189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/footwear_1303-3466.jpg",
|
||||
},
|
||||
id: "p2", name: "Classic Boot", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/footwear_1303-3466.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Daily Sneaker",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-jeans-posing-with-roller-skates-stairs_23-2148373059.jpg",
|
||||
},
|
||||
id: "p3", name: "Daily Sneaker", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/woman-jeans-posing-with-roller-skates-stairs_23-2148373059.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Formal Leather",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg",
|
||||
},
|
||||
id: "p4", name: "Formal Leather", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sport Pro",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-basketball-shoes_23-2150847266.jpg",
|
||||
},
|
||||
id: "p5", name: "Sport Pro", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/close-up-basketball-shoes_23-2150847266.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Canvas Slip-on",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-slip-unisex-streetwear-sneakers-fashion_53876-106041.jpg",
|
||||
},
|
||||
id: "p6", name: "Canvas Slip-on", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/white-slip-unisex-streetwear-sneakers-fashion_53876-106041.jpg"},
|
||||
]}
|
||||
title="Latest Drops"
|
||||
description="Hand-picked selections of our most popular styles."
|
||||
@@ -210,25 +145,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-charismatic-happy-goodlooking-redhead-woman-red-lipstick-cross-hands-chest-smiling-motivate_1258-129302.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-charismatic-happy-goodlooking-redhead-woman-red-lipstick-cross-hands-chest-smiling-motivate_1258-129302.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg", alt: "Mike"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-wearing-warm-clothes-standing-near-rack-with-many-pairs-skates-choosing-his-size-preparing-skate-ice-arena_613910-21708.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-wearing-warm-clothes-standing-near-rack-with-many-pairs-skates-choosing-his-size-preparing-skate-ice-arena_613910-21708.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenagers-sitting-together_23-2148105658.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/teenagers-sitting-together_23-2148105658.jpg", alt: "Anna"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -240,14 +165,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Fashion Daily",
|
||||
"Sneaker World",
|
||||
"Urban Trends",
|
||||
"Footwear Weekly",
|
||||
"Style Lab",
|
||||
"Modern Retail",
|
||||
"Luxury Guide",
|
||||
]}
|
||||
"Fashion Daily", "Sneaker World", "Urban Trends", "Footwear Weekly", "Style Lab", "Modern Retail", "Luxury Guide"]}
|
||||
title="Trusted By Top Publications"
|
||||
description="Featured in leading fashion media outlets worldwide."
|
||||
/>
|
||||
@@ -259,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to all major countries with tracked services.",
|
||||
},
|
||||
id: "q1", title: "Do you ship worldwide?", content: "Yes, we ship to all major countries with tracked services."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I return items?",
|
||||
content: "Absolutely! We offer 30-day hassle-free returns.",
|
||||
},
|
||||
id: "q2", title: "Can I return items?", content: "Absolutely! We offer 30-day hassle-free returns."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I choose the right size?",
|
||||
content: "Check our detailed size guide on each product page.",
|
||||
},
|
||||
id: "q3", title: "How do I choose the right size?", content: "Check our detailed size guide on each product page."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your order."
|
||||
@@ -287,22 +196,14 @@ export default function LandingPage() {
|
||||
description="Have questions about our collection? We'd love to hear from you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-women-taking-pictures-cafe_23-2147785288.jpg"
|
||||
/>
|
||||
@@ -312,13 +213,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SoleCollection"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user