From c0b8ed41149b07cfec6e19b88aa0d0218f1b378d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 1 Jun 2026 04:44:50 +0000
Subject: [PATCH] Update src/app/checkout/page.tsx

---
 src/app/checkout/page.tsx | 178 ++++++++++----------------------------
 1 file changed, 46 insertions(+), 132 deletions(-)

diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 25eed69..402405e 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file