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" />