Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7c155d4604 | |||
| 079b83a43e | |||
| b52514cb1d | |||
| 8c8fe34dd0 |
354
src/app/page.tsx
354
src/app/page.tsx
@@ -32,133 +32,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop Shoes", id: "products" },
|
||||
{ name: "Our Brand", id: "about" },
|
||||
{ name: "Help", id: "faq" },
|
||||
]}
|
||||
brandName="EliteStyle"
|
||||
brandName="MendiShoes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unmatched Performance, Iconic Style."
|
||||
description="Discover the latest collection from industry leaders including Asics, Nike, and Adidas. Elevate your movement with premium craftsmanship."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Engineered for Your Stride."
|
||||
description="Premium performance footwear and apparel. From track-ready designs to urban essentials, elevate your movement with world-class gear."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexrunner",
|
||||
testimonial: "The best selection of athletic shoes I've ever found.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-outdoor-against-window_627829-2285.jpg?_wi=1",
|
||||
imageAlt: "modern footwear storefront minimalist",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@stylefinder",
|
||||
testimonial: "Finally found the perfect fit for my training routine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-model-posing-with-vinyls_23-2148171761.jpg?_wi=1",
|
||||
imageAlt: "modern footwear storefront minimalist",
|
||||
},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
handle: "@marcusmoves",
|
||||
testimonial: "Asics collection is top-tier. Extremely satisfied.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foot-pedal_23-2149130779.jpg?_wi=1",
|
||||
imageAlt: "modern footwear storefront minimalist",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elenafit",
|
||||
testimonial: "Excellent service and lightning fast delivery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894495.jpg?_wi=1",
|
||||
imageAlt: "modern footwear storefront minimalist",
|
||||
},
|
||||
{
|
||||
name: "Tom J.",
|
||||
handle: "@tjactive",
|
||||
testimonial: "Reliable quality and great styles every season.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-feet-girl-sneakers-rides-orange-penny-skateboard-asphalt_158538-13818.jpg?_wi=1",
|
||||
imageAlt: "modern footwear storefront minimalist",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alexrunner", testimonial: "The selection is unbeatable for my daily training.", rating: 5 },
|
||||
{ name: "Sarah K.", handle: "@stylefinder", testimonial: "Style meets comfort perfectly in these latest drops.", rating: 5 },
|
||||
{ name: "Marcus L.", handle: "@marcusmoves", testimonial: "High-performance gear that handles any terrain.", rating: 5 }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-outdoor-against-window_627829-2285.jpg?_wi=2"
|
||||
imageAlt="Collection showcase"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-sandals-near-shopping-bags_23-2148238183.jpg",
|
||||
alt: "Customer portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-luxury-wedding-rings-bride-heels_8353-85.jpg",
|
||||
alt: "Customer portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-partners-standing-apart_23-2148976592.jpg",
|
||||
alt: "Customer portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-bench-with-boxes_23-2148734484.jpg",
|
||||
alt: "Customer portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-showing-her-shoes_23-2148303833.jpg",
|
||||
alt: "Customer portrait 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Brands",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Athletic Focus",
|
||||
},
|
||||
]}
|
||||
imageAlt="Performance apparel and footwear showcase"
|
||||
marqueeItems={[{ type: "text", text: "Performance Footwear" }, { type: "text", text: "Athleisure Apparel" }, { type: "text", text: "Global Brands" }, { type: "text", text: "Authenticity Guaranteed" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafted for the Competitive Spirit"
|
||||
description="We bridge the gap between elite performance and daily style, curating footwear that keeps you ahead of the curve."
|
||||
subdescription="Our team rigorously tests every brand—from Asics to Nike—to ensure that only the most reliable gear makes it to your feet."
|
||||
tag="Our Mission"
|
||||
title="Defining Modern Movement"
|
||||
description="MendiClothes brings together the best in performance technology and street-ready style. We curate collections that empower athletes and trendsetters."
|
||||
subdescription="Every piece in our shop is selected for its build quality, ergonomic benefits, and lasting design. We believe performance isn't just for the track—it's for life."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-model-posing-with-vinyls_23-2148171761.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -171,30 +77,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Brands",
|
||||
subtitle: "Curated selection",
|
||||
category: "Quality",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ergonomic Fit",
|
||||
subtitle: "Designed for impact",
|
||||
category: "Design",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Expert Service",
|
||||
subtitle: "Direct support",
|
||||
category: "Experience",
|
||||
value: "Top",
|
||||
},
|
||||
{ id: "f1", title: "Performance Tech", subtitle: "Advanced Support", category: "Footwear", value: "Pro-Grade" },
|
||||
{ id: "f2", title: "Street Ready", subtitle: "Urban Aesthetics", category: "Apparel", value: "Trending" },
|
||||
{ id: "f3", title: "Expert Curation", subtitle: "Top-Tier Brands", category: "Selection", value: "Authentic" },
|
||||
]}
|
||||
title="Why Choose EliteStyle?"
|
||||
description="We specialize in high-performance footwear that blends modern aesthetics with cutting-edge comfort technology."
|
||||
title="Why Choose MendiShoes?"
|
||||
description="We blend innovative materials and iconic silhouettes to bring you the best footwear and clothing retail experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -205,45 +93,13 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Apex Runner",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mans-shoe-used-formal-events_1194-638978.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velocity Pro",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-8658.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Dynamic Trainer",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005740.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Street Classic",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-sports-woman-listening-music_171337-7993.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Urban Elite",
|
||||
price: "$135",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-athletic-wear-stairs-outdoors_23-2148773871.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pulse Energy",
|
||||
price: "$140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sneakers-white-background-fitness-wear-equipment-sport-fashion-sport-accessories-sport-equipment-healthy-concept-copy-space-concept-healthy-lifestyle-sport-diet-sport-equipment_1391-726.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Elite Runner v2", price: "$130", imageSrc: "http://img.b2bpic.net/free-photo/mans-shoe-used-formal-events_1194-638978.jpg" },
|
||||
{ id: "p2", name: "Street Trainer", price: "$115", imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-8658.jpg" },
|
||||
{ id: "p3", name: "Performance Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-sports-woman-listening-music_171337-7993.jpg" },
|
||||
{ id: "p4", name: "Athleisure Jogger", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/man-athletic-wear-stairs-outdoors_23-2148773871.jpg" },
|
||||
]}
|
||||
title="Latest Collections"
|
||||
description="Explore the latest models from our featured brands, selected for durability and style."
|
||||
title="Core Collections"
|
||||
description="Browse our hand-picked selection of high-performance footwear and apparel for your next goal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -252,64 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark S.",
|
||||
date: "Jan 2025",
|
||||
title: "Pro Runner",
|
||||
quote: "Incredible quality and support.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-blogger-holding-shoe-heel-sneakers-hands-happily-recording-new-fashion-video-vlog-camera_574295-5292.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-outdoor-against-window_627829-2285.jpg?_wi=3",
|
||||
imageAlt: "happy customer footwear store",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julie A.",
|
||||
date: "Dec 2024",
|
||||
title: "Triathlete",
|
||||
quote: "The best Asics selection in the city.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/patient-hands-adjusting-ankle-strap-exercise-setup_169016-71238.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-model-posing-with-vinyls_23-2148171761.jpg?_wi=3",
|
||||
imageAlt: "happy customer footwear store",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
date: "Nov 2024",
|
||||
title: "Fitness Coach",
|
||||
quote: "Reliable and fast shipping.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/full-length-fashion-portrait-stunning-stylish-blonde-woman-with-long-tanned-legs-posing-street-spring-autumn-time-trendy-outfit-accessories_291049-320.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foot-pedal_23-2149130779.jpg?_wi=2",
|
||||
imageAlt: "happy customer footwear store",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah R.",
|
||||
date: "Oct 2024",
|
||||
title: "Marathoner",
|
||||
quote: "Perfect sizing and design every time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-mat_23-2148419858.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894495.jpg?_wi=2",
|
||||
imageAlt: "happy customer footwear store",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin L.",
|
||||
date: "Sep 2024",
|
||||
title: "Gym Owner",
|
||||
quote: "Top-tier inventory, highly recommended.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-isolated-black-suit-holding-pait-shoes_285396-437.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-feet-girl-sneakers-rides-orange-penny-skateboard-asphalt_158538-13818.jpg?_wi=2",
|
||||
imageAlt: "happy customer footwear store",
|
||||
},
|
||||
{ id: "t1", name: "Mark S.", date: "Jan 2025", title: "Pro Athlete", quote: "Best selection for performance footwear.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-blogger-holding-shoe-heel-sneakers-hands-happily-recording-new-fashion-video-vlog-camera_574295-5292.jpg" },
|
||||
{ id: "t2", name: "Julie A.", date: "Dec 2024", title: "Runner", quote: "Stunning apparel, perfect fit for my training.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/patient-hands-adjusting-ankle-strap-exercise-setup_169016-71238.jpg" },
|
||||
]}
|
||||
title="Loved by Athletes"
|
||||
description="See why top competitors rely on our curated footwear collection."
|
||||
title="Athletes & Enthusiasts"
|
||||
description="Hear from our community of runners, coaches, and daily trendsetters."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -319,30 +122,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
description: "Athletes served globally",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165164.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Styles Available",
|
||||
description: "Across major brands",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163333.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Our quality guarantee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15k+", title: "Striders Served", description: "Global athlete community", imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165164.jpg" },
|
||||
{ id: "m2", value: "800+", title: "Items Stocked", description: "Footwear & Clothing", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163333.jpg" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Serving elite athletes and fashion enthusiasts alike."
|
||||
title="Impact In Numbers"
|
||||
description="Delivering performance where it matters most."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -350,24 +134,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to all major countries with tracked delivery options.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy for all unworn footwear.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are these authentic brands?",
|
||||
content: "100% authentic—we source directly from authorized distributors.",
|
||||
},
|
||||
{ id: "q1", title: "Authenticity Policy", content: "We guarantee 100% authenticity for all footwear and apparel brands." },
|
||||
{ id: "q2", title: "Returns", content: "Easy 30-day returns on all items." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Find answers to our most common shipping, return, and sizing questions."
|
||||
sideDescription="We are here to support your shopping experience."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -375,55 +146,24 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to upgrade your gear? Join our newsletter for early access to new Asics and Nike releases."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Join the MendiShoes community for early release notifications."
|
||||
buttons={[{ text: "Join Newsletter", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-african-american-woman-wear-beret-coat-with-handbag-posing-outdoor_627829-5514.jpg"
|
||||
logoText="EliteStyle"
|
||||
logoText="MendiShoes"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Shoes",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Clothing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Catalog", items: [{ label: "Footwear", href: "#" }, { label: "Apparel", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | EliteStyle Athletics"
|
||||
copyrightText="© 2025 | MendiClothes Apparel"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user