Update src/app/checkout/page.tsx
This commit is contained in:
@@ -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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user