bender/3d3f1237-3d6d-4d2d-9b00-d38ef65ce9b5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-04-19 05:26:04 +00:00
parent cf6d18e809 9d601b695c
commit 0a6f03333f
1 changed files with 75 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

306
src/app/page.tsx
View File

@@ -33,17 +33,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Metro Shoes"
/>
@@ -52,83 +46,54 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Step Into Elegance"
description="Metro Shoes blends timeless craftsmanship with modern design. Discover footwear that defines sophistication for every occasion."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
text: "Shop Collection", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-shoes-bow_8353-9667.jpg"
imageAlt="Premium Metro Shoes collection"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/wedding-rings-lie-man-s-shoes_8353-11433.jpg",
alt: "Elegant leather shoe detail",
},
src: "http://img.b2bpic.net/free-photo/wedding-rings-lie-man-s-shoes_8353-11433.jpg", alt: "Elegant leather shoe detail"},
{
src: "http://img.b2bpic.net/free-photo/pair-brown-shoes-with-black-leather-sole-word-bottom_123827-23446.jpg",
alt: "Quality craftsmanship close-up",
},
src: "http://img.b2bpic.net/free-photo/pair-brown-shoes-with-black-leather-sole-word-bottom_123827-23446.jpg", alt: "Quality craftsmanship close-up"},
{
src: "http://img.b2bpic.net/free-photo/red-leather-shoes-stand-light-wooden-floor_8353-691.jpg",
alt: "Modern professional footwear",
},
src: "http://img.b2bpic.net/free-photo/red-leather-shoes-stand-light-wooden-floor_8353-691.jpg", alt: "Modern professional footwear"},
{
src: "http://img.b2bpic.net/free-photo/groom-ties-laces-his-shoes_8353-10660.jpg",
alt: "Timeless formal style",
},
src: "http://img.b2bpic.net/free-photo/groom-ties-laces-his-shoes_8353-10660.jpg", alt: "Timeless formal style"},
{
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg",
alt: "Premium finish aesthetic",
},
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg", alt: "Premium finish aesthetic"},
]}
marqueeItems={[
{
type: "text",
text: "Handcrafted Excellence",
},
type: "text", text: "Handcrafted Excellence"},
{
type: "text",
text: "Premium Materials",
},
type: "text", text: "Premium Materials"},
{
type: "text",
text: "Timeless Design",
},
type: "text", text: "Timeless Design"},
{
type: "text",
text: "Unmatched Comfort",
},
type: "text", text: "Unmatched Comfort"},
{
type: "text",
text: "Sustainable Luxury",
},
type: "text", text: "Sustainable Luxury"},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
useInvertedBackground={true}
className="bg-slate-900 text-white"
heading={[
{
type: "text",
content: "Crafting Excellence Since 1947",
},
type: "text", content: "Crafting Excellence Since 1947"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-male-craftsman-stitching-leather-parts_171337-12306.jpg",
alt: "Shoe craftsmanship",
},
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-male-craftsman-stitching-leather-parts_171337-12306.jpg", alt: "Shoe craftsmanship"},
{
type: "text",
content: "Our legacy of quality and design ensures you walk with confidence.",
},
type: "text", content: "Our legacy of quality and design ensures you walk with confidence, utilizing 3D-molded precision for perfect fit."},
]}
/>
</div>
@@ -141,41 +106,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Oxford",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-stylish-shoes-when-go-work_1163-5508.jpg",
},
id: "p1", name: "Classic Oxford", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-stylish-shoes-when-go-work_1163-5508.jpg"},
{
id: "p2",
name: "Urban Loafer",
price: "$145",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-farmer-s-leg-boots-leaning-cage-while-pigs-eating-background_342744-330.jpg",
},
id: "p2", name: "Urban Loafer", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-farmer-s-leg-boots-leaning-cage-while-pigs-eating-background_342744-330.jpg"},
{
id: "p3",
name: "Heritage Boot",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/small-plant-planted-purple-wellington-rubber-boot-with-spool-rope-hat-garden-fork-against-weathered-wall_23-2148181149.jpg",
},
id: "p3", name: "Heritage Boot", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/small-plant-planted-purple-wellington-rubber-boot-with-spool-rope-hat-garden-fork-against-weathered-wall_23-2148181149.jpg"},
{
id: "p4",
name: "Minimalist Sneaker",
price: "$110",
imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg",
},
id: "p4", name: "Minimalist Sneaker", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg"},
{
id: "p5",
name: "Monk Strap",
price: "$155",
imageSrc: "http://img.b2bpic.net/free-photo/brown-man-s-leather-derby-shoes_53876-97144.jpg",
},
id: "p5", name: "Monk Strap", price: "$155", imageSrc: "http://img.b2bpic.net/free-photo/brown-man-s-leather-derby-shoes_53876-97144.jpg"},
{
id: "p6",
name: "Classic Derby",
price: "$135",
imageSrc: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg",
},
id: "p6", name: "Classic Derby", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg"},
]}
title="Our Signature Collection"
description="Premium footwear for those who appreciate the details."
@@ -189,54 +130,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Club",
price: "$49/yr",
subtitle: "Essential benefits",
buttons: [
id: "basic", badge: "Club", price: "$49/yr", subtitle: "Essential benefits", buttons: [
{
text: "Join",
href: "#",
},
text: "Join", href: "#"},
],
features: [
"10% off all shoes",
"Free standard shipping",
],
"10% off all shoes", "Free standard shipping"],
},
{
id: "pro",
badge: "Elite",
price: "$99/yr",
subtitle: "Priority benefits",
buttons: [
id: "pro", badge: "Elite", price: "$99/yr", subtitle: "Priority benefits", buttons: [
{
text: "Join",
href: "#",
},
text: "Join", href: "#"},
],
features: [
"20% off all shoes",
"Free express shipping",
"Early access to sales",
],
"20% off all shoes", "Free express shipping", "Early access to sales"],
},
{
id: "vip",
badge: "VIP",
price: "$199/yr",
subtitle: "Ultimate luxury",
buttons: [
id: "vip", badge: "VIP", price: "$199/yr", subtitle: "Ultimate luxury", buttons: [
{
text: "Join",
href: "#",
},
text: "Join", href: "#"},
],
features: [
"30% off all shoes",
"Free worldwide shipping",
"Dedicated stylist access",
],
"30% off all shoes", "Free worldwide shipping", "Dedicated stylist access"],
},
]}
title="Subscription Plans"
@@ -246,36 +161,21 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "75+ yrs",
title: "Legacy",
items: [
"Serving generations",
"Timeless style",
],
id: "m1", value: "75+ yrs", title: "Legacy", items: [
"Serving generations", "Timeless style"],
},
{
id: "m2",
value: "1M+",
title: "Pairs Sold",
items: [
"Global reach",
"Customer satisfaction",
],
id: "m2", value: "1M+", title: "Pairs Sold", items: [
"Global reach", "Customer satisfaction"],
},
{
id: "m3",
value: "500+",
title: "Artisans",
items: [
"Skilled craftsmanship",
"Detail oriented",
],
id: "m3", value: "500+", title: "Artisans", items: [
"Skilled craftsmanship", "Detail oriented"],
},
]}
title="Our Impact"
@@ -285,29 +185,17 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
animationType="depth-3d"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "John Doe",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg",
},
id: "t1", name: "John Doe", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg"},
{
id: "t2",
name: "Jane Smith",
role: "Lead Designer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-standing-with-crossed-arms-studio-isolated-dark-background_613910-6353.jpg",
},
id: "t2", name: "Jane Smith", role: "Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-standing-with-crossed-arms-studio-isolated-dark-background_613910-6353.jpg"},
{
id: "t3",
name: "Robert Lee",
role: "Head of Crafts",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg",
},
id: "t3", name: "Robert Lee", role: "Head of Crafts", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg"},
]}
title="Our Visionaries"
description="Meet the design team behind your comfort."
@@ -316,64 +204,34 @@ export default function LandingPage() {
<div id="testimonial" data-section="testimonial">
<TestimonialCardSixteen
animationType="slide-up"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
className="bg-slate-900 text-white"
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg",
},
id: "1", name: "Sarah J.", role: "CEO", company: "TechCorp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg"},
{
id: "2",
name: "Michael C.",
role: "CTO",
company: "Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204367.jpg",
},
id: "2", name: "Michael C.", role: "CTO", company: "Innovate", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204367.jpg"},
{
id: "3",
name: "Emily R.",
role: "Marketing",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-businessman-white-shirt-looking-camera-standing-confident_1258-26762.jpg",
},
id: "3", name: "Emily R.", role: "Marketing", company: "GrowthCo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-businessman-white-shirt-looking-camera-standing-confident_1258-26762.jpg"},
{
id: "4",
name: "David K.",
role: "PM",
company: "Startup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
},
id: "4", name: "David K.", role: "PM", company: "Startup", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg"},
{
id: "5",
name: "Alex B.",
role: "Design",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",
},
id: "5", name: "Alex B.", role: "Design", company: "Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg"},
]}
kpiItems={[
{
value: "4.9/5",
label: "Avg Rating",
},
value: "4.9/5", label: "Avg Rating"},
{
value: "100k+",
label: "Happy Clients",
},
value: "100k+", label: "Happy Clients"},
{
value: "98%",
label: "Retention",
},
value: "98%", label: "Retention"},
]}
title="Customer Stories"
description="What our customers say about comfort and style."
@@ -386,61 +244,47 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How to choose my size?",
content: "Check our size guide available on each product page.",
},
id: "f1", title: "How to choose my size?", content: "Check our size guide available on each product page."},
{
id: "f2",
title: "Do you ship worldwide?",
content: "Yes, we provide international shipping to most countries.",
},
id: "f2", title: "Do you ship worldwide?", content: "Yes, we provide international shipping to most countries."},
{
id: "f3",
title: "What's the return policy?",
content: "Enjoy hassle-free returns within 30 days of purchase.",
},
id: "f3", title: "What's the return policy?", content: "Enjoy hassle-free returns within 30 days of purchase."},
]}
title="Frequently Asked"
description="Everything you need to know about your order."
faqsAnimation="slide-up"
faqsAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-casual-leather-men-shoes_1203-7707.jpg"
mediaAnimation="slide-up"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
useInvertedBackground={true}
className="bg-slate-900 text-white"
background={{
variant: "plain",
}}
variant: "glowing-orb"}}
tag="Support"
title="Let's Keep in Touch"
description="Got questions about our latest collection or an order?"
buttons={[
{
text: "Contact Us",
href: "#",
},
text: "Contact Us", href: "#"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
className="bg-slate-950 text-white"
logoText="Metro Shoes"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}