bender/de4486b7-8773-44d3-bc35-489cf672be0a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-06 16:06:39 +00:00
parent adca09c45d
commit 312e9ce1fb
1 changed files with 44 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
src/app/page.tsx
View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Shop",
id: "products",
},
name: "Shop", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="StepStyle"
/>
@@ -52,67 +44,42 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
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."
buttons={[
{
text: "Shop New Arrivals",
href: "#products",
},
text: "Shop New Arrivals", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/classic-stylish-men-s-shoes_169016-5564.jpg"
imageAlt="Premium footwear hero shot"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/people-ferris-wheel-high-angle_23-2149748533.jpg",
alt: "Happy customer 1",
},
src: "http://img.b2bpic.net/free-photo/people-ferris-wheel-high-angle_23-2149748533.jpg", alt: "Happy customer 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
alt: "Happy customer 2",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg", alt: "Happy customer 2"},
{
src: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg",
alt: "Happy customer 3",
},
src: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg", 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",
alt: "Happy customer 4",
},
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"},
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg",
alt: "Happy customer 5",
},
src: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg", alt: "Happy customer 5"},
]}
avatarText="Join 10,000+ happy walkers"
marqueeItems={[
{
type: "text",
text: "Sustainable Materials",
},
type: "text", text: "Sustainable Materials"},
{
type: "text",
text: "Ergonomic Comfort",
},
type: "text", text: "Ergonomic Comfort"},
{
type: "text",
text: "Worldwide Shipping",
},
type: "text", text: "Worldwide Shipping"},
{
type: "text",
text: "Lifetime Warranty",
},
type: "text", text: "Lifetime Warranty"},
{
type: "text",
text: "Premium Craftsmanship",
},
type: "text", text: "Premium Craftsmanship"},
]}
/>
</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."
bulletPoints={[
{
title: "Premium Materials",
description: "Sourced from the finest leather and sustainable fabrics.",
},
title: "Premium Materials", description: "Sourced from the finest leather and sustainable fabrics."},
{
title: "Ergonomic Design",
description: "Engineered for support and all-day wearability.",
},
title: "Ergonomic Design", description: "Engineered for support and all-day wearability."},
{
title: "Timeless Style",
description: "Versatile designs that fit every wardrobe and occasion.",
},
title: "Timeless Style", 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"
imageAlt="Shoe craftsmanship close-up"
@@ -151,59 +112,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
brand: "StepStyle",
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: "1", brand: "StepStyle", 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",
brand: "StepStyle",
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: "2", brand: "StepStyle", 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",
brand: "StepStyle",
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: "3", brand: "StepStyle", 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",
brand: "StepStyle",
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: "4", brand: "StepStyle", 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",
brand: "StepStyle",
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: "5", brand: "StepStyle", 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",
brand: "StepStyle",
name: "Everyday Navy Classic",
price: "$110.00",
rating: 4,
reviewCount: "156",
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-8439.jpg",
},
id: "6", brand: "StepStyle", 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"
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}
testimonials={[
{
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-ferris-wheel-high-angle_23-2149748533.jpg",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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="Loved by Our Community"
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
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Get in touch"
title="Have questions? We're here to help."
description="Our team is available to assist you with sizing, shipping, or any other inquiries."
variant: "plain"}}
tag="İletişime Geçin"
title="Sorularınız mı var? Yardımcı olabiliriz."
description="Beden seçimi, gönderim veya diğer tüm sorularınız için ekibimizle iletişime geçebilirsiniz."
buttons={[
{
text: "Contact Support",
href: "mailto:support@stepstyle.com",
},
text: "Destekle İletişime Geçin", href: "mailto:support@stepstyle.com"},
]}
/>
</div>
@@ -282,10 +174,10 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterCard
logoText="StepStyle"
copyrightText="© 2025 StepStyle. All rights reserved."
copyrightText="© 2025 StepStyle. Tüm hakları saklıdır."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}