Update src/app/checkout/page.tsx
This commit is contained in:
@@ -7,7 +7,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Lock } from "lucide-react";
|
||||
import { Lock, Lightning, ReceiptText } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,37 +28,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Smartphones",
|
||||
id: "/smartphones",
|
||||
},
|
||||
name: "Smartphones", id: "/smartphones"},
|
||||
{
|
||||
name: "Accessories",
|
||||
id: "/accessories",
|
||||
},
|
||||
name: "Accessories", id: "/accessories"},
|
||||
{
|
||||
name: "Offers",
|
||||
id: "/offers",
|
||||
},
|
||||
name: "Offers", id: "/offers"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Cart",
|
||||
id: "/cart",
|
||||
},
|
||||
name: "Cart", id: "/cart"},
|
||||
{
|
||||
name: "Account",
|
||||
id: "/account",
|
||||
},
|
||||
name: "Account", id: "/account"},
|
||||
]}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Continue to Shipping",
|
||||
href: "/checkout#shipping",
|
||||
},
|
||||
text: "Continue to Shipping", href: "/checkout#shipping"},
|
||||
]}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Secure Transactions",
|
||||
description: "Your payment information is encrypted and protected with industry-leading security.",
|
||||
icon: Lock,
|
||||
title: "Secure Transactions", description: "Your payment information is encrypted and protected with industry-leading security.", icon: Lock,
|
||||
},
|
||||
{
|
||||
title: "Fast & Easy Process",
|
||||
description: "Complete your order quickly with our streamlined checkout steps.",
|
||||
icon: Lightning,
|
||||
title: "Fast & Easy Process", description: "Complete your order quickly with our streamlined checkout steps.", icon: Lightning,
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, just clear costs and optional shipping upgrades.",
|
||||
icon: ReceiptText,
|
||||
title: "Transparent Pricing", 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"
|
||||
@@ -106,49 +82,29 @@ export default function LandingPage() {
|
||||
description="Enter your shipping address and choose your preferred payment method to complete your purchase."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Shipping Address",
|
||||
required: true,
|
||||
name: "address", type: "text", placeholder: "Shipping Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "city",
|
||||
type: "text",
|
||||
placeholder: "City",
|
||||
required: true,
|
||||
name: "city", type: "text", placeholder: "City", required: true,
|
||||
},
|
||||
{
|
||||
name: "zipCode",
|
||||
type: "text",
|
||||
placeholder: "Zip Code",
|
||||
required: true,
|
||||
name: "zipCode", type: "text", placeholder: "Zip Code", required: true,
|
||||
},
|
||||
{
|
||||
name: "cardNumber",
|
||||
type: "text",
|
||||
placeholder: "Card Number",
|
||||
required: true,
|
||||
name: "cardNumber", type: "text", placeholder: "Card Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Order Notes (Optional)",
|
||||
rows: 3,
|
||||
name: "notes", placeholder: "Order Notes (Optional)", rows: 3,
|
||||
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"
|
||||
mediaAnimation="opacity"
|
||||
buttonText="Place Order"
|
||||
@@ -161,25 +117,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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="Checkout & Payment FAQs"
|
||||
description="Find answers to common questions about your order, shipping, and payment options."
|
||||
@@ -191,54 +135,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Smartphones",
|
||||
href: "/products/smartphones",
|
||||
},
|
||||
label: "Smartphones", href: "/products/smartphones"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "/products/accessories",
|
||||
},
|
||||
label: "Accessories", href: "/products/accessories"},
|
||||
{
|
||||
label: "Deals",
|
||||
href: "/deals",
|
||||
},
|
||||
label: "Deals", href: "/deals"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQ", href: "/faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "/shipping",
|
||||
},
|
||||
label: "Shipping & Returns", href: "/shipping"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "/careers"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user