bender/450cffc7-26d0-4e73-950f-98ffed12f7b1
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-03-08 17:34:08 +00:00
parent 6baa6bb0c8
commit 30de47f89d
1 changed files with 50 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
src/app/page.tsx
View File

@@ -30,7 +30,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="fluid"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
@@ -49,32 +49,20 @@ export default function HomePage() {
description="Experience premium shopping redefined. Explore hand-selected collections, seamless discovery, and effortless checkout—where elegance meets simplicity."
tag="Welcome to Excellence"
tagAnimation="slide-up"
background={{ variant: "fluid" }}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg?_wi=1"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg"
imageAlt="Metro Maison Premium Storefront"
mediaAnimation="opacity"
testimonials={[
{
name: "Sophie Laurent",
handle: "Fashion Director, Vogue",
testimonial: "Metro Maison has redefined luxury ecommerce. Every detail speaks elegance.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg?_wi=1",
},
name: "Sophie Laurent", handle: "Fashion Director, Vogue", testimonial: "Metro Maison has redefined luxury ecommerce. Every detail speaks elegance.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg"},
{
name: "James Mitchell",
handle: "Luxury Brand CEO",
testimonial: "The shopping experience is unmatched. Premium quality meets intuitive design.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg?_wi=1",
},
name: "James Mitchell", handle: "Luxury Brand CEO", testimonial: "The shopping experience is unmatched. Premium quality meets intuitive design.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg"},
{
name: "Elena Rodriguez",
handle: "Style Curator",
testimonial: "Curated collections that perfectly capture modern luxury aesthetic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg?_wi=1",
},
name: "Elena Rodriguez", handle: "Style Curator", testimonial: "Curated collections that perfectly capture modern luxury aesthetic.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg"},
]}
testimonialRotationInterval={5000}
buttons={[
@@ -94,28 +82,13 @@ export default function HomePage() {
tagAnimation="slide-up"
products={[
{
id: "1",
name: "Italian Leather Crossbody",
price: "$320.00",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-with-chair-hat_23-2149392873.jpg?_wi=1",
imageAlt: "Premium Italian leather crossbody bag",
initialQuantity: 1,
id: "1", name: "Italian Leather Crossbody", price: "$320.00", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-with-chair-hat_23-2149392873.jpg", imageAlt: "Premium Italian leather crossbody bag", initialQuantity: 1,
},
{
id: "2",
name: "Swiss Automatic Watch",
price: "$890.00",
imageSrc: "http://img.b2bpic.net/free-psd/black-friday-super-sale-social-media-banner-instagram-post-template_106176-5912.jpg?_wi=1",
imageAlt: "Luxury Swiss automatic timepiece",
initialQuantity: 1,
id: "2", name: "Swiss Automatic Watch", price: "$890.00", imageSrc: "http://img.b2bpic.net/free-psd/black-friday-super-sale-social-media-banner-instagram-post-template_106176-5912.jpg", imageAlt: "Luxury Swiss automatic timepiece", initialQuantity: 1,
},
{
id: "3",
name: "Designer Polarized Shades",
price: "$245.00",
imageSrc: "http://img.b2bpic.net/free-photo/looking-white-closeup-space-lifestyle-pretty_1303-3414.jpg?_wi=1",
imageAlt: "Premium designer polarized sunglasses",
initialQuantity: 1,
id: "3", name: "Designer Polarized Shades", price: "$245.00", imageSrc: "http://img.b2bpic.net/free-photo/looking-white-closeup-space-lifestyle-pretty_1303-3414.jpg", imageAlt: "Premium designer polarized sunglasses", initialQuantity: 1,
},
]}
gridVariant="three-columns-all-equal-width"
@@ -136,13 +109,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Minimalist Essentials",
"Urban Explorer",
"Elevated Everyday",
"Sophisticated Timeless",
"Contemporary Luxury",
"Curated Classics",
]}
"Minimalist Essentials", "Urban Explorer", "Elevated Everyday", "Sophisticated Timeless", "Contemporary Luxury", "Curated Classics"]}
speed={35}
showCard={true}
/>
@@ -156,35 +123,19 @@ export default function HomePage() {
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "50K",
title: "Happy Customers",
description: "Worldwide satisfaction verified",
icon: Users,
id: "1", value: "50K", title: "Happy Customers", description: "Worldwide satisfaction verified", icon: Users,
},
{
id: "2",
value: "15",
title: "Years of Excellence",
description: "In luxury curation and retail",
icon: Trophy,
id: "2", value: "15", title: "Years of Excellence", description: "In luxury curation and retail", icon: Trophy,
},
{
id: "3",
value: "98%",
title: "Quality Guarantee",
description: "Authenticity verified on every item",
icon: CheckCircle,
id: "3", value: "98%", title: "Quality Guarantee", description: "Authenticity verified on every item", icon: CheckCircle,
},
{
id: "4",
value: "48h",
title: "Fast Shipping",
description: "Worldwide delivery excellence",
icon: Zap,
id: "4", value: "48h", title: "Fast Shipping", description: "Worldwide delivery excellence", icon: Zap,
},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
@@ -202,34 +153,16 @@ export default function HomePage() {
features={[
{
id: 1,
tag: "Curation",
title: "Hand-Selected Items",
subtitle: "Vetted Excellence",
description:
"Every product passes rigorous authenticity and quality checks. Our expert team curates only the finest pieces for your discerning taste.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg?_wi=1",
imageAlt: "Luxury curation process",
},
tag: "Curation", title: "Hand-Selected Items", subtitle: "Vetted Excellence", description:
"Every product passes rigorous authenticity and quality checks. Our expert team curates only the finest pieces for your discerning taste.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg", imageAlt: "Luxury curation process"},
{
id: 2,
tag: "Security",
title: "Secure Transactions",
subtitle: "Peace of Mind",
description:
"Bank-level encryption protects every purchase. Flexible payment options with buyer protection on all orders.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg?_wi=2",
imageAlt: "Secure checkout experience",
},
tag: "Security", title: "Secure Transactions", subtitle: "Peace of Mind", description:
"Bank-level encryption protects every purchase. Flexible payment options with buyer protection on all orders.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg", imageAlt: "Secure checkout experience"},
{
id: 3,
tag: "Support",
title: "Premium Customer Care",
subtitle: "Always Available",
description:
"Dedicated support team available 24/7. Hassle-free returns, exchanges, and personalized shopping assistance.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg?_wi=3",
imageAlt: "Customer service excellence",
},
tag: "Support", title: "Premium Customer Care", subtitle: "Always Available", description:
"Dedicated support team available 24/7. Hassle-free returns, exchanges, and personalized shopping assistance.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg", imageAlt: "Customer service excellence"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -246,41 +179,17 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Alexandra Chen",
role: "Art Director, NYC",
testimonial:
"Finally, a platform that understands luxury without pretension. Every interaction feels thoughtful and refined.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg?_wi=2",
imageAlt: "Alexandra Chen",
},
id: "1", name: "Alexandra Chen", role: "Art Director, NYC", testimonial:
"Finally, a platform that understands luxury without pretension. Every interaction feels thoughtful and refined.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg", imageAlt: "Alexandra Chen"},
{
id: "2",
name: "Marcus Sterling",
role: "Entrepreneur, London",
testimonial:
"The attention to detail is remarkable. From product photography to checkout flow—everything is premium.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg?_wi=2",
imageAlt: "Marcus Sterling",
},
id: "2", name: "Marcus Sterling", role: "Entrepreneur, London", testimonial:
"The attention to detail is remarkable. From product photography to checkout flow—everything is premium.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg", imageAlt: "Marcus Sterling"},
{
id: "3",
name: "Isabelle Moreau",
role: "Fashion Editor, Paris",
testimonial:
"Metro Maison has set a new standard for online luxury retail. Impeccable curation and flawless execution.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg?_wi=2",
imageAlt: "Isabelle Moreau",
},
id: "3", name: "Isabelle Moreau", role: "Fashion Editor, Paris", testimonial:
"Metro Maison has set a new standard for online luxury retail. Impeccable curation and flawless execution.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg", imageAlt: "Isabelle Moreau"},
{
id: "4",
name: "David Park",
role: "CEO, Seoul Tech",
testimonial:
"The global perspective combined with local understanding creates an unmatched shopping experience.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg?_wi=1",
imageAlt: "David Park",
},
id: "4", name: "David Park", role: "CEO, Seoul Tech", testimonial:
"The global perspective combined with local understanding creates an unmatched shopping experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageAlt: "David Park"},
]}
textboxLayout="default"
animationType="blur-reveal"
@@ -296,41 +205,23 @@ export default function HomePage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "How do you verify product authenticity?",
content:
"Every item undergoes multi-stage authentication by our expert team. We work directly with verified suppliers and maintain complete chain-of-custody documentation. All products come with authenticity guarantees.",
},
id: "1", title: "How do you verify product authenticity?", content:
"Every item undergoes multi-stage authentication by our expert team. We work directly with verified suppliers and maintain complete chain-of-custody documentation. All products come with authenticity guarantees."},
{
id: "2",
title: "What is your return policy?",
content:
"We offer 60 days hassle-free returns on most items. If a product doesn't meet your expectations, simply initiate a return through your account dashboard. Shipping is prepaid for returns.",
},
id: "2", title: "What is your return policy?", content:
"We offer 60 days hassle-free returns on most items. If a product doesn't meet your expectations, simply initiate a return through your account dashboard. Shipping is prepaid for returns."},
{
id: "3",
title: "How long does shipping take?",
content:
"Standard shipping takes 5-7 business days worldwide. Express shipping (2-3 days) is available for most locations. International orders may have additional customs clearance time.",
},
id: "3", title: "How long does shipping take?", content:
"Standard shipping takes 5-7 business days worldwide. Express shipping (2-3 days) is available for most locations. International orders may have additional customs clearance time."},
{
id: "4",
title: "Is my payment information secure?",
content:
"Yes. We use bank-level AES-256 encryption for all transactions. We're PCI-DSS compliant and never store full credit card details. All payments are processed through verified secure gateways.",
},
id: "4", title: "Is my payment information secure?", content:
"Yes. We use bank-level AES-256 encryption for all transactions. We're PCI-DSS compliant and never store full credit card details. All payments are processed through verified secure gateways."},
{
id: "5",
title: "Do you offer gift wrapping?",
content:
"Absolutely. Premium gift wrapping is available at checkout. We offer personalized gift messages and special gift packaging for all occasions at no extra charge.",
},
id: "5", title: "Do you offer gift wrapping?", content:
"Absolutely. Premium gift wrapping is available at checkout. We offer personalized gift messages and special gift packaging for all occasions at no extra charge."},
{
id: "6",
title: "Can I track my order?",
content:
"Yes. You'll receive real-time tracking updates via email and SMS. Your dashboard shows complete order status, carrier information, and estimated delivery date.",
},
id: "6", title: "Can I track my order?", content:
"Yes. You'll receive real-time tracking updates via email and SMS. Your dashboard shows complete order status, carrier information, and estimated delivery date."},
]}
faqsAnimation="slide-up"
textboxLayout="default"
@@ -345,20 +236,14 @@ export default function HomePage() {
description="Receive exclusive previews of new collections, insider styling tips, and special member-only offers delivered to your inbox."
inputs={[
{
name: "email",
type: "email",
placeholder: "your@email.com",
required: true,
name: "email", type: "email", placeholder: "your@email.com", required: true,
},
{
name: "firstName",
type: "text",
placeholder: "First Name",
required: true,
name: "firstName", type: "text", placeholder: "First Name", required: true,
},
]}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg"
imageAlt="Exclusive Metro Maison member benefits"
mediaAnimation="opacity"
mediaPosition="right"
@@ -371,8 +256,7 @@ export default function HomePage() {
logoText="Metro Maison"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "Collections", href: "/collections" },
{ label: "New Arrivals", href: "/shop?filter=new" },
@@ -381,8 +265,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Sustainability", href: "/sustainability" },
@@ -391,8 +274,7 @@ export default function HomePage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns Policy", href: "/returns" },
{ label: "Size Guide", href: "/sizing" },