Update src/app/page.tsx
This commit is contained in:
194
src/app/page.tsx
194
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SoleSprint"
|
||||
/>
|
||||
@@ -56,11 +48,9 @@ export default function LandingPage() {
|
||||
description="Step into the future with our premium collection of performance and lifestyle footwear."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-ice-skates-wooden-tabletop_23-2147758973.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-ice-skates-wooden-tabletop_23-2147758973.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -72,47 +62,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cloud Runner",
|
||||
price: "$120",
|
||||
variant: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sneakers-dumbbells-gym_23-2147778533.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Cloud Runner", price: "$120", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/sneakers-dumbbells-gym_23-2147778533.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Trail Master",
|
||||
price: "$150",
|
||||
variant: "Adventure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-shoe-with-rocks-broccoli_52683-94824.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Trail Master", price: "$150", variant: "Adventure", imageSrc: "http://img.b2bpic.net/free-photo/brown-shoe-with-rocks-broccoli_52683-94824.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Loafer",
|
||||
price: "$90",
|
||||
variant: "Casual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patent-shoes-lie-leather-chair_8353-16.jpg",
|
||||
},
|
||||
id: "p3", name: "Urban Loafer", price: "$90", variant: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/patent-shoes-lie-leather-chair_8353-16.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Swift Velocity",
|
||||
price: "$130",
|
||||
variant: "Racing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastel-colors-3d-sneakers_23-2151853220.jpg",
|
||||
},
|
||||
id: "p4", name: "Swift Velocity", price: "$130", variant: "Racing", imageSrc: "http://img.b2bpic.net/free-photo/pastel-colors-3d-sneakers_23-2151853220.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Classic Oxford",
|
||||
price: "$180",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-lather-loafer-mules-shoes-beige_53876-97143.jpg",
|
||||
},
|
||||
id: "p5", name: "Classic Oxford", price: "$180", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/white-lather-loafer-mules-shoes-beige_53876-97143.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Training Pro",
|
||||
price: "$110",
|
||||
variant: "Gym",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sneakers_1122-2301.jpg",
|
||||
},
|
||||
id: "p6", name: "Training Pro", price: "$110", variant: "Gym", imageSrc: "http://img.b2bpic.net/free-photo/sneakers_1122-2301.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Discover our latest seasonal drops designed for comfort and performance."
|
||||
@@ -126,28 +86,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced sustainably for durability and comfort.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-ice-skates-wooden-tabletop_23-2147758973.jpg?_wi=2",
|
||||
imageAlt: "luxury sneaker photography studio",
|
||||
title: "Premium Materials", description: "Sourced sustainably for durability and comfort.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Ergonomic Design",
|
||||
description: "Engineered for natural movement.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sneakers-dumbbells-gym_23-2147778533.jpg?_wi=2",
|
||||
imageAlt: "running shoes white clean",
|
||||
title: "Ergonomic Design", description: "Engineered for natural movement.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Delivered to your door in 2-3 days.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-shoe-with-rocks-broccoli_52683-94824.jpg?_wi=2",
|
||||
imageAlt: "hiking boots adventure outdoor",
|
||||
title: "Fast Shipping", description: "Delivered to your door in 2-3 days.", bentoComponent: "reveal-icon", icon: Truck,
|
||||
},
|
||||
]}
|
||||
title="Why Choose SoleSprint"
|
||||
@@ -162,59 +107,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Athlete",
|
||||
company: "Global Sports",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Athlete", company: "Global Sports", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie L.",
|
||||
role: "Design Lead",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-outdoor-portrait-excited-happy-african-man-with-afro-hairstyle-holding-headphones-while-listening-music-smiling-broadly-being-amazed-with-what-he-hears_176420-19810.jpg",
|
||||
},
|
||||
id: "2", name: "Jamie L.", role: "Design Lead", company: "Creative Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-outdoor-portrait-excited-happy-african-man-with-afro-hairstyle-holding-headphones-while-listening-music-smiling-broadly-being-amazed-with-what-he-hears_176420-19810.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam K.",
|
||||
role: "Developer",
|
||||
company: "CodeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
},
|
||||
id: "3", name: "Sam K.", role: "Developer", company: "CodeFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan M.",
|
||||
role: "Manager",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-pink-background_23-2149004855.jpg",
|
||||
},
|
||||
id: "4", name: "Jordan M.", role: "Manager", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-pink-background_23-2149004855.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Casey P.",
|
||||
role: "Designer",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-curly-haired-woman-dressed-elegant-pink-jacket-keeps-arms-folded-smiles-pleasantly-holds-bag-focused-away-isolated-blue-background-with-copy-space-your-promotional-content_273609-60206.jpg",
|
||||
},
|
||||
id: "5", name: "Casey P.", role: "Designer", company: "Studio X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-curly-haired-woman-dressed-elegant-pink-jacket-keeps-arms-folded-smiles-pleasantly-holds-bag-focused-away-isolated-blue-background-with-copy-space-your-promotional-content_273609-60206.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "10k+", label: "Happy Customers"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Countries Served",
|
||||
},
|
||||
value: "50+", label: "Countries Served"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our community says about their experience with our footwear."
|
||||
@@ -225,14 +139,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Need help finding the right size? Our expert support team is ready to assist you anytime."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@solesprint.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:hello@solesprint.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -241,54 +152,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sale", href: "#"},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#",
|
||||
},
|
||||
label: "Collections", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Info", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user