Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
289
src/app/page.tsx
289
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="StrideStyle"
|
||||
/>
|
||||
@@ -63,45 +51,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Step Up Your Style Game"
|
||||
description="Discover our latest collection of premium footwear, crafted for comfort, performance, and unparalleled style. Find your perfect pair today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Collections", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7424.jpg",
|
||||
imageAlt: "Stylish white running shoe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7424.jpg", imageAlt: "Stylish white running shoe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-leg-shoe-near-disco-ball-boots_23-2147972055.jpg",
|
||||
imageAlt: "Elegant leather formal shoe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-leg-shoe-near-disco-ball-boots_23-2147972055.jpg", imageAlt: "Elegant leather formal shoe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-elegant-green-velvet-dress-posing_273443-3358.jpg",
|
||||
imageAlt: "Vibrant pink high heels",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-elegant-green-velvet-dress-posing_273443-3358.jpg", imageAlt: "Vibrant pink high heels"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slippers-lemonade-piece-cake-books-tiles-by-pool_169016-40034.jpg",
|
||||
imageAlt: "Comfortable outdoor sandals",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slippers-lemonade-piece-cake-books-tiles-by-pool_169016-40034.jpg", imageAlt: "Comfortable outdoor sandals"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastel-colors-3d-sneakers_23-2151853243.jpg",
|
||||
imageAlt: "Colorful kids' sneakers",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastel-colors-3d-sneakers_23-2151853243.jpg", imageAlt: "Colorful kids' sneakers"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005656.jpg",
|
||||
imageAlt: "Futuristic design athletic shoe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005656.jpg", imageAlt: "Futuristic design athletic shoe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,16 +80,12 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Footwear Excellence"
|
||||
title="Our Journey: Crafting Footwear with Passion"
|
||||
description={[
|
||||
"At StrideStyle, we believe every step should be a statement. Our passion for footwear drives us to curate a diverse collection that blends the latest trends with timeless elegance and cutting-edge comfort technology.",
|
||||
"From athletic performance wear to sophisticated formal shoes, and casual everyday sneakers, each pair is selected for its quality, durability, and aesthetic appeal. We're dedicated to helping you find shoes that not only look great but feel incredible, empowering you to walk with confidence.",
|
||||
]}
|
||||
"StrideStyle was founded on a simple belief: that every foot deserves a perfect pair of shoes. For years, we've dedicated ourselves to the art of shoemaking, blending traditional craftsmanship with innovative design and materials.", "We meticulously select suppliers who share our commitment to quality and ethical production. Our story is woven into every stitch, every sole, and every pair you wear, ensuring you step out with confidence and comfort, ready for anything."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Discover Our Heritage", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,25 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Outdated Designs",
|
||||
"Poor Comfort",
|
||||
"Low Durability",
|
||||
],
|
||||
"Hidden Fees", "Slow Deliveries", "Complicated Returns", "Limited Support"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Trendsetting Styles",
|
||||
"Superior Comfort",
|
||||
"Exceptional Durability",
|
||||
],
|
||||
"Free & Fast Shipping", "Hassle-Free Returns", "Secure Online Payments", "24/7 Customer Support"],
|
||||
}}
|
||||
title="Why Choose StrideStyle?"
|
||||
description="Experience the perfect blend of fashion and function with our carefully selected footwear. We prioritize what matters most to your feet."
|
||||
title="Your Ultimate Online Shoe Shopping Experience"
|
||||
description="At StrideStyle, we make finding your perfect pair seamless and rewarding. Enjoy these benefits when you shop with us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Benefits",
|
||||
href: "#",
|
||||
},
|
||||
text: "Shop with Confidence", href: "#products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,55 +120,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "shoe-1",
|
||||
name: "Urban Glide Sneakers",
|
||||
price: "$99.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-tying-shoelaces-outdoors_23-2148758499.jpg",
|
||||
imageAlt: "Urban Glide Sneakers",
|
||||
},
|
||||
id: "shoe-1", name: "Urban Glide Sneakers", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/teenager-tying-shoelaces-outdoors_23-2148758499.jpg", imageAlt: "Urban Glide Sneakers"},
|
||||
{
|
||||
id: "shoe-2",
|
||||
name: "Velocity Run Pro",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sport-composition-with-gym-elements_23-2148000473.jpg",
|
||||
imageAlt: "Velocity Run Pro",
|
||||
},
|
||||
id: "shoe-2", name: "Velocity Run Pro", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/modern-sport-composition-with-gym-elements_23-2148000473.jpg", imageAlt: "Velocity Run Pro"},
|
||||
{
|
||||
id: "shoe-3",
|
||||
name: "Classic Oxford Boots",
|
||||
price: "$189.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-boots-old-steps-closeup_169016-33845.jpg",
|
||||
imageAlt: "Classic Oxford Boots",
|
||||
},
|
||||
id: "shoe-3", name: "Classic Oxford Boots", price: "$189.99", imageSrc: "http://img.b2bpic.net/free-photo/man-boots-old-steps-closeup_169016-33845.jpg", imageAlt: "Classic Oxford Boots"},
|
||||
{
|
||||
id: "shoe-4",
|
||||
name: "Summer Breeze Sandals",
|
||||
price: "$64.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-hibiscus-tea-beverage_52683-102973.jpg",
|
||||
imageAlt: "Summer Breeze Sandals",
|
||||
},
|
||||
id: "shoe-4", name: "Summer Breeze Sandals", price: "$64.99", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-hibiscus-tea-beverage_52683-102973.jpg", imageAlt: "Summer Breeze Sandals"},
|
||||
{
|
||||
id: "shoe-5",
|
||||
name: "Playtime Sprint Kids",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holi-color-white-canvas-shoes-green-grass_23-2148129240.jpg",
|
||||
imageAlt: "Playtime Sprint Kids",
|
||||
},
|
||||
id: "shoe-5", name: "Playtime Sprint Kids", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/holi-color-white-canvas-shoes-green-grass_23-2148129240.jpg", imageAlt: "Playtime Sprint Kids"},
|
||||
{
|
||||
id: "shoe-6",
|
||||
name: "Summit Trekker Boots",
|
||||
price: "$159.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hanging-camera_23-2147635487.jpg",
|
||||
imageAlt: "Summit Trekker Boots",
|
||||
},
|
||||
id: "shoe-6", name: "Summit Trekker Boots", price: "$159.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hanging-camera_23-2147635487.jpg", imageAlt: "Summit Trekker Boots"},
|
||||
]}
|
||||
title="Our Signature Collections"
|
||||
description="Explore our diverse range of footwear, from cutting-edge sneakers to elegant dress shoes, all designed with your comfort and style in mind."
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Products",
|
||||
href: "#",
|
||||
},
|
||||
text: "View All Products", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -221,43 +148,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessicalane",
|
||||
testimonial: "Absolutely love my new sneakers! They're so comfortable and stylish, perfect for my daily walks. StrideStyle always delivers on quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-organizing-their-knitting-products_23-2149397795.jpg",
|
||||
},
|
||||
id: "1", name: "Jessica L.", handle: "@jessicalane", testimonial: "My new Urban Glide Sneakers are a dream! Super comfy for city walks and they look fantastic. StrideStyle never disappoints on style and quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-organizing-their-knitting-products_23-2149397795.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark T.",
|
||||
handle: "@marktrav",
|
||||
testimonial: "The formal shoes I ordered exceeded my expectations. Impeccable craftsmanship and incredibly comfortable for long workdays. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
id: "2", name: "Mark T.", handle: "@marktrav", testimonial: "The Classic Oxford Boots are incredibly well-made and surprisingly comfortable. Perfect for long days at the office. Definitely a 5-star product!", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah_p",
|
||||
testimonial: "Finally found a pair of heels that don't hurt my feet! StrideStyle combines elegance with comfort like no other. I'm a customer for life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2516.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah P.", handle: "@sarah_p", testimonial: "I finally found elegant heels that are comfortable enough to wear all night! The craftsmanship is superb. StrideStyle combines fashion with real comfort.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2516.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David R.",
|
||||
handle: "@david_runs",
|
||||
testimonial: "My running shoes from StrideStyle are a game-changer. Lightweight, great support, and they look fantastic. My best running experience yet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2148006271.jpg",
|
||||
},
|
||||
id: "4", name: "David R.", handle: "@david_runs", testimonial: "The Velocity Run Pro are a game-changer for my runs. Lightweight, great support, and they look fantastic. My best running experience yet, highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2148006271.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily C.",
|
||||
handle: "@emily.chloe",
|
||||
testimonial: "The kids' shoes are durable and so cute! My little one loves them, and I love that they can withstand all their playtime adventures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-woman-sitting-outdoors-park-using-laptop-computer_171337-13796.jpg",
|
||||
},
|
||||
id: "5", name: "Emily C.", handle: "@emily.chloe", testimonial: "The Playtime Sprint Kids sneakers are so durable and cute! My child loves them, and they hold up to all their adventures. Great quality for active kids.", imageSrc: "http://img.b2bpic.net/free-photo/african-woman-sitting-outdoors-park-using-laptop-computer_171337-13796.jpg"},
|
||||
]}
|
||||
title="Hear What Our Customers Are Saying"
|
||||
description="Our shoes speak for themselves, but don't just take our word for it. Read real product reviews from satisfied StrideStyle wearers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Submit Your Review", href: "#contact"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from those who've experienced the StrideStyle difference. Your satisfaction is our greatest achievement."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -266,16 +172,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"GQ",
|
||||
"Fashionista",
|
||||
"Hypebeast",
|
||||
"SneakerNews",
|
||||
"Footwear Daily",
|
||||
"Style Edit",
|
||||
]}
|
||||
title="Trusted by Fashion Enthusiasts"
|
||||
description="Our commitment to quality and style has resonated with trendsetters and everyday wearers alike."
|
||||
"Vogue", "GQ", "Fashionista", "Hypebeast", "SneakerNews", "Footwear Daily", "Style Edit"]}
|
||||
title="Loved by Customers, Recognized by Experts"
|
||||
description="Our quality footwear and commitment to satisfaction earn us high praise from both our valued customers and leading fashion publications."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -285,30 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy on all unworn items, starting from the date of delivery. Items must be in their original packaging with tags attached. Please visit our 'Returns' page for detailed instructions.",
|
||||
},
|
||||
id: "faq-1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unworn items, starting from the date of delivery. Items must be in their original packaging with tags attached. Please visit our 'Returns' page for detailed instructions."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How do I find my shoe size?",
|
||||
content: "We provide a comprehensive sizing guide on each product page, including measurements and conversion charts. We recommend measuring your foot length to ensure the best fit.",
|
||||
},
|
||||
id: "faq-2", title: "How do I find my shoe size?", content: "We provide a comprehensive sizing guide on each product page, including measurements and conversion charts. We recommend measuring your foot length to ensure the best fit."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more information on our 'Shipping' page during checkout.",
|
||||
},
|
||||
id: "faq-3", title: "Do you offer international shipping?", content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more information on our 'Shipping' page during checkout."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Are your shoes ethically sourced?",
|
||||
content: "Sustainability and ethical practices are at the core of our brand. We partner with manufacturers who adhere to fair labor practices and utilize environmentally friendly materials whenever possible.",
|
||||
},
|
||||
id: "faq-4", title: "Are your shoes ethically sourced?", content: "Sustainability and ethical practices are at the core of our brand. We partner with manufacturers who adhere to fair labor practices and utilize environmentally friendly materials whenever possible."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "How can I track my order?",
|
||||
content: "Once your order is shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor your package's journey directly from the carrier's website.",
|
||||
},
|
||||
id: "faq-5", title: "How can I track my order?", content: "Once your order is shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor your package's journey directly from the carrier's website."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to your most common inquiries about our products and services."
|
||||
@@ -320,18 +204,17 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Have Questions? We're Here to Help."
|
||||
description="Reach out to our customer support team for any inquiries, styling advice, or feedback. We're committed to providing you with the best experience."
|
||||
variant: "plain"}}
|
||||
tag="Customer Support"
|
||||
title="Need Assistance? We're Here to Help."
|
||||
description="Our dedicated support team is ready to assist you with any questions about your order, product details, sizing, or returns. Reach out via the form below or our contact channels."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-shopping-mall-looking-pair-new-shoes_1303-29615.jpg"
|
||||
imageAlt="Modern shoe store interior"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="left"
|
||||
inputPlaceholder="Enter your email for updates"
|
||||
buttonText="Subscribe"
|
||||
termsText="By clicking Subscribe, you're confirming that you agree with our Terms and Conditions and Privacy Policy."
|
||||
inputPlaceholder="Enter your email for support inquiries"
|
||||
buttonText="Send Inquiry"
|
||||
termsText="By clicking Send Inquiry, you're confirming that you agree with our Terms and Conditions and Privacy Policy and are submitting a support request."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -343,77 +226,47 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
{
|
||||
label: "Sales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sales", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Company", href: "#about"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
|
||||
Reference in New Issue
Block a user