Merge version_1 into main #1
222
src/app/page.tsx
222
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="SoleStudio"
|
||||
/>
|
||||
@@ -48,77 +42,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Step Into Premium Comfort"
|
||||
description="Discover our handpicked collection of footwear designed for modern life. Experience durability, style, and everyday comfort."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Styles Available",
|
||||
},
|
||||
value: "500+", label: "Styles Available"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Customer Rating"},
|
||||
{
|
||||
value: "Fast",
|
||||
label: "Worldwide Shipping",
|
||||
},
|
||||
value: "Fast", label: "Worldwide Shipping"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005695.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy walkers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ergonomic Design",
|
||||
},
|
||||
type: "text", text: "Ergonomic Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award Winning Support",
|
||||
},
|
||||
type: "text", text: "Award Winning Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Returns",
|
||||
},
|
||||
type: "text", text: "Free Returns"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
type: "text", text: "Lifetime Warranty"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,9 +94,7 @@ export default function LandingPage() {
|
||||
title="Crafted With Purpose"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Urban Walker",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-pair-shoes-beauty-male_1203-6542.jpg",
|
||||
},
|
||||
id: "p1", name: "Urban Walker", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/black-pair-shoes-beauty-male_1203-6542.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sport Pro",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg",
|
||||
},
|
||||
id: "p2", name: "Sport Pro", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Elegance",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoes-shelf_1339-3215.jpg",
|
||||
},
|
||||
id: "p3", name: "Classic Elegance", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/shoes-shelf_1339-3215.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Street Pulse",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-top-view_23-2148837323.jpg",
|
||||
},
|
||||
id: "p4", name: "Street Pulse", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-top-view_23-2148837323.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Trail Master",
|
||||
price: "$160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cowboy-boots-outdoors_23-2149484714.jpg",
|
||||
},
|
||||
id: "p5", name: "Trail Master", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cowboy-boots-outdoors_23-2149484714.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Daily Comfort",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-tying-her-sneakers_23-2149374718.jpg",
|
||||
},
|
||||
id: "p6", name: "Daily Comfort", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/woman-tying-her-sneakers_23-2149374718.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Premium footwear for every occasion."
|
||||
@@ -187,50 +126,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
role: "Designer",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice M.", role: "Designer", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Robert K.",
|
||||
role: "Manager",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
},
|
||||
id: "t2", name: "Robert K.", role: "Manager", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
role: "Blogger",
|
||||
company: "Vogue",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883556.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah P.", role: "Blogger", company: "Vogue", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883556.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jason V.",
|
||||
role: "Founder",
|
||||
company: "Start",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-hipster-handsome-man-guy-stylish-summer-clothes-posing-street_158538-2255.jpg",
|
||||
},
|
||||
id: "t4", name: "Jason V.", role: "Founder", company: "Start", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-hipster-handsome-man-guy-stylish-summer-clothes-posing-street_158538-2255.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe L.",
|
||||
role: "Traveler",
|
||||
company: "Globe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe L.", role: "Traveler", company: "Globe", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg"},
|
||||
]}
|
||||
title="Loved By Thousands"
|
||||
description="See why customers keep coming back."
|
||||
@@ -247,45 +162,20 @@ export default function LandingPage() {
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "et-1",
|
||||
name: "John D.",
|
||||
handle: "@johnny",
|
||||
testimonial: "Best sneakers I have ever owned.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-sofa_1098-927.jpg",
|
||||
},
|
||||
id: "et-1", name: "John D.", handle: "@johnny", testimonial: "Best sneakers I have ever owned.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-sofa_1098-927.jpg"},
|
||||
{
|
||||
id: "et-2",
|
||||
name: "Maria S.",
|
||||
handle: "@marias",
|
||||
testimonial: "Unbeatable comfort during my runs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg",
|
||||
},
|
||||
id: "et-2", name: "Maria S.", handle: "@marias", testimonial: "Unbeatable comfort during my runs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg"},
|
||||
{
|
||||
id: "et-3",
|
||||
name: "Kevin L.",
|
||||
handle: "@kevinl",
|
||||
testimonial: "Style meets function perfectly.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-with-smartphone_23-2147841133.jpg",
|
||||
},
|
||||
id: "et-3", name: "Kevin L.", handle: "@kevinl", testimonial: "Style meets function perfectly.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-with-smartphone_23-2147841133.jpg"},
|
||||
{
|
||||
id: "et-4",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "I bought three pairs already.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg",
|
||||
},
|
||||
id: "et-4", name: "Elena R.", handle: "@elenar", testimonial: "I bought three pairs already.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg"},
|
||||
{
|
||||
id: "et-5",
|
||||
name: "Mark B.",
|
||||
handle: "@markb",
|
||||
testimonial: "Fast shipping and great quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg",
|
||||
},
|
||||
id: "et-5", name: "Mark B.", handle: "@markb", testimonial: "Fast shipping and great quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -296,29 +186,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user