Update src/app/checkout/page.tsx
This commit is contained in:
@@ -28,49 +28,27 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Men's",
|
||||
id: "/men",
|
||||
},
|
||||
name: "Men's", id: "/men"},
|
||||
{
|
||||
name: "Women's",
|
||||
id: "/women",
|
||||
},
|
||||
name: "Women's", id: "/women"},
|
||||
{
|
||||
name: "Fabrics",
|
||||
id: "/fabrics",
|
||||
},
|
||||
name: "Fabrics", id: "/fabrics"},
|
||||
{
|
||||
name: "Wedding",
|
||||
id: "/wedding",
|
||||
},
|
||||
name: "Wedding", id: "/wedding"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Cart",
|
||||
id: "/cart",
|
||||
},
|
||||
name: "Cart", id: "/cart"},
|
||||
{
|
||||
name: "Checkout",
|
||||
id: "/checkout",
|
||||
},
|
||||
name: "Checkout", id: "/checkout"},
|
||||
]}
|
||||
brandName="Al-Karam Luxury"
|
||||
/>
|
||||
@@ -79,60 +57,37 @@ export default function LandingPage() {
|
||||
<div id="checkout-form" data-section="checkout-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Secure Checkout"
|
||||
description="Enter your details to complete your luxury purchase. Experience seamless delivery of premium Pakistani fashion directly to your door."
|
||||
title="Secure Checkout for Luxury Pakistani Fashion"
|
||||
description="Enter your details to complete your exquisite purchase. Experience seamless delivery of premium Pakistani fashion directly to your door."
|
||||
inputs={[
|
||||
{
|
||||
name: "first-name",
|
||||
type: "text",
|
||||
placeholder: "First Name",
|
||||
required: true,
|
||||
name: "first-name", type: "text", placeholder: "First Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "last-name",
|
||||
type: "text",
|
||||
placeholder: "Last Name",
|
||||
required: true,
|
||||
name: "last-name", type: "text", placeholder: "Last Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: false,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Street Address",
|
||||
required: true,
|
||||
name: "address", type: "text", placeholder: "Street Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "city",
|
||||
type: "text",
|
||||
placeholder: "City",
|
||||
required: true,
|
||||
name: "city", type: "text", placeholder: "City", required: true,
|
||||
},
|
||||
{
|
||||
name: "postal-code",
|
||||
type: "text",
|
||||
placeholder: "Postal Code",
|
||||
required: true,
|
||||
name: "postal-code", type: "text", placeholder: "Postal Code", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "special-instructions",
|
||||
placeholder: "Special Delivery Instructions (optional)",
|
||||
rows: 3,
|
||||
name: "special-instructions", placeholder: "Special Delivery Instructions (optional)", rows: 3,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-aloe-vera-plant_23-2147842376.jpg?_wi=2"
|
||||
imageAlt="luxury dark fabric background golden thread"
|
||||
imageAlt="Luxury dark fabric background with golden thread detail"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Continue to Payment"
|
||||
@@ -147,24 +102,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxury Stitched Suit - Men's Elite",
|
||||
price: "$129.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-girl-white-shirt-happily-closing-eyes-leaning-old-door-while-listening-music-red-headphones_574295-1060.jpg?_wi=2",
|
||||
imageAlt: "luxury men's stitched suit dark gold accent",
|
||||
initialQuantity: 1,
|
||||
id: "1", name: "Men's Elite Luxury Stitched Suit", price: "$129.00", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-girl-white-shirt-happily-closing-eyes-leaning-old-door-while-listening-music-red-headphones_574295-1060.jpg?_wi=2", imageAlt: "Luxury men's stitched suit in dark gold accent", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Designer Formal Wear - Women's Regal",
|
||||
price: "$249.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-holding-manila-shawl_23-2148235345.jpg?_wi=2",
|
||||
imageAlt: "designer women's formal suit dark elegant",
|
||||
initialQuantity: 1,
|
||||
id: "2", name: "Women's Regal Designer Formal Wear", price: "$249.00", imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-holding-manila-shawl_23-2148235345.jpg?_wi=2", imageAlt: "Designer women's formal suit in elegant dark tones", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
title="Your Order Summary"
|
||||
description="A quick review of the exquisite items in your cart. Confirm details before payment."
|
||||
description="A quick review of the exquisite Pakistani fashion items in your cart. Confirm details before proceeding to payment."
|
||||
tag="Order Details"
|
||||
/>
|
||||
</div>
|
||||
@@ -173,16 +118,14 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Almost There!"
|
||||
tagIcon={CreditCard}
|
||||
title="Ready to Place Your Order?"
|
||||
description="Click below to finalize your purchase securely. We appreciate you choosing Al-Karam Luxury Fabrics for your premium fashion needs."
|
||||
title="Ready to Place Your Luxury Order?"
|
||||
description="Click below to finalize your purchase securely. We appreciate you choosing Al-Karam Luxury for your premium Pakistani fashion needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Proceed to Payment",
|
||||
},
|
||||
text: "Proceed to Payment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -191,70 +134,41 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/new-arrivals",
|
||||
},
|
||||
label: "New Arrivals", href: "/shop"},
|
||||
{
|
||||
label: "Men's Collection",
|
||||
href: "/men",
|
||||
},
|
||||
label: "Men's Collection", href: "/men"},
|
||||
{
|
||||
label: "Women's Collection",
|
||||
href: "/women",
|
||||
},
|
||||
label: "Women's Collection", href: "/women"},
|
||||
{
|
||||
label: "Unstitched",
|
||||
href: "/unstitched",
|
||||
},
|
||||
label: "Unstitched", href: "/fabrics"},
|
||||
{
|
||||
label: "Formal Wear",
|
||||
href: "/formal",
|
||||
},
|
||||
label: "Formal Wear", href: "/shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Our Story", href: "/about"},
|
||||
{
|
||||
label: "Craftsmanship",
|
||||
href: "/craftsmanship",
|
||||
},
|
||||
label: "Craftsmanship", href: "/about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Customer Service",
|
||||
items: [
|
||||
title: "Customer Service", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQs", href: "/contact#faqs"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "/shipping",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "/size-guide",
|
||||
},
|
||||
label: "Size Guide", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -265,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user