Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -31,92 +31,60 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AirtimeConnect"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Instant Airtime for Zimbabwe"
|
||||
description="Top up your airtime for Econet, NetOne, and Telecel in seconds. Fast, secure, and reliable service from anywhere."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-cheerful-female-office-employee-touching-eyewear-outside_74855-2244.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-cheerful-female-office-employee-touching-eyewear-outside_74855-2244.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-face-successful-woman_329181-13508.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-face-successful-woman_329181-13508.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-businesswoman-balcony_1262-1758.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-businesswoman-balcony_1262-1758.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ users"
|
||||
buttons={[
|
||||
{
|
||||
text: "Top Up Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Top Up Now", href: "#pricing"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Econet Wireless",
|
||||
icon: Wifi,
|
||||
type: "text-icon", text: "Econet Wireless", icon: Wifi,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "NetOne Cellular",
|
||||
icon: Signal,
|
||||
type: "text-icon", text: "NetOne Cellular", icon: Signal,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Telecel Mobile",
|
||||
icon: Smartphone,
|
||||
type: "text-icon", text: "Telecel Mobile", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Instant Top-ups",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Instant Top-ups", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Payments",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Secure Payments", icon: Shield,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -129,55 +97,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Delivery",
|
||||
description: "Receive your airtime voucher code or direct top-up immediately after payment.",
|
||||
icon: Zap,
|
||||
title: "Instant Delivery", description: "Receive your airtime voucher code or direct top-up immediately after payment.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-paying-with-card_23-2150347020.jpg?_wi=1",
|
||||
imageAlt: "Fast delivery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-paying-with-card_23-2150347020.jpg", imageAlt: "Fast delivery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-paying-with-card_23-2150347020.jpg?_wi=2",
|
||||
imageAlt: "Fast delivery 2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-freelancer-home-watching-business-conference-pc-monitor_482257-127029.jpg",
|
||||
imageAlt: "digital mobile payment app interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-paying-with-card_23-2150347020.jpg", imageAlt: "Fast delivery 2"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "All transactions are encrypted with industry-standard security measures for your peace of mind.",
|
||||
icon: Shield,
|
||||
title: "Secure Payments", description: "All transactions are encrypted with industry-standard security measures for your peace of mind.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg?_wi=1",
|
||||
imageAlt: "Security",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg", imageAlt: "Security"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg?_wi=2",
|
||||
imageAlt: "Security 2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-paying-with-card_23-2150347020.jpg?_wi=3",
|
||||
imageAlt: "digital finance icon 3d",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg", imageAlt: "Security 2"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "24/7 Reliability",
|
||||
description: "Our platform is online and ready for you whenever you need to recharge, anytime.",
|
||||
icon: Clock,
|
||||
title: "24/7 Reliability", description: "Our platform is online and ready for you whenever you need to recharge, anytime.", icon: Clock,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg?_wi=1",
|
||||
imageAlt: "Reliable",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg", imageAlt: "Reliable"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg?_wi=2",
|
||||
imageAlt: "Reliable 2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg?_wi=3",
|
||||
imageAlt: "secure payment shield icon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg", imageAlt: "Reliable 2"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -192,56 +136,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$5",
|
||||
subtitle: "Perfect for quick top-ups",
|
||||
features: [
|
||||
"Econet Supported",
|
||||
"NetOne Supported",
|
||||
"Telecel Supported",
|
||||
],
|
||||
id: "basic", badge: "Standard", price: "$5", subtitle: "Perfect for quick top-ups", features: [
|
||||
"Econet Supported", "NetOne Supported", "Telecel Supported"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Recharge Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Recharge Now", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$20",
|
||||
subtitle: "Best value for regular users",
|
||||
features: [
|
||||
"Econet Supported",
|
||||
"NetOne Supported",
|
||||
"Telecel Supported",
|
||||
"Priority Processing",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$20", subtitle: "Best value for regular users", features: [
|
||||
"Econet Supported", "NetOne Supported", "Telecel Supported", "Priority Processing"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Recharge Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Recharge Now", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Pro",
|
||||
price: "$50",
|
||||
subtitle: "For high-volume users",
|
||||
features: [
|
||||
"All Networks",
|
||||
"Priority Processing",
|
||||
"Dedicated Support",
|
||||
"Monthly Rewards",
|
||||
],
|
||||
id: "premium", badge: "Pro", price: "$50", subtitle: "For high-volume users", features: [
|
||||
"All Networks", "Priority Processing", "Dedicated Support", "Monthly Rewards"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Recharge Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Recharge Now", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -257,45 +172,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tinashe M.",
|
||||
handle: "@tinashe",
|
||||
testimonial: "The fastest way to get airtime when I run out. Truly reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
|
||||
},
|
||||
id: "1", name: "Tinashe M.", handle: "@tinashe", testimonial: "The fastest way to get airtime when I run out. Truly reliable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chipo R.",
|
||||
handle: "@chipo",
|
||||
testimonial: "I love the ease of use. My top-ups are always instant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-female-office-employee-touching-eyewear-outside_74855-2244.jpg",
|
||||
},
|
||||
id: "2", name: "Chipo R.", handle: "@chipo", testimonial: "I love the ease of use. My top-ups are always instant.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-female-office-employee-touching-eyewear-outside_74855-2244.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tendai K.",
|
||||
handle: "@tendai",
|
||||
testimonial: "Perfect for sending airtime to my family back home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg",
|
||||
},
|
||||
id: "3", name: "Tendai K.", handle: "@tendai", testimonial: "Perfect for sending airtime to my family back home.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gogo M.",
|
||||
handle: "@gogo",
|
||||
testimonial: "Very easy to understand even for me. Great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-face-successful-woman_329181-13508.jpg",
|
||||
},
|
||||
id: "4", name: "Gogo M.", handle: "@gogo", testimonial: "Very easy to understand even for me. Great service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-face-successful-woman_329181-13508.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tapiwa M.",
|
||||
handle: "@tapiwa",
|
||||
testimonial: "Never lets me down. The go-to for airtime.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-businesswoman-balcony_1262-1758.jpg",
|
||||
},
|
||||
id: "5", name: "Tapiwa M.", handle: "@tapiwa", testimonial: "Never lets me down. The go-to for airtime.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-businesswoman-balcony_1262-1758.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="User Reviews"
|
||||
@@ -309,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Which networks are supported?",
|
||||
content: "We support all major networks including Econet, NetOne, and Telecel.",
|
||||
},
|
||||
id: "f1", title: "Which networks are supported?", content: "We support all major networks including Econet, NetOne, and Telecel."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does it take?",
|
||||
content: "Recharge is instant and reflects on your balance immediately after transaction confirmation.",
|
||||
},
|
||||
id: "f2", title: "How long does it take?", content: "Recharge is instant and reflects on your balance immediately after transaction confirmation."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is my payment safe?",
|
||||
content: "Yes, we use secure encrypted payment gateways.",
|
||||
},
|
||||
id: "f3", title: "Is my payment safe?", content: "Yes, we use secure encrypted payment gateways."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-handsome-man-using-digital-tablet_23-2148190737.jpg"
|
||||
title="Common Questions"
|
||||
@@ -335,8 +216,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Need Assistance?"
|
||||
description="Get in touch with our team for any support questions."
|
||||
@@ -354,33 +234,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user