Merge version_3 into main #3
309
src/app/page.tsx
309
src/app/page.tsx
@@ -32,124 +32,72 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "about",
|
||||
},
|
||||
name: "How It Works", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Abba"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuFCXic7MTaJDY0SRt9zbV3wPI/uploaded-1777229952631-eq7qg7rh.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Shop Now, Pay Small-Small."
|
||||
description="Abba Ecommerce gives you the freedom to own your dream gadgets today. Choose your plan, pay in easy installments, and enjoy smart shopping."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "The easiest way to own my new phone! Love the flexibility.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-lifestyle-clean-urban-space_23-2149015704.jpg",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "The easiest way to own my new phone! Love the flexibility.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-lifestyle-clean-urban-space_23-2149015704.jpg"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Fast delivery and great installment options. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-flower_23-2152023596.jpg",
|
||||
},
|
||||
name: "Jane Smith", handle: "@janesmith", testimonial: "Fast delivery and great installment options. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-flower_23-2152023596.jpg"},
|
||||
{
|
||||
name: "Ali B.",
|
||||
handle: "@alib",
|
||||
testimonial: "Excellent service. My gadgets arrived safely and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-looking-tablet-office_176420-915.jpg",
|
||||
},
|
||||
name: "Ali B.", handle: "@alib", testimonial: "Excellent service. My gadgets arrived safely and fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-looking-tablet-office_176420-915.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Installments are perfect for my budget. Game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "Installments are perfect for my budget. Game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg"},
|
||||
{
|
||||
name: "Mike P.",
|
||||
handle: "@mikep",
|
||||
testimonial: "Reliable and professional. Will shop here again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062195.jpg",
|
||||
},
|
||||
name: "Mike P.", handle: "@mikep", testimonial: "Reliable and professional. Will shop here again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062195.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Start Shopping", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brunette-woman-with-tablet-shopping-bags_23-2148316488.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyber-monday-event-sale-elements_23-2148675059.jpg",
|
||||
alt: "Avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cyber-monday-event-sale-elements_23-2148675059.jpg", alt: "Avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14784.jpg",
|
||||
alt: "Avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14784.jpg", alt: "Avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-customer-reviewing-clothes_482257-84194.jpg",
|
||||
alt: "Avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-customer-reviewing-clothes_482257-84194.jpg", alt: "Avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-diverse-people-showing-pie-chart-tablet_53876-71499.jpg",
|
||||
alt: "Avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-diverse-people-showing-pie-chart-tablet_53876-71499.jpg", alt: "Avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hands-using-tablet-close-up_23-2149191376.jpg",
|
||||
alt: "Avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hands-using-tablet-close-up_23-2149191376.jpg", alt: "Avatar 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Secure",
|
||||
},
|
||||
type: "text", text: "100% Secure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy Plans",
|
||||
},
|
||||
type: "text", text: "Easy Plans"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted Service",
|
||||
},
|
||||
type: "text", text: "Trusted Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
type: "text", text: "Global Access"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,17 +109,11 @@ export default function LandingPage() {
|
||||
description="Our three-step process makes owning products affordable and transparent. No hidden fees, just simple payments."
|
||||
metrics={[
|
||||
{
|
||||
value: "3+",
|
||||
title: "Easy Steps",
|
||||
},
|
||||
value: "3+", title: "Easy Steps"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Secure Payments",
|
||||
},
|
||||
value: "100%", title: "Secure Payments"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Customer Support",
|
||||
},
|
||||
value: "24/7", title: "Customer Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924168.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -186,29 +128,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Flexible Installments",
|
||||
descriptions: [
|
||||
"Pay daily, weekly, or monthly.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shopping-using-tablet-pc-credit-card-indoor-close-up-y_1391-604.jpg",
|
||||
},
|
||||
id: "f1", title: "Flexible Installments", descriptions: [
|
||||
"Pay daily, weekly, or monthly."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shopping-using-tablet-pc-credit-card-indoor-close-up-y_1391-604.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Digital Wallet",
|
||||
descriptions: [
|
||||
"Easy funding and auto-deductions.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/receive-smartphone-with-coin-money-credit-card-online-shopping-success-payment-concept-orange-background-3d-rendering_56104-1397.jpg",
|
||||
},
|
||||
id: "f2", title: "Digital Wallet", descriptions: [
|
||||
"Easy funding and auto-deductions."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/receive-smartphone-with-coin-money-credit-card-online-shopping-success-payment-concept-orange-background-3d-rendering_56104-1397.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fast Delivery",
|
||||
descriptions: [
|
||||
"Get your items at your doorstep.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151210989.jpg",
|
||||
},
|
||||
id: "f3", title: "Fast Delivery", descriptions: [
|
||||
"Get your items at your doorstep."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151210989.jpg"},
|
||||
]}
|
||||
title="Why Choose Abba?"
|
||||
description="Designed for your comfort and financial convenience."
|
||||
@@ -223,59 +153,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "TechBrand",
|
||||
name: "Ultra Smartphone",
|
||||
price: "₦250,000",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blogger-tools-film_23-2148360142.jpg",
|
||||
},
|
||||
id: "p1", brand: "TechBrand", name: "Ultra Smartphone", price: "₦250,000", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blogger-tools-film_23-2148360142.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "TechBrand",
|
||||
name: "Pro Laptop",
|
||||
price: "₦450,000",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg",
|
||||
},
|
||||
id: "p2", brand: "TechBrand", name: "Pro Laptop", price: "₦450,000", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "TechBrand",
|
||||
name: "Smart Watch S1",
|
||||
price: "₦85,000",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faceless-slim-attractive-woman-wearing-white-sport-top-checking-fitness-health-tracking-wearable-device-work-out-training-outdoor-healthy-lifestyle_176532-14895.jpg",
|
||||
},
|
||||
id: "p3", brand: "TechBrand", name: "Smart Watch S1", price: "₦85,000", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/faceless-slim-attractive-woman-wearing-white-sport-top-checking-fitness-health-tracking-wearable-device-work-out-training-outdoor-healthy-lifestyle_176532-14895.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "TechBrand",
|
||||
name: "Cinema Camera",
|
||||
price: "₦650,000",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-cameras-amidst-film-tapes-cartridges_23-2147852358.jpg",
|
||||
},
|
||||
id: "p4", brand: "TechBrand", name: "Cinema Camera", price: "₦650,000", rating: 5,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/row-cameras-amidst-film-tapes-cartridges_23-2147852358.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "TechBrand",
|
||||
name: "Noise Headphones",
|
||||
price: "₦55,000",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-blue-dj-controller_23-2151978442.jpg",
|
||||
},
|
||||
id: "p5", brand: "TechBrand", name: "Noise Headphones", price: "₦55,000", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-blue-dj-controller_23-2151978442.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "TechBrand",
|
||||
name: "Game Console X",
|
||||
price: "₦320,000",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-people-playing-online-video-games-tv-console-gaming-competition-with-controller-friends-having-fun-with-game-play-television-celebrating-friendship-event_482257-47373.jpg",
|
||||
},
|
||||
id: "p6", brand: "TechBrand", name: "Game Console X", price: "₦320,000", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-people-playing-online-video-games-tv-console-gaming-competition-with-controller-friends-having-fun-with-game-play-television-celebrating-friendship-event_482257-47373.jpg"},
|
||||
]}
|
||||
title="Featured Gadgets"
|
||||
description="Top items available for installment plans."
|
||||
@@ -289,26 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Users Served",
|
||||
description: "Happy shoppers nationwide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-nvme-ssd_58702-17245.jpg",
|
||||
},
|
||||
id: "m1", value: "10k+", title: "Users Served", description: "Happy shoppers nationwide", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-nvme-ssd_58702-17245.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Orders Delivered",
|
||||
description: "Safe and sound delivery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-with-keyboard-charger_23-2149404177.jpg",
|
||||
},
|
||||
id: "m2", value: "5k+", title: "Orders Delivered", description: "Safe and sound delivery", imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-with-keyboard-charger_23-2149404177.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "₦500M+",
|
||||
title: "Installments Paid",
|
||||
description: "Trusted financial solutions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/usb-flash-drive-tech-device-with-minimalist-monochrome-background-earphones_23-2150763321.jpg",
|
||||
},
|
||||
id: "m3", value: "₦500M+", title: "Installments Paid", description: "Trusted financial solutions", imageSrc: "http://img.b2bpic.net/free-photo/usb-flash-drive-tech-device-with-minimalist-monochrome-background-earphones_23-2150763321.jpg"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Our community is growing every day."
|
||||
@@ -323,25 +202,15 @@ export default function LandingPage() {
|
||||
author="Chidi O."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132216.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132216.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pixel-art-design-portrait-bitmap_23-2149232486.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pixel-art-design-portrait-bitmap_23-2149232486.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-phone-close-up_23-2148336920.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-phone-close-up_23-2148336920.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -354,20 +223,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I start?",
|
||||
content: "Just sign up, choose your product, and select your preferred payment plan.",
|
||||
},
|
||||
id: "q1", title: "How do I start?", content: "Just sign up, choose your product, and select your preferred payment plan."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I pay daily?",
|
||||
content: "Yes, our flexible plans include daily, weekly, or monthly options.",
|
||||
},
|
||||
id: "q2", title: "Can I pay daily?", content: "Yes, our flexible plans include daily, weekly, or monthly options."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "When do I get my item?",
|
||||
content: "Items are delivered after meeting our payment threshold or completing full payment.",
|
||||
},
|
||||
id: "q3", title: "When do I get my item?", content: "Items are delivered after meeting our payment threshold or completing full payment."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our installment plans."
|
||||
@@ -381,16 +241,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to get your dream product?"
|
||||
description="Join thousands of satisfied shoppers. Sign up today and start paying small-small."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Now",
|
||||
href: "/signup",
|
||||
},
|
||||
text: "Sign Up Now", href: "/signup"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -399,44 +256,30 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg"
|
||||
logoText="Abba Installment"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuFCXic7MTaJDY0SRt9zbV3wPI/uploaded-1777229952631-eq7qg7rh.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -445,4 +288,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user