Update src/app/checkout/page.tsx

This commit is contained in:
2026-05-30 15:17:42 +00:00
parent 482cdcdbfc
commit ba8660b06e

View File

@@ -7,7 +7,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import { Lock } from "lucide-react"; import { Lock, Lightning, ReceiptText } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -28,37 +28,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "/",
},
{ {
name: "Smartphones", name: "Smartphones", id: "/smartphones"},
id: "/smartphones",
},
{ {
name: "Accessories", name: "Accessories", id: "/accessories"},
id: "/accessories",
},
{ {
name: "Offers", name: "Offers", id: "/offers"},
id: "/offers",
},
{ {
name: "About Us", name: "About Us", id: "/about"},
id: "/about",
},
{ {
name: "Contact", name: "Contact", id: "/contact"},
id: "/contact",
},
{ {
name: "Cart", name: "Cart", id: "/cart"},
id: "/cart",
},
{ {
name: "Account", name: "Account", id: "/account"},
id: "/account",
},
]} ]}
brandName="MobileTech Store" brandName="MobileTech Store"
/> />
@@ -72,25 +56,17 @@ export default function LandingPage() {
description="Confirm your selections and proceed to a secure payment experience. We're committed to making your purchase smooth and transparent." description="Confirm your selections and proceed to a secure payment experience. We're committed to making your purchase smooth and transparent."
buttons={[ buttons={[
{ {
text: "Continue to Shipping", text: "Continue to Shipping", href: "/checkout#shipping"},
href: "/checkout#shipping",
},
]} ]}
bulletPoints={[ bulletPoints={[
{ {
title: "Secure Transactions", title: "Secure Transactions", description: "Your payment information is encrypted and protected with industry-leading security.", icon: Lock,
description: "Your payment information is encrypted and protected with industry-leading security.",
icon: Lock,
}, },
{ {
title: "Fast & Easy Process", title: "Fast & Easy Process", description: "Complete your order quickly with our streamlined checkout steps.", icon: Lightning,
description: "Complete your order quickly with our streamlined checkout steps.",
icon: Lightning,
}, },
{ {
title: "Transparent Pricing", title: "Transparent Pricing", description: "No hidden fees, just clear costs and optional shipping upgrades.", icon: ReceiptText,
description: "No hidden fees, just clear costs and optional shipping upgrades.",
icon: ReceiptText,
}, },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/adha-shopping-app_187299-47451.jpg" imageSrc="http://img.b2bpic.net/free-photo/adha-shopping-app_187299-47451.jpg"
@@ -106,49 +82,29 @@ export default function LandingPage() {
description="Enter your shipping address and choose your preferred payment method to complete your purchase." description="Enter your shipping address and choose your preferred payment method to complete your purchase."
inputs={[ inputs={[
{ {
name: "fullName", name: "fullName", type: "text", placeholder: "Full Name", required: true,
type: "text",
placeholder: "Full Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Email Address", required: true,
type: "email",
placeholder: "Email Address",
required: true,
}, },
{ {
name: "address", name: "address", type: "text", placeholder: "Shipping Address", required: true,
type: "text",
placeholder: "Shipping Address",
required: true,
}, },
{ {
name: "city", name: "city", type: "text", placeholder: "City", required: true,
type: "text",
placeholder: "City",
required: true,
}, },
{ {
name: "zipCode", name: "zipCode", type: "text", placeholder: "Zip Code", required: true,
type: "text",
placeholder: "Zip Code",
required: true,
}, },
{ {
name: "cardNumber", name: "cardNumber", type: "text", placeholder: "Card Number", required: true,
type: "text",
placeholder: "Card Number",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "notes", name: "notes", placeholder: "Order Notes (Optional)", rows: 3,
placeholder: "Order Notes (Optional)",
rows: 3,
required: false, required: false,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/colorful-ffp2-masks-shopping-carts_23-2149366750.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/colorful-ffp2-masks-shopping-carts_23-2149366750.jpg"
imageAlt="Detailed checkout form on a smartphone screen" imageAlt="Detailed checkout form on a smartphone screen"
mediaAnimation="opacity" mediaAnimation="opacity"
buttonText="Place Order" buttonText="Place Order"
@@ -161,25 +117,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "What payment methods do you accept?", content: "We accept major credit cards (Visa, Mastercard, Amex), PayPal, and Apple Pay for your convenience."},
title: "What payment methods do you accept?",
content: "We accept major credit cards (Visa, Mastercard, Amex), PayPal, and Apple Pay for your convenience.",
},
{ {
id: "2", id: "2", title: "Can I modify my order after it's placed?", content: "Unfortunately, orders cannot be modified once placed. Please double-check your items before confirming your purchase."},
title: "Can I modify my order after it's placed?",
content: "Unfortunately, orders cannot be modified once placed. Please double-check your items before confirming your purchase.",
},
{ {
id: "3", id: "3", title: "How long does shipping take?", content: "Standard shipping usually takes 3-5 business days. Expedited options are available at checkout for faster delivery."},
title: "How long does shipping take?",
content: "Standard shipping usually takes 3-5 business days. Expedited options are available at checkout for faster delivery.",
},
{ {
id: "4", id: "4", title: "Is my payment information secure?", content: "Yes, we use advanced encryption and security protocols to ensure your payment details are always safe."},
title: "Is my payment information secure?",
content: "Yes, we use advanced encryption and security protocols to ensure your payment details are always safe.",
},
]} ]}
title="Checkout & Payment FAQs" title="Checkout & Payment FAQs"
description="Find answers to common questions about your order, shipping, and payment options." description="Find answers to common questions about your order, shipping, and payment options."
@@ -191,54 +135,33 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [
{ {
label: "Smartphones", label: "Smartphones", href: "/products/smartphones"},
href: "/products/smartphones",
},
{ {
label: "Accessories", label: "Accessories", href: "/products/accessories"},
href: "/products/accessories",
},
{ {
label: "Deals", label: "Deals", href: "/deals"},
href: "/deals",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "/faq"},
href: "/faq",
},
{ {
label: "Contact Us", label: "Contact Us", href: "/contact"},
href: "/contact",
},
{ {
label: "Shipping & Returns", label: "Shipping & Returns", href: "/shipping"},
href: "/shipping",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "/about"},
href: "/about",
},
{ {
label: "Careers", label: "Careers", href: "/careers"},
href: "/careers",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "/privacy"},
href: "/privacy",
},
], ],
}, },
]} ]}