4 Commits

Author SHA1 Message Date
7c155d4604 Update src/app/page.tsx 2026-05-21 01:46:41 +00:00
079b83a43e Merge version_2 into main
Merge version_2 into main
2026-05-21 01:46:30 +00:00
b52514cb1d Update src/app/page.tsx 2026-05-21 01:46:27 +00:00
8c8fe34dd0 Merge version_1 into main
Merge version_1 into main
2026-05-21 01:45:06 +00:00

View File

@@ -32,133 +32,39 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Shop Shoes", id: "products" },
id: "hero", { name: "Our Brand", id: "about" },
}, { name: "Help", id: "faq" },
{
name: "Shop",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Support",
id: "faq",
},
]} ]}
brandName="EliteStyle" brandName="MendiShoes"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardTestimonial <HeroBillboardTestimonial
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "gradient-bars" }}
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."
title="Unmatched Performance, Iconic Style."
description="Discover the latest collection from industry leaders including Asics, Nike, and Adidas. Elevate your movement with premium craftsmanship."
testimonials={[ testimonials={[
{ { name: "Alex R.", handle: "@alexrunner", testimonial: "The selection is unbeatable for my daily training.", rating: 5 },
name: "Alex R.", { name: "Sarah K.", handle: "@stylefinder", testimonial: "Style meets comfort perfectly in these latest drops.", rating: 5 },
handle: "@alexrunner", { name: "Marcus L.", handle: "@marcusmoves", testimonial: "High-performance gear that handles any terrain.", rating: 5 }
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",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-outdoor-against-window_627829-2285.jpg?_wi=2" 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" imageAlt="Performance apparel and footwear showcase"
avatars={[ marqueeItems={[{ type: "text", text: "Performance Footwear" }, { type: "text", text: "Athleisure Apparel" }, { type: "text", text: "Global Brands" }, { type: "text", text: "Authenticity Guaranteed" }]}
{
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",
},
]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={false} useInvertedBackground={false}
tag="Our Story" tag="Our Mission"
title="Crafted for the Competitive Spirit" title="Defining Modern Movement"
description="We bridge the gap between elite performance and daily style, curating footwear that keeps you ahead of the curve." description="MendiClothes brings together the best in performance technology and street-ready style. We curate collections that empower athletes and trendsetters."
subdescription="Our team rigorously tests every brand—from Asics to Nike—to ensure that only the most reliable gear makes it to your feet." 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} icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/black-model-posing-with-vinyls_23-2148171761.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/black-model-posing-with-vinyls_23-2148171761.jpg?_wi=2"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -171,30 +77,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { id: "f1", title: "Performance Tech", subtitle: "Advanced Support", category: "Footwear", value: "Pro-Grade" },
id: "f1", { id: "f2", title: "Street Ready", subtitle: "Urban Aesthetics", category: "Apparel", value: "Trending" },
title: "Premium Brands", { id: "f3", title: "Expert Curation", subtitle: "Top-Tier Brands", category: "Selection", value: "Authentic" },
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",
},
]} ]}
title="Why Choose EliteStyle?" title="Why Choose MendiShoes?"
description="We specialize in high-performance footwear that blends modern aesthetics with cutting-edge comfort technology." description="We blend innovative materials and iconic silhouettes to bring you the best footwear and clothing retail experience."
/> />
</div> </div>
@@ -205,45 +93,13 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "p1", name: "Elite Runner v2", price: "$130", imageSrc: "http://img.b2bpic.net/free-photo/mans-shoe-used-formal-events_1194-638978.jpg" },
id: "p1", { id: "p2", name: "Street Trainer", price: "$115", imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-8658.jpg" },
name: "Apex Runner", { id: "p3", name: "Performance Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-sports-woman-listening-music_171337-7993.jpg" },
price: "$120", { id: "p4", name: "Athleisure Jogger", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/man-athletic-wear-stairs-outdoors_23-2148773871.jpg" },
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",
},
]} ]}
title="Latest Collections" title="Core Collections"
description="Explore the latest models from our featured brands, selected for durability and style." description="Browse our hand-picked selection of high-performance footwear and apparel for your next goal."
/> />
</div> </div>
@@ -252,64 +108,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { 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: "t1", { 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" },
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",
},
]} ]}
title="Loved by Athletes" title="Athletes & Enthusiasts"
description="See why top competitors rely on our curated footwear collection." description="Hear from our community of runners, coaches, and daily trendsetters."
/> />
</div> </div>
@@ -319,30 +122,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { 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: "m1", { 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" },
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",
},
]} ]}
title="By The Numbers" title="Impact In Numbers"
description="Serving elite athletes and fashion enthusiasts alike." description="Delivering performance where it matters most."
/> />
</div> </div>
@@ -350,24 +134,11 @@ export default function LandingPage() {
<FaqSplitText <FaqSplitText
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "q1", title: "Authenticity Policy", content: "We guarantee 100% authenticity for all footwear and apparel brands." },
id: "q1", { id: "q2", title: "Returns", content: "Easy 30-day returns on all items." },
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.",
},
]} ]}
sideTitle="Questions?" 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" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -375,52 +146,21 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", text="Join the MendiShoes community for early release notifications."
}} buttons={[{ text: "Join Newsletter", href: "#" }]}
text="Ready to upgrade your gear? Join our newsletter for early access to new Asics and Nike releases."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/fashionable-african-american-woman-wear-beret-coat-with-handbag-posing-outdoor_627829-5514.jpg" 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={[ columns={[
{ { title: "Catalog", items: [{ label: "Footwear", href: "#" }, { label: "Apparel", href: "#" }] },
title: "Products", { title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Contact", href: "#" }] },
items: [
{
label: "Shoes",
href: "#",
},
{
label: "Clothing",
href: "#",
},
],
},
{
title: "About",
items: [
{
label: "Our Story",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
]} ]}
copyrightText="© 2025 | EliteStyle Athletics" copyrightText="© 2025 | MendiClothes Apparel"
/> />
</div> </div>
</ReactLenis> </ReactLenis>