Merge version_2 into main #1
196
src/app/page.tsx
196
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user