1 Commits

Author SHA1 Message Date
312e9ce1fb Update src/app/page.tsx 2026-04-06 16:06:39 +00:00

View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Shop", name: "Shop", id: "products"},
id: "products",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="StepStyle" brandName="StepStyle"
/> />
@@ -52,67 +44,42 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Step Into Modern Comfort." title="Step Into Modern Comfort."
description="Discover a collection of premium footwear designed for style, performance, and everyday wear. Experience the perfect blend of innovation and classic design." description="Discover a collection of premium footwear designed for style, performance, and everyday wear. Experience the perfect blend of innovation and classic design."
buttons={[ buttons={[
{ {
text: "Shop New Arrivals", text: "Shop New Arrivals", href: "#products"},
href: "#products",
},
{ {
text: "Learn More", text: "Learn More", href: "#about"},
href: "#about",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/classic-stylish-men-s-shoes_169016-5564.jpg" imageSrc="http://img.b2bpic.net/free-photo/classic-stylish-men-s-shoes_169016-5564.jpg"
imageAlt="Premium footwear hero shot" imageAlt="Premium footwear hero shot"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/people-ferris-wheel-high-angle_23-2149748533.jpg", src: "http://img.b2bpic.net/free-photo/people-ferris-wheel-high-angle_23-2149748533.jpg", alt: "Happy customer 1"},
alt: "Happy customer 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg", alt: "Happy customer 2"},
alt: "Happy customer 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg", src: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg", alt: "Happy customer 3"},
alt: "Happy customer 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bright-curly-woman-dressed-blue-jacket-glasses-stands-with-serious-emotions-pink_291650-1099.jpg", src: "http://img.b2bpic.net/free-photo/close-up-portrait-bright-curly-woman-dressed-blue-jacket-glasses-stands-with-serious-emotions-pink_291650-1099.jpg", alt: "Happy customer 4"},
alt: "Happy customer 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg", src: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg", alt: "Happy customer 5"},
alt: "Happy customer 5",
},
]} ]}
avatarText="Join 10,000+ happy walkers" avatarText="Join 10,000+ happy walkers"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Sustainable Materials"},
text: "Sustainable Materials",
},
{ {
type: "text", type: "text", text: "Ergonomic Comfort"},
text: "Ergonomic Comfort",
},
{ {
type: "text", type: "text", text: "Worldwide Shipping"},
text: "Worldwide Shipping",
},
{ {
type: "text", type: "text", text: "Lifetime Warranty"},
text: "Lifetime Warranty",
},
{ {
type: "text", type: "text", text: "Premium Craftsmanship"},
text: "Premium Craftsmanship",
},
]} ]}
/> />
</div> </div>
@@ -125,17 +92,11 @@ export default function LandingPage() {
description="At StepStyle, we believe in combining traditional shoemaking techniques with modern materials. Our commitment to comfort and durability ensures that you don't have to compromise on style or substance." description="At StepStyle, we believe in combining traditional shoemaking techniques with modern materials. Our commitment to comfort and durability ensures that you don't have to compromise on style or substance."
bulletPoints={[ bulletPoints={[
{ {
title: "Premium Materials", title: "Premium Materials", description: "Sourced from the finest leather and sustainable fabrics."},
description: "Sourced from the finest leather and sustainable fabrics.",
},
{ {
title: "Ergonomic Design", title: "Ergonomic Design", description: "Engineered for support and all-day wearability."},
description: "Engineered for support and all-day wearability.",
},
{ {
title: "Timeless Style", title: "Timeless Style", description: "Versatile designs that fit every wardrobe and occasion."},
description: "Versatile designs that fit every wardrobe and occasion.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg" imageSrc="http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg"
imageAlt="Shoe craftsmanship close-up" imageAlt="Shoe craftsmanship close-up"
@@ -151,59 +112,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "1", id: "1", brand: "StepStyle", name: "Minimalist White Sneaker", price: "$120.00", rating: 5,
brand: "StepStyle", reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-dance-performance_1385-1580.jpg"},
name: "Minimalist White Sneaker",
price: "$120.00",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-dance-performance_1385-1580.jpg",
},
{ {
id: "2", id: "2", brand: "StepStyle", name: "City High-Top Black", price: "$150.00", rating: 4,
brand: "StepStyle", reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-show-rock_52683-94821.jpg"},
name: "City High-Top Black",
price: "$150.00",
rating: 4,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-show-rock_52683-94821.jpg",
},
{ {
id: "3", id: "3", brand: "StepStyle", name: "Classic Formal Loafer", price: "$180.00", rating: 5,
brand: "StepStyle", reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/vintage-wooden-table-shoe-polishing-tools-jobs-career-concept_53876-129353.jpg"},
name: "Classic Formal Loafer",
price: "$180.00",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-wooden-table-shoe-polishing-tools-jobs-career-concept_53876-129353.jpg",
},
{ {
id: "4", id: "4", brand: "StepStyle", name: "Performance Running Tech", price: "$145.00", rating: 4,
brand: "StepStyle", reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005696.jpg"},
name: "Performance Running Tech",
price: "$145.00",
rating: 4,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005696.jpg",
},
{ {
id: "5", id: "5", brand: "StepStyle", name: "Casual Suede Loafer", price: "$135.00", rating: 5,
brand: "StepStyle", reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-tender-public-intimacy-moments_23-2149430276.jpg"},
name: "Casual Suede Loafer",
price: "$135.00",
rating: 5,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-tender-public-intimacy-moments_23-2149430276.jpg",
},
{ {
id: "6", id: "6", brand: "StepStyle", name: "Everyday Navy Classic", price: "$110.00", rating: 4,
brand: "StepStyle", reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-8439.jpg"},
name: "Everyday Navy Classic",
price: "$110.00",
rating: 4,
reviewCount: "156",
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-8439.jpg",
},
]} ]}
title="Latest Collections" title="Latest Collections"
description="Explore our curated selection of high-performance and casual footwear for men and women." description="Explore our curated selection of high-performance and casual footwear for men and women."
@@ -216,45 +141,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", title: "Amazing comfort!", quote: "I have never worn shoes so comfortable. They look great and feel even better.", name: "Alice M.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/people-ris-wheel-high-angle_23-2149748533.jpg"},
title: "Amazing comfort!",
quote: "I have never worn shoes so comfortable. They look great and feel even better.",
name: "Alice M.",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/people-ferris-wheel-high-angle_23-2149748533.jpg",
},
{ {
id: "2", id: "2", title: "Stylish and reliable", quote: "StepStyle has become my go-to for daily footwear. The quality is simply unmatched.", name: "David K.", role: "Marketing Dir.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"},
title: "Stylish and reliable",
quote: "StepStyle has become my go-to for daily footwear. The quality is simply unmatched.",
name: "David K.",
role: "Marketing Dir.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
},
{ {
id: "3", id: "3", title: "Perfect fit", quote: "The attention to detail and ergonomic support is evident in every step.", name: "Sarah P.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg"},
title: "Perfect fit",
quote: "The attention to detail and ergonomic support is evident in every step.",
name: "Sarah P.",
role: "Entrepreneur",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg",
},
{ {
id: "4", id: "4", title: "Style meets quality", quote: "Finally, sneakers that fit my professional attire perfectly without hurting my feet.", name: "Mark L.", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bright-curly-woman-dressed-blue-jacket-glasses-stands-with-serious-emotions-pink_291650-1099.jpg"},
title: "Style meets quality",
quote: "Finally, sneakers that fit my professional attire perfectly without hurting my feet.",
name: "Mark L.",
role: "Consultant",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bright-curly-woman-dressed-blue-jacket-glasses-stands-with-serious-emotions-pink_291650-1099.jpg",
},
{ {
id: "5", id: "5", title: "Value for money", quote: "Excellent customer service and even better product quality. A fantastic purchase.", name: "Elena R.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg"},
title: "Value for money",
quote: "Excellent customer service and even better product quality. A fantastic purchase.",
name: "Elena R.",
role: "Teacher",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg",
},
]} ]}
title="Loved by Our Community" title="Loved by Our Community"
description="Join thousands of satisfied customers who have discovered the comfort and style of StepStyle footwear." description="Join thousands of satisfied customers who have discovered the comfort and style of StepStyle footwear."
@@ -265,16 +160,13 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}} tag="İletişime Geçin"
tag="Get in touch" title="Sorularınız mı var? Yardımcı olabiliriz."
title="Have questions? We're here to help." description="Beden seçimi, gönderim veya diğer tüm sorularınız için ekibimizle iletişime geçebilirsiniz."
description="Our team is available to assist you with sizing, shipping, or any other inquiries."
buttons={[ buttons={[
{ {
text: "Contact Support", text: "Destekle İletişime Geçin", href: "mailto:support@stepstyle.com"},
href: "mailto:support@stepstyle.com",
},
]} ]}
/> />
</div> </div>
@@ -282,7 +174,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="StepStyle" logoText="StepStyle"
copyrightText="© 2025 StepStyle. All rights reserved." copyrightText="© 2025 StepStyle. Tüm hakları saklıdır."
/> />
</div> </div>
</ReactLenis> </ReactLenis>