Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-08 17:34:13 +00:00
5 changed files with 145 additions and 467 deletions

View File

@@ -25,7 +25,7 @@ export default function AboutPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="fluid"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
@@ -44,32 +44,20 @@ export default function AboutPage() {
description="We believe luxury should be accessible, authentic, and transformative. Since 2010, we've been curating the world's finest collections for discerning customers."
tag="Our Story"
tagAnimation="slide-up"
background={{ variant: "fluid" }}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg?_wi=6"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg"
imageAlt="Metro Maison Heritage"
mediaAnimation="opacity"
testimonials={[
{
name: "Founded in 2010",
handle: "A Passion for Excellence",
testimonial: "Metro Maison was born from a simple vision: to democratize luxury without compromising on quality or authenticity.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg?_wi=5",
},
name: "Founded in 2010", handle: "A Passion for Excellence", testimonial: "Metro Maison was born from a simple vision: to democratize luxury without compromising on quality or authenticity.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg"},
{
name: "Global Reach",
handle: "Serving 150+ Countries",
testimonial: "Today, we serve over 50,000 discerning customers across the globe, from New York to Tokyo, Paris to Sydney.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg?_wi=4",
},
name: "Global Reach", handle: "Serving 150+ Countries", testimonial: "Today, we serve over 50,000 discerning customers across the globe, from New York to Tokyo, Paris to Sydney.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg"},
{
name: "Trusted Partner",
handle: "Top Brands Trust Us",
testimonial: "Leading luxury brands partner with Metro Maison to reach authentic enthusiasts who value quality and craftsmanship.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg?_wi=4",
},
name: "Trusted Partner", handle: "Top Brands Trust Us", testimonial: "Leading luxury brands partner with Metro Maison to reach authentic enthusiasts who value quality and craftsmanship.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg"},
]}
testimonialRotationInterval={5000}
buttons={[{ text: "Explore Our Values", href: "/about" }]}
@@ -86,35 +74,19 @@ export default function AboutPage() {
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "15",
title: "Years Strong",
description: "Of continuous excellence in luxury retail",
icon: Trophy,
id: "1", value: "15", title: "Years Strong", description: "Of continuous excellence in luxury retail", icon: Trophy,
},
{
id: "2",
value: "50K+",
title: "Satisfied Customers",
description: "Across 150+ countries worldwide",
icon: Users,
id: "2", value: "50K+", title: "Satisfied Customers", description: "Across 150+ countries worldwide", icon: Users,
},
{
id: "3",
value: "10K+",
title: "Curated Products",
description: "Hand-selected from top global brands",
icon: CheckCircle,
id: "3", value: "10K+", title: "Curated Products", description: "Hand-selected from top global brands", icon: CheckCircle,
},
{
id: "4",
value: "99.2%",
title: "Customer Rating",
description: "Average satisfaction score verified",
icon: Zap,
id: "4", value: "99.2%", title: "Customer Rating", description: "Average satisfaction score verified", icon: Zap,
},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
@@ -130,34 +102,16 @@ export default function AboutPage() {
features={[
{
id: 1,
tag: "Authenticity",
title: "Trust Above All",
subtitle: "Zero Compromise on Verification",
description:
"Every product is authenticated by our expert team. We maintain complete transparency about sourcing, condition, and provenance. Your trust is our greatest asset.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg?_wi=6",
imageAlt: "Authenticity verification process",
},
tag: "Authenticity", title: "Trust Above All", subtitle: "Zero Compromise on Verification", description:
"Every product is authenticated by our expert team. We maintain complete transparency about sourcing, condition, and provenance. Your trust is our greatest asset.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg", imageAlt: "Authenticity verification process"},
{
id: 2,
tag: "Innovation",
title: "Modern Luxury Experience",
subtitle: "Technology Meets Elegance",
description:
"We blend cutting-edge technology with timeless design. From AI-powered recommendations to seamless checkout, innovation enhances every touchpoint.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg?_wi=7",
imageAlt: "Modern luxury technology",
},
tag: "Innovation", title: "Modern Luxury Experience", subtitle: "Technology Meets Elegance", description:
"We blend cutting-edge technology with timeless design. From AI-powered recommendations to seamless checkout, innovation enhances every touchpoint.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg", imageAlt: "Modern luxury technology"},
{
id: 3,
tag: "Community",
title: "Beyond Transactions",
subtitle: "Building Relationships",
description:
"We foster a global community of discerning collectors. Through events, content, and personalized service, we create lasting connections beyond shopping.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg?_wi=8",
imageAlt: "Community engagement",
},
tag: "Community", title: "Beyond Transactions", subtitle: "Building Relationships", description:
"We foster a global community of discerning collectors. Through events, content, and personalized service, we create lasting connections beyond shopping.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-standing-cafe-with-shopping-bags_1157-31448.jpg", imageAlt: "Community engagement"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -169,8 +123,7 @@ export default function AboutPage() {
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" },
@@ -179,8 +132,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Sustainability", href: "/sustainability" },
@@ -189,8 +141,7 @@ export default function AboutPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns Policy", href: "/returns" },
{ label: "Size Guide", href: "/sizing" },

View File

@@ -24,7 +24,7 @@ export default function AccountPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="fluid"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
@@ -43,32 +43,20 @@ export default function AccountPage() {
description="Manage your profile, orders, preferences, and exclusive member benefits all in one place."
tag="Your Personal Hub"
tagAnimation="slide-up"
background={{ variant: "fluid" }}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg?_wi=7"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg"
imageAlt="Account Management Hub"
mediaAnimation="opacity"
testimonials={[
{
name: "Quick Access",
handle: "Manage Everything",
testimonial: "View order history, track shipments, update preferences, and access exclusive member benefits from your personal dashboard.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg?_wi=6",
},
name: "Quick Access", handle: "Manage Everything", testimonial: "View order history, track shipments, update preferences, and access exclusive member benefits from your personal dashboard.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg"},
{
name: "Saved Favorites",
handle: "Build Your Wishlist",
testimonial: "Create custom collections of your favorite items. Get instant alerts when items are back in stock or go on sale.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg?_wi=5",
},
name: "Saved Favorites", handle: "Build Your Wishlist", testimonial: "Create custom collections of your favorite items. Get instant alerts when items are back in stock or go on sale.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg"},
{
name: "Exclusive Perks",
handle: "VIP Benefits",
testimonial: "Early access to limited collections, special pricing for members, and priority customer support all included with your account.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg?_wi=5",
},
name: "Exclusive Perks", handle: "VIP Benefits", testimonial: "Early access to limited collections, special pricing for members, and priority customer support all included with your account.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg"},
]}
testimonialRotationInterval={5000}
buttons={[{ text: "View Dashboard", href: "/account" }]}
@@ -85,41 +73,17 @@ export default function AccountPage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Early Access",
role: "Limited Collections",
testimonial:
"Get first dibs on limited-edition items and exclusive collections 48 hours before general release.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg?_wi=7",
imageAlt: "Early Access",
},
id: "1", name: "Early Access", role: "Limited Collections", testimonial:
"Get first dibs on limited-edition items and exclusive collections 48 hours before general release.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg", imageAlt: "Early Access"},
{
id: "2",
name: "Member Pricing",
role: "Special Discounts",
testimonial:
"Enjoy year-round member-exclusive pricing and seasonal discounts on select collections.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg?_wi=6",
imageAlt: "Member Pricing",
},
id: "2", name: "Member Pricing", role: "Special Discounts", testimonial:
"Enjoy year-round member-exclusive pricing and seasonal discounts on select collections.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-talking-phone-staying-late-night-office_1303-27087.jpg", imageAlt: "Member Pricing"},
{
id: "3",
name: "Priority Support",
role: "Dedicated Assistance",
testimonial:
"Access our priority support line and receive personalized styling recommendations from our expert team.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg?_wi=6",
imageAlt: "Priority Support",
},
id: "3", name: "Priority Support", role: "Dedicated Assistance", testimonial:
"Access our priority support line and receive personalized styling recommendations from our expert team.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg", imageAlt: "Priority Support"},
{
id: "4",
name: "Free Returns",
role: "Hassle-Free Policy",
testimonial:
"Enjoy extended 90-day return windows with free return shipping on all purchases.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg?_wi=3",
imageAlt: "Free Returns",
},
id: "4", name: "Free Returns", role: "Hassle-Free Policy", testimonial:
"Enjoy extended 90-day return windows with free return shipping on all purchases.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageAlt: "Free Returns"},
]}
textboxLayout="default"
animationType="blur-reveal"
@@ -135,41 +99,23 @@ export default function AccountPage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "How do I create an account?",
content:
"Simply click 'Sign Up' and provide your email address, password, and basic information. Account creation is free and takes less than 2 minutes. You'll immediately gain access to member benefits.",
},
id: "1", title: "How do I create an account?", content:
"Simply click 'Sign Up' and provide your email address, password, and basic information. Account creation is free and takes less than 2 minutes. You'll immediately gain access to member benefits."},
{
id: "2",
title: "Is membership free?",
content:
"Yes, Metro Maison membership is completely free. Create your account to unlock member-exclusive benefits, personalized recommendations, and priority access to new collections.",
},
id: "2", title: "Is membership free?", content:
"Yes, Metro Maison membership is completely free. Create your account to unlock member-exclusive benefits, personalized recommendations, and priority access to new collections."},
{
id: "3",
title: "How do I update my profile information?",
content:
"Access your account settings from your dashboard. You can update your email, password, shipping address, payment methods, and communication preferences anytime.",
},
id: "3", title: "How do I update my profile information?", content:
"Access your account settings from your dashboard. You can update your email, password, shipping address, payment methods, and communication preferences anytime."},
{
id: "4",
title: "Can I save multiple addresses?",
content:
"Yes. You can save up to 5 shipping addresses and set a preferred default address. This speeds up checkout and makes managing multiple deliveries easy.",
},
id: "4", title: "Can I save multiple addresses?", content:
"Yes. You can save up to 5 shipping addresses and set a preferred default address. This speeds up checkout and makes managing multiple deliveries easy."},
{
id: "5",
title: "How do I track my orders?",
content:
"All orders appear in your account dashboard with real-time tracking. You'll also receive email and SMS updates at each stage—from order confirmation to delivery.",
},
id: "5", title: "How do I track my orders?", content:
"All orders appear in your account dashboard with real-time tracking. You'll also receive email and SMS updates at each stage—from order confirmation to delivery."},
{
id: "6",
title: "How do I manage my preferences?",
content:
"In account settings, customize communication preferences, style profile, size information, and interests. We use this to send relevant updates and personalized recommendations.",
},
id: "6", title: "How do I manage my preferences?", content:
"In account settings, customize communication preferences, style profile, size information, and interests. We use this to send relevant updates and personalized recommendations."},
]}
faqsAnimation="slide-up"
textboxLayout="default"
@@ -183,8 +129,7 @@ export default function AccountPage() {
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" },
@@ -193,8 +138,7 @@ export default function AccountPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Sustainability", href: "/sustainability" },
@@ -203,8 +147,7 @@ export default function AccountPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns Policy", href: "/returns" },
{ label: "Size Guide", href: "/sizing" },

View File

@@ -20,8 +20,7 @@ export default function CartPage() {
const footerColumns = [
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "Collections", href: "/collections" },
{ label: "New Arrivals", href: "/shop?filter=new" },
@@ -30,8 +29,7 @@ export default function CartPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about#story" },
{ label: "Sustainability", href: "/sustainability" },
@@ -40,8 +38,7 @@ export default function CartPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns Policy", href: "/returns" },
{ label: "Size Guide", href: "/sizing" },
@@ -53,51 +50,25 @@ export default function CartPage() {
const cartItems = [
{
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=4",
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=4",
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,
},
];
const 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,
},
];
@@ -108,7 +79,7 @@ export default function CartPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="fluid"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
@@ -131,9 +102,7 @@ export default function CartPage() {
useInvertedBackground={false}
buttons={[
{
text: "Continue Shopping",
href: "/shop",
},
text: "Continue Shopping", href: "/shop"},
]}
buttonAnimation="blur-reveal"
/>
@@ -146,15 +115,13 @@ export default function CartPage() {
description="Quality assurance and customer satisfaction at every step"
tag="Trust & Quality"
tagAnimation="slide-up"
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
buttons={[
{
text: "Learn Our Story",
href: "/about",
},
text: "Learn Our Story", href: "/about"},
]}
buttonAnimation="blur-reveal"
/>
@@ -166,20 +133,14 @@ export default function CartPage() {
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=4"
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"

View File

@@ -20,8 +20,7 @@ export default function CheckoutPage() {
const footerColumns = [
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "Collections", href: "/collections" },
{ label: "New Arrivals", href: "/shop?filter=new" },
@@ -30,8 +29,7 @@ export default function CheckoutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about#story" },
{ label: "Sustainability", href: "/sustainability" },
@@ -40,8 +38,7 @@ export default function CheckoutPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns Policy", href: "/returns" },
{ label: "Size Guide", href: "/sizing" },
@@ -53,72 +50,32 @@ export default function CheckoutPage() {
const 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,
},
];
const 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=4",
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=3",
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=3",
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=2",
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"},
];
return (
@@ -128,7 +85,7 @@ export default function CheckoutPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="fluid"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
@@ -144,38 +101,24 @@ export default function CheckoutPage() {
description="Complete your purchase with our secure, encrypted payment system. Your information is protected with bank-level security."
inputs={[
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "fullName",
type: "text",
placeholder: "Full Name",
required: true,
name: "fullName", type: "text", placeholder: "Full Name", required: true,
},
{
name: "address",
type: "text",
placeholder: "Shipping Address",
required: true,
name: "address", type: "text", placeholder: "Shipping Address", required: true,
},
{
name: "cardNumber",
type: "text",
placeholder: "Card Number",
required: true,
name: "cardNumber", type: "text", placeholder: "Card Number", required: true,
},
]}
textarea={{
name: "specialInstructions",
placeholder: "Special delivery instructions (optional)",
rows: 3,
name: "specialInstructions", placeholder: "Special delivery instructions (optional)", rows: 3,
required: false,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg?_wi=5"
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg"
imageAlt="Secure checkout environment"
mediaAnimation="opacity"
mediaPosition="right"
@@ -206,15 +149,13 @@ export default function CheckoutPage() {
description="Quality, security, and excellence in every transaction"
tag="Our Guarantee"
tagAnimation="slide-up"
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{
text: "Learn Our Promise",
href: "/about",
},
text: "Learn Our Promise", href: "/about"},
]}
buttonAnimation="blur-reveal"
/>

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" },