From 30de47f89d7da1a8be0d218deadf1ba307e26985 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 8 Mar 2026 17:34:08 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 218 +++++++++++------------------------------------ 1 file changed, 50 insertions(+), 168 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c803e64..bfefb84 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" },