bender/5e1a80b4-e833-4140-b47e-fd72226cb8cb
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-06-03 10:24:51 +00:00
parent bc6193311b
commit f754d5d798
1 changed files with 71 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

359
src/app/page.tsx
View File

@@ -33,65 +33,42 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Sole & Style"
bottomLeftText="Quality Footwear"
bottomRightText="info@solestyle.com"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Step into Style & Comfort"
description="Discover our exclusive collection of footwear, crafted with passion and precision for unparalleled quality and trend-setting designs."
kpis={[
{
value: "10K+",
label: "Happy Customers",
},
value: "10K+", label: "Happy Customers"},
{
value: "50+",
label: "Unique Styles",
},
value: "50+", label: "Unique Styles"},
{
value: "5★",
label: "Average Rating",
},
value: "5★", label: "Average Rating"},
]}
enableKpiAnimation={true}
tag="Elevate Your Walk"
@@ -99,36 +76,22 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Shop New Arrivals",
href: "#products",
},
text: "Shop New Arrivals", href: "#products"},
{
text: "Explore Our Story",
href: "#about",
},
text: "Explore Our Story", href: "#about"},
]}
buttonAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
alt: "John Doe",
},
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "John Doe"},
{
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
alt: "Jane Smith",
},
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", alt: "Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/attractive-dark-skinned-male-student-with-sunglasses-his-head-looking-having-joyful-carefree-face-expression-dressed-casually-walking-down-street-after-busy-day-college_273609-1232.jpg",
alt: "Robert Brown",
},
src: "http://img.b2bpic.net/free-photo/attractive-dark-skinned-male-student-with-sunglasses-his-head-looking-having-joyful-carefree-face-expression-dressed-casually-walking-down-street-after-busy-day-college_273609-1232.jpg", alt: "Robert Brown"},
{
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
alt: "Emily White",
},
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg", alt: "Emily White"},
{
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg",
alt: "Michael Lee",
},
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg", alt: "Michael Lee"},
]}
avatarText="Join our growing community!"
imageSrc="http://img.b2bpic.net/free-photo/couple-enjoying-their-intimacy-moments_23-2149239132.jpg"
@@ -136,32 +99,22 @@ export default function LandingPage() {
mediaAnimation="opacity"
marqueeItems={[
{
type: "text-icon",
text: "Quality First",
icon: CheckCircle,
type: "text-icon", text: "Quality First", icon: CheckCircle,
},
{
type: "text-icon",
text: "Customer Love",
icon: Heart,
type: "text-icon", text: "Customer Love", icon: Heart,
},
{
type: "text-icon",
text: "Global Reach",
icon: Globe,
type: "text-icon", text: "Global Reach", icon: Globe,
},
{
type: "text-icon",
text: "Innovative Design",
icon: Lightbulb,
type: "text-icon", text: "Innovative Design", icon: Lightbulb,
},
{
type: "text-icon",
text: "Crafted to Last",
icon: Shield,
type: "text-icon", text: "Crafted to Last", icon: Shield,
},
]}
speed={40}
marqueeSpeed={40}
showMarqueeCard={true}
/>
</div>
@@ -175,19 +128,13 @@ export default function LandingPage() {
description="At Sole & Style, we believe that great shoes are built on a foundation of quality and creativity. Our journey began with a simple vision: to combine traditional artisan techniques with modern design principles. Every pair is a testament to our commitment to comfort, durability, and style."
bulletPoints={[
{
title: "Handcrafted Quality",
description: "Each shoe is meticulously crafted by skilled artisans, ensuring superior finish and longevity.",
icon: Cog,
title: "Handcrafted Quality", description: "Each shoe is meticulously crafted by skilled artisans, ensuring superior finish and longevity.", icon: Cog,
},
{
title: "Sustainable Materials",
description: "We responsibly source eco-friendly materials to minimize our environmental footprint.",
icon: Leaf,
title: "Sustainable Materials", description: "We responsibly source eco-friendly materials to minimize our environmental footprint.", icon: Leaf,
},
{
title: "Ergonomic Design",
description: "Engineered for ultimate comfort and support, our shoes are perfect for every step of your journey.",
icon: Compass,
title: "Ergonomic Design", description: "Engineered for ultimate comfort and support, our shoes are perfect for every step of your journey.", icon: Compass,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-cobbler-using-sewing-machine_171337-12295.jpg"
@@ -202,23 +149,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Cloud-like Comfort",
description: "Advanced cushioning technology provides all-day comfort, making every step feel effortless.",
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132304.jpg",
imageAlt: "Comfortable shoe sole",
},
title: "Cloud-like Comfort", description: "Advanced cushioning technology provides all-day comfort, making every step feel effortless.", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132304.jpg", imageAlt: "Comfortable shoe sole"},
{
title: "Unrivaled Durability",
description: "Constructed from premium, resilient materials designed to withstand the test of time and adventure.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-brunette-sit-tree-read-book_346278-363.jpg",
imageAlt: "Durable shoe material",
},
title: "Unrivaled Durability", description: "Constructed from premium, resilient materials designed to withstand the test of time and adventure.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-brunette-sit-tree-read-book_346278-363.jpg", imageAlt: "Durable shoe material"},
{
title: "Signature Style",
description: "From casual chic to formal elegance, our designs ensure you always step out in confidence and flair.",
imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-graffiti-wall-with-spray-bottle_23-2147839380.jpg",
imageAlt: "Stylish fashion shoes",
},
title: "Signature Style", description: "From casual chic to formal elegance, our designs ensure you always step out in confidence and flair.", imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-graffiti-wall-with-spray-bottle_23-2147839380.jpg", imageAlt: "Stylish fashion shoes"},
]}
title="Experience the Difference"
description="Our footwear is designed with you in mind, blending cutting-edge features with timeless aesthetics for an unmatched wearing experience."
@@ -233,65 +168,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Sole & Style",
name: "Classic White Trainers",
price: "$120.00",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/white-simple-knitted-high-top-slip-sneakers_53876-96610.jpg",
imageAlt: "Classic White Trainers",
},
id: "1", brand: "Sole & Style", name: "Classic White Trainers", price: "$120.00", rating: 5,
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/white-simple-knitted-high-top-slip-sneakers_53876-96610.jpg", imageAlt: "Classic White Trainers"},
{
id: "2",
brand: "Sole & Style",
name: "Men's Leather Loafers",
price: "$180.00",
rating: 4.5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/mature-shoemaker-workshop-making-shoes_171337-12240.jpg",
imageAlt: "Men's Leather Loafers",
},
id: "2", brand: "Sole & Style", name: "Men's Leather Loafers", price: "$180.00", rating: 4.5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/mature-shoemaker-workshop-making-shoes_171337-12240.jpg", imageAlt: "Men's Leather Loafers"},
{
id: "3",
brand: "Sole & Style",
name: "Vibrant Running Shoes",
price: "$95.00",
rating: 4.8,
reviewCount: "320",
imageSrc: "http://img.b2bpic.net/free-photo/woman-strethcing-park_1303-9228.jpg",
imageAlt: "Vibrant Running Shoes",
},
id: "3", brand: "Sole & Style", name: "Vibrant Running Shoes", price: "$95.00", rating: 4.8,
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/woman-strethcing-park_1303-9228.jpg", imageAlt: "Vibrant Running Shoes"},
{
id: "4",
brand: "Sole & Style",
name: "Urban High-Top Sneakers",
price: "$135.00",
rating: 4.2,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/person-posing-with-skateboard_23-2150583988.jpg",
imageAlt: "Urban High-Top Sneakers",
},
id: "4", brand: "Sole & Style", name: "Urban High-Top Sneakers", price: "$135.00", rating: 4.2,
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/person-posing-with-skateboard_23-2150583988.jpg", imageAlt: "Urban High-Top Sneakers"},
{
id: "5",
brand: "Sole & Style",
name: "Elegant Women's Heels",
price: "$160.00",
rating: 4.9,
reviewCount: "180",
imageSrc: "http://img.b2bpic.net/free-photo/slim-young-woman-shirt-black-dress-sitting-chair-white-room_613910-2873.jpg",
imageAlt: "Elegant Women's Heels",
},
id: "5", brand: "Sole & Style", name: "Elegant Women's Heels", price: "$160.00", rating: 4.9,
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/slim-young-woman-shirt-black-dress-sitting-chair-white-room_613910-2873.jpg", imageAlt: "Elegant Women's Heels"},
{
id: "6",
brand: "Sole & Style",
name: "Rugged Hiking Boots",
price: "$199.00",
rating: 4.7,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/couple-s-feet-standing-rocks_23-2148693693.jpg",
imageAlt: "Rugged Hiking Boots",
},
id: "6", brand: "Sole & Style", name: "Rugged Hiking Boots", price: "$199.00", rating: 4.7,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/couple-s-feet-standing-rocks_23-2148693693.jpg", imageAlt: "Rugged Hiking Boots"},
]}
title="Our Latest Collection"
description="Explore our diverse range of footwear, perfect for every occasion and lifestyle. Find your next favorite pair."
@@ -304,77 +197,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "May 20, 2024",
title: "Beyond Comfortable!",
quote: "I've never worn shoes that feel this good. My Sole & Style sneakers are perfect for my daily walks. Highly recommend!",
tag: "Daily Wear",
avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
avatarAlt: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/crop-women-lunging-stairs_23-2147786963.jpg",
imageAlt: "Person walking in comfortable sneakers",
},
id: "1", name: "Sarah J.", date: "May 20, 2024", title: "Beyond Comfortable!", quote: "I've never worn shoes that feel this good. My Sole & Style sneakers are perfect for my daily walks. Highly recommend!", tag: "Daily Wear", avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", avatarAlt: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/crop-women-lunging-stairs_23-2147786963.jpg", imageAlt: "Person walking in comfortable sneakers"},
{
id: "2",
name: "Mark L.",
date: "April 15, 2024",
title: "Stylish & Durable",
quote: "These running shoes are a game-changer. They look great and provide incredible support during my long runs.",
tag: "Athletic",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-concept_23-2148342427.jpg",
avatarAlt: "Mark L.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174763.jpg",
imageAlt: "Woman tying laces of running shoes",
},
id: "2", name: "Mark L.", date: "April 15, 2024", title: "Stylish & Durable", quote: "These running shoes are a game-changer. They look great and provide incredible support during my long runs.", tag: "Athletic", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-concept_23-2148342427.jpg", avatarAlt: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174763.jpg", imageAlt: "Woman tying laces of running shoes"},
{
id: "3",
name: "Emily R.",
date: "March 28, 2024",
title: "Elegance Redefined",
quote: "My new loafers are exquisitely crafted. They add a touch of sophistication to any outfit. Absolutely love them!",
tag: "Formal Wear",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling-white_1258-111693.jpg",
avatarAlt: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/male-suit-close-up-holding-coffee-hand_1303-10298.jpg",
imageAlt: "Men's leather boots on pavement",
},
id: "3", name: "Emily R.", date: "March 28, 2024", title: "Elegance Redefined", quote: "My new loafers are exquisitely crafted. They add a touch of sophistication to any outfit. Absolutely love them!", tag: "Formal Wear", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling-white_1258-111693.jpg", avatarAlt: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/male-suit-close-up-holding-coffee-hand_1303-10298.jpg", imageAlt: "Men's leather boots on pavement"},
{
id: "4",
name: "David K.",
date: "February 10, 2024",
title: "Perfect for Kids",
quote: "My son's Sole & Style shoes are not only vibrant and fun but also incredibly robust. They handle all his adventures! (He's 8)",
tag: "Kids Collection",
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg",
avatarAlt: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-boy-sitting-bed-talking-smart-phone_23-2147922227.jpg",
imageAlt: "Child's colorful sneakers playing outdoors",
},
id: "4", name: "David K.", date: "February 10, 2024", title: "Perfect for Kids", quote: "My son's Sole & Style shoes are not only vibrant and fun but also incredibly robust. They handle all his adventures! (He's 8)", tag: "Kids Collection", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg", avatarAlt: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-boy-sitting-bed-talking-smart-phone_23-2147922227.jpg", imageAlt: "Child's colorful sneakers playing outdoors"},
{
id: "5",
name: "Jessica M.",
date: "January 5, 2024",
title: "My Go-To Heels!",
quote: "These heels are surprisingly comfortable and incredibly chic. They're my first choice for any special event.",
tag: "Evening Wear",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151133955.jpg",
avatarAlt: "Jessica M.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-modern-woman-reading-magazine_23-2148415774.jpg",
imageAlt: "Foot in elegant high heel shoe",
},
id: "5", name: "Jessica M.", date: "January 5, 2024", title: "My Go-To Heels!", quote: "These heels are surprisingly comfortable and incredibly chic. They're my first choice for any special event.", tag: "Evening Wear", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151133955.jpg", avatarAlt: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-modern-woman-reading-magazine_23-2148415774.jpg", imageAlt: "Foot in elegant high heel shoe"},
{
id: "6",
name: "Michael B.",
date: "December 22, 2023",
title: "Great Couple's Shoes",
quote: "My partner and I got matching sneakers. We love the style and comfort for our weekend outings. Fantastic brand!",
tag: "Couple's Style",
avatarSrc: "http://img.b2bpic.net/free-photo/unpleased-young-brunette-caucasian-girl-stands-with-crossed-arms_141793-104161.jpg",
avatarAlt: "Michael B.",
imageSrc: "http://img.b2bpic.net/free-photo/shapely-easy-going-woman-green-sweater-dancing-th-floor_197531-6519.jpg",
imageAlt: "Couple in matching sneakers walking",
},
id: "6", name: "Michael B.", date: "December 22, 2023", title: "Great Couple's Shoes", quote: "My partner and I got matching sneakers. We love the style and comfort for our weekend outings. Fantastic brand!", tag: "Couple's Style", avatarSrc: "http://img.b2bpic.net/free-photo/unpleased-young-brunette-caucasian-girl-stands-with-crossed-arms_141793-104161.jpg", avatarAlt: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/shapely-easy-going-woman-green-sweater-dancing-th-floor_197531-6519.jpg", imageAlt: "Couple in matching sneakers walking"},
]}
title="What Our Customers Say"
description="Hear directly from those who experience the Sole & Style difference every day. Their satisfaction is our greatest reward."
@@ -386,14 +219,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue Daily",
"Runner's World",
"Urban Style",
"Eco Footwear Mag",
"Fashion Insider",
"Adventure Gear",
"Luxury Living",
]}
"Vogue Daily", "Runner's World", "Urban Style", "Eco Footwear Mag", "Fashion Insider", "Adventure Gear", "Luxury Living"]}
title="Trusted by Leading Publications"
description="Our commitment to quality and style has earned us recognition from top industry voices and satisfied customers worldwide."
speed={40}
@@ -407,30 +233,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What is your return policy?",
content: "We offer a 30-day return policy on all unworn items. Please visit our 'Returns' page for detailed instructions and eligibility.",
},
id: "1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unworn items. Please visit our 'Returns' page for detailed instructions and eligibility."},
{
id: "2",
title: "How do I find my size?",
content: "Our comprehensive size guide is available on each product page to help you find the perfect fit. We recommend measuring your foot length for accuracy.",
},
id: "2", title: "How do I find my size?", content: "Our comprehensive size guide is available on each product page to help you find the perfect fit. We recommend measuring your foot length for accuracy."},
{
id: "3",
title: "Do you offer international shipping?",
content: "Yes, we ship globally! Shipping costs and delivery times vary by region. You can find more information on our 'Shipping' page.",
},
id: "3", title: "Do you offer international shipping?", content: "Yes, we ship globally! Shipping costs and delivery times vary by region. You can find more information on our 'Shipping' page."},
{
id: "4",
title: "What materials are your shoes made from?",
content: "We use a variety of high-quality materials, including genuine leather, premium synthetic fabrics, and sustainable components. Specific materials are listed on each product's description.",
},
id: "4", title: "What materials are your shoes made from?", content: "We use a variety of high-quality materials, including genuine leather, premium synthetic fabrics, and sustainable components. Specific materials are listed on each product's description."},
{
id: "5",
title: "How do I care for my Sole & Style shoes?",
content: "Care instructions depend on the material. Generally, we recommend gentle cleaning with a damp cloth and avoiding harsh chemicals. For specific advice, please refer to the care guide included with your purchase.",
},
id: "5", title: "How do I care for my Sole & Style shoes?", content: "Care instructions depend on the material. Generally, we recommend gentle cleaning with a damp cloth and avoiding harsh chemicals. For specific advice, please refer to the care guide included with your purchase."},
]}
title="Frequently Asked Questions"
description="Have questions? We've got answers. Browse our FAQ section for common inquiries about our products and services."
@@ -442,8 +253,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
tag="Get in Touch"
title="Connect with Sole & Style"
description="Have a question about our products, an order, or just want to say hello? Our team is here to help. Reach out to us anytime!"
@@ -462,66 +272,39 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "New Arrivals",
href: "#products",
},
label: "New Arrivals", href: "#products"},
{
label: "Men's Collection",
href: "#products",
},
label: "Men's Collection", href: "#products"},
{
label: "Women's Collection",
href: "#products",
},
label: "Women's Collection", href: "#products"},
{
label: "Kids' Shoes",
href: "#products",
},
label: "Kids' Shoes", href: "#products"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Press",
href: "#",
},
label: "Press", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Shipping & Returns",
href: "#",
},
label: "Shipping & Returns", href: "#"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Size Guide",
href: "#",
},
label: "Size Guide", href: "#"},
],
},
]}