bender/a4e5a0f7-6335-4246-bdf9-4e648ce009b6
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-03-10 15:30:28 +00:00
parent 27749d083c
commit fa2615a34c
1 changed files with 100 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/app/page.tsx
View File

@@ -21,133 +21,6 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" },
];
const heroSlides = [
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-floor-dressing-room-with-smartphone-hands-writes-message-surrounded-by-variety-shoes-she-is-dressed-black-skirt-her-feet-silver-luxury-shoes_197531-1717.jpg", imageAlt: "luxury leather shoes display elegant"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-men-s-shoes-still-life-men-s-accessories_169016-3917.jpg", imageAlt: "luxury shoes professional product photography"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fit-young-brunette-female-wearing-shirt-with-naked-legs-sitting-black-white-cubes-gray-background-copy-space-high-quality-photo_132075-10096.jpg", imageAlt: "elegant shoes luxury fashion photography"
},
];
const products = [
{
id: "1", name: "Classic Oxford Premium", price: "$299.00", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-shoes-isolated_1303-12947.jpg", imageAlt: "Classic Oxford Premium shoes", initialQuantity: 1,
},
{
id: "2", name: "Urban Chelsea Boot", price: "$349.00", imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-black-leather-boots_250224-308.jpg", imageAlt: "Urban Chelsea Boot", initialQuantity: 1,
},
{
id: "3", name: "Minimalist Runner", price: "$249.00", imageSrc: "http://img.b2bpic.net/free-photo/crop-legs-sprinting-street_23-2147755586.jpg", imageAlt: "Minimalist Runner shoes", initialQuantity: 1,
},
{
id: "4", name: "Timeless Loafer", price: "$279.00", imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-chair-holding-coffee-cup-hand_23-2148164528.jpg", imageAlt: "Timeless Loafer", initialQuantity: 1,
},
];
const processFeatures = [
{
id: 1,
title: "Material Selection", description: "We source only the finest leather and sustainable materials from trusted suppliers worldwide to ensure premium quality in every pair.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-different-outfits_23-2148195401.jpg", imageAlt: "leather material selection quality control"
},
{
id: 2,
title: "Design & Pattern Making", description: "Our master designers create intricate patterns and designs that balance aesthetics with comfort and durability.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-travel-concept_23-2148610362.jpg", imageAlt: "shoe design sketches pattern making"
},
{
id: 3,
title: "Handcrafted Assembly", description: "Skilled artisans carefully stitch and assemble each shoe by hand, ensuring precision and attention to every detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186778.jpg", imageAlt: "artisan shoemaking hand assembly craftsmanship"
},
{
id: 4,
title: "Quality Testing", description: "Every pair undergoes rigorous testing to guarantee comfort, durability, and the perfect fit for our discerning customers.", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-fashion-designer-s-hand-taking-measurement-his-customer-s-waist-with-yellow-measuring-tape_23-2148180306.jpg", imageAlt: "quality testing shoes durability inspection"
},
];
const logos = [
"http://img.b2bpic.net/free-vector/text-mockup-template-cream-background_53876-99138.jpg", "http://img.b2bpic.net/free-vector/flat-design-go-logo-template_23-2148998778.jpg", "http://img.b2bpic.net/free-vector/gradient-breaking-news-logo-design_23-2151126861.jpg", "http://img.b2bpic.net/free-vector/spring-sale-flyer-template_52683-56568.jpg", "http://img.b2bpic.net/free-vector/set-vintage-labels_23-2147505713.jpg", "http://img.b2bpic.net/free-vector/retro-logo-with-text-template_1110-657.jpg", "http://img.b2bpic.net/free-vector/set-woman-s-day-badges-with-floral-details_23-2147595544.jpg"
];
const testimonials = [
{
id: "1", name: "Sophie Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-masculine-woman-formal-men-s-wear-looking-with-mysterious-smile-touching-her-smooth-face_343059-3143.jpg", imageAlt: "confident woman portrait professional headshot"
},
{
id: "2", name: "James Richardson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg", imageAlt: "man portrait professional headshot studio"
},
{
id: "3", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/aspirated-confident-businesswoman-looking-forward_1262-5277.jpg", imageAlt: "woman portrait professional headshot smile"
},
{
id: "4", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-man-with-brown-blouse-posing_23-2148892056.jpg", imageAlt: "man professional portrait headshot studio"
},
{
id: "5", name: "Amara Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageAlt: "woman portrait professional headshot photography"
},
{
id: "6", name: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-groom-posing-looking-camera_1153-6075.jpg", imageAlt: "man professional headshot portrait studio"
},
];
const faqs = [
{
id: "1", title: "What materials are used in your shoes?", content: "We exclusively use premium leather sourced from sustainable suppliers, combined with breathable linings and eco-friendly rubber soles. Every material is selected for durability, comfort, and environmental responsibility."
},
{
id: "2", title: "How should I care for my shoes?", content: "We provide detailed care instructions with each pair. Generally, clean with a soft brush, use leather conditioner monthly, and store in a cool, dry place. For extended life, consider professional cleaning once yearly."
},
{
id: "3", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee if you're not completely satisfied. Simply return your shoes in original condition for a full refund, no questions asked."
},
{
id: "4", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping is available for 2-3 business day delivery. All orders are carefully packaged to ensure your shoes arrive in pristine condition."
},
{
id: "5", title: "Do you offer custom sizing?", content: "Yes! We provide a detailed sizing guide and offer custom fitting consultations. Our experts can help find the perfect size and fit for your unique foot shape."
},
{
id: "6", title: "Are your shoes suitable for wide feet?", content: "We offer multiple width options for most styles. Contact our support team with your measurements, and we'll recommend the perfect fit for your needs."
},
];
const footerColumns = [
{
title: "Shop", items: [
{ label: "New Arrivals", href: "#products" },
{ label: "Best Sellers", href: "#products" },
{ label: "Men's Collection", href: "#products" },
{ label: "Women's Collection", href: "#products" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Process", href: "#process" },
{ label: "Sustainability", href: "#" },
{ label: "Careers", href: "#" },
],
},
{
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "Shipping Info", href: "#" },
{ label: "Returns", href: "#" },
{ label: "Size Guide", href: "#" },
],
},
{
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Pinterest", href: "https://pinterest.com" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
@@ -173,7 +46,14 @@ export default function LandingPage() {
{ text: "Explore Collection", href: "#products" },
{ text: "Learn Our Story", href: "#about" },
]}
slides={heroSlides}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-floor-dressing-room-with-smartphone-hands-writes-message-surrounded-by-variety-shoes-she-is-dressed-black-skirt-her-feet-silver-luxury-shoes_197531-1717.jpg", imageAlt: "Premium leather shoes showcase"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-men-s-shoes-still-life-men-s-accessories_169016-3917.jpg", imageAlt: "Luxury footwear display"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fit-young-brunette-female-wearing-shirt-with-naked-legs-sitting-black-white-cubes-gray-background-copy-space-high-quality-photo_132075-10096.jpg", imageAlt: "Elegant shoe collection"},
]}
autoplayDelay={4000}
showDimOverlay={true}
/>
@@ -183,7 +63,20 @@ export default function LandingPage() {
<ProductCardThree
title="Featured Collection"
description="Discover our latest premium shoe designs, meticulously crafted with the finest materials and attention to detail."
products={products}
products={[
{
id: "1", name: "Classic Oxford Premium", price: "$299.00", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-shoes-isolated_1303-12947.jpg", imageAlt: "Classic Oxford Premium shoes", initialQuantity: 1,
},
{
id: "2", name: "Urban Chelsea Boot", price: "$349.00", imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-black-leather-boots_250224-308.jpg", imageAlt: "Urban Chelsea Boot", initialQuantity: 1,
},
{
id: "3", name: "Minimalist Runner", price: "$249.00", imageSrc: "http://img.b2bpic.net/free-photo/crop-legs-sprinting-street_23-2147755586.jpg", imageAlt: "Minimalist Runner shoes", initialQuantity: 1,
},
{
id: "4", name: "Timeless Loafer", price: "$279.00", imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-chair-holding-coffee-cup-hand_23-2148164528.jpg", imageAlt: "Timeless Loafer", initialQuantity: 1,
},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
tag="New Arrivals"
@@ -206,7 +99,20 @@ export default function LandingPage() {
title="From Vision to Your Feet"
description="Experience our meticulous craftsmanship process that transforms premium materials into exceptional footwear."
tag="Our Craft"
features={processFeatures}
features={[
{
id: 1,
title: "Material Selection", description: "We source only the finest leather and sustainable materials from trusted suppliers worldwide to ensure premium quality in every pair.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-different-outfits_23-2148195401.jpg", imageAlt: "leather material selection quality control"},
{
id: 2,
title: "Design & Pattern Making", description: "Our master designers create intricate patterns and designs that balance aesthetics with comfort and durability.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-travel-concept_23-2148610362.jpg", imageAlt: "shoe design sketches pattern making"},
{
id: 3,
title: "Handcrafted Assembly", description: "Skilled artisans carefully stitch and assemble each shoe by hand, ensuring precision and attention to every detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186778.jpg", imageAlt: "artisan shoemaking hand assembly craftsmanship"},
{
id: 4,
title: "Quality Testing", description: "Every pair undergoes rigorous testing to guarantee comfort, durability, and the perfect fit for our discerning customers.", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-fashion-designer-s-hand-taking-measurement-his-customer-s-waist-with-yellow-measuring-tape_23-2148180306.jpg", imageAlt: "quality testing shoes durability inspection"},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
@@ -219,7 +125,8 @@ export default function LandingPage() {
tag="Global Recognition"
textboxLayout="default"
useInvertedBackground={false}
logos={logos}
logos={[
"http://img.b2bpic.net/free-vector/text-mockup-template-cream-background_53876-99138.jpg", "http://img.b2bpic.net/free-vector/flat-design-go-logo-template_23-2148998778.jpg", "http://img.b2bpic.net/free-vector/gradient-breaking-news-logo-design_23-2151126861.jpg", "http://img.b2bpic.net/free-vector/spring-sale-flyer-template_52683-56568.jpg", "http://img.b2bpic.net/free-vector/set-vintage-labels_23-2147505713.jpg", "http://img.b2bpic.net/free-vector/retro-logo-with-text-template_1110-657.jpg", "http://img.b2bpic.net/free-vector/set-woman-s-day-badges-with-floral-details_23-2147595544.jpg"]}
speed={40}
showCard={true}
/>
@@ -231,7 +138,20 @@ export default function LandingPage() {
cardTag="Customer Stories"
cardAnimation="slide-up"
useInvertedBackground={false}
testimonials={testimonials}
testimonials={[
{
id: "1", name: "Sophie Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-masculine-woman-formal-men-s-wear-looking-with-mysterious-smile-touching-her-smooth-face_343059-3143.jpg", imageAlt: "confident woman portrait professional headshot"},
{
id: "2", name: "James Richardson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg", imageAlt: "man portrait professional headshot studio"},
{
id: "3", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/aspirated-confident-businesswoman-looking-forward_1262-5277.jpg", imageAlt: "woman portrait professional headshot smile"},
{
id: "4", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-man-with-brown-blouse-posing_23-2148892056.jpg", imageAlt: "man professional portrait headshot studio"},
{
id: "5", name: "Amara Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageAlt: "woman portrait professional headshot photography"},
{
id: "6", name: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-groom-posing-looking-camera_1153-6075.jpg", imageAlt: "man professional headshot portrait studio"},
]}
/>
</div>
@@ -243,7 +163,20 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={faqs}
faqs={[
{
id: "1", title: "What materials are used in your shoes?", content: "We exclusively use premium leather sourced from sustainable suppliers, combined with breathable linings and eco-friendly rubber soles. Every material is selected for durability, comfort, and environmental responsibility."},
{
id: "2", title: "How should I care for my shoes?", content: "We provide detailed care instructions with each pair. Generally, clean with a soft brush, use leather conditioner monthly, and store in a cool, dry place. For extended life, consider professional cleaning once yearly."},
{
id: "3", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee if you're not completely satisfied. Simply return your shoes in original condition for a full refund, no questions asked."},
{
id: "4", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping is available for 2-3 business day delivery. All orders are carefully packaged to ensure your shoes arrive in pristine condition."},
{
id: "5", title: "Do you offer custom sizing?", content: "Yes! We provide a detailed sizing guide and offer custom fitting consultations. Our experts can help find the perfect size and fit for your unique foot shape."},
{
id: "6", title: "Are your shoes suitable for wide feet?", content: "We offer multiple width options for most styles. Contact our support team with your measurements, and we'll recommend the perfect fit for your needs."},
]}
/>
</div>
@@ -263,7 +196,40 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="LUXE STRIDE"
columns={footerColumns}
columns={[
{
title: "Shop", items: [
{ label: "New Arrivals", href: "#products" },
{ label: "Best Sellers", href: "#products" },
{ label: "Men's Collection", href: "#products" },
{ label: "Women's Collection", href: "#products" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Process", href: "#process" },
{ label: "Sustainability", href: "#" },
{ label: "Careers", href: "#" },
],
},
{
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "Shipping Info", href: "#" },
{ label: "Returns", href: "#" },
{ label: "Size Guide", href: "#" },
],
},
{
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Pinterest", href: "https://pinterest.com" },
],
},
]}
copyrightText="© 2025 Luxe Stride. All rights reserved."
/>
</div>