diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 790841a..a6e00c7 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -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" }, diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx index d39ef84..e1e812c 100644 --- a/src/app/account/page.tsx +++ b/src/app/account/page.tsx @@ -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" }, diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx index 9056c52..ef7ad98 100644 --- a/src/app/cart/page.tsx +++ b/src/app/cart/page.tsx @@ -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" diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx index e838268..28b5ca4 100644 --- a/src/app/checkout/page.tsx +++ b/src/app/checkout/page.tsx @@ -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" /> 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" },