Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 312e9ce1fb |
196
src/app/page.tsx
196
src/app/page.tsx
@@ -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,10 +174,10 @@ 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>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user