bender/49127b22-d50a-4f8a-b785-95b8c805d8d4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 14:18:50 +00:00
parent 5f671f0cd5
commit 616c6e1675
1 changed files with 64 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

317
src/app/page.tsx
View File

@@ -33,37 +33,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xktnbh"
logoAlt="DataLinkGH Logo"
brandName="DataLinkGH"
button={{
text: "Join WhatsApp",
href: "https://wa.me/",
}}
text: "Join WhatsApp", href: "https://wa.me/"}}
animateOnLoad={true}
/>
</div>
@@ -71,8 +57,7 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
title="Your Gateway to Affordable Digital Services"
description="Buy affordable data bundles, airtime, and check WAEC results instantly. Connecting you to what matters, affordably."
tag="DataLinkGH"
@@ -80,46 +65,24 @@ export default function LandingPage() {
tagAnimation="opacity"
buttons={[
{
text: "Get Started",
href: "#services",
},
text: "Get Started", href: "#services"},
{
text: "Join WhatsApp",
href: "https://wa.me/",
},
text: "Join WhatsApp", href: "https://wa.me/"},
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "hc-1",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background-with-shallow-depth-field_1048-12413.jpg",
imageAlt: "Fast Data Bundles",
},
id: "hc-1", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background-with-shallow-depth-field_1048-12413.jpg", imageAlt: "Fast Data Bundles"},
{
id: "hc-2",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-shopping-city_23-2149321835.jpg",
imageAlt: "Instant Airtime Top-up",
},
id: "hc-2", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-shopping-city_23-2149321835.jpg", imageAlt: "Instant Airtime Top-up"},
{
id: "hc-3",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-holding-speech-bubbles_23-2148402516.jpg",
imageAlt: "WAEC Results Checker",
},
id: "hc-3", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-holding-speech-bubbles_23-2148402516.jpg", imageAlt: "WAEC Results Checker"},
{
id: "hc-4",
imageSrc: "http://img.b2bpic.net/free-photo/glowing-digital-sphere-futuristic-environment_23-2152020906.jpg",
imageAlt: "Global Digital Connectivity",
},
id: "hc-4", imageSrc: "http://img.b2bpic.net/free-photo/glowing-digital-sphere-futuristic-environment_23-2152020906.jpg", imageAlt: "Global Digital Connectivity"},
{
id: "hc-5",
imageAlt: "Secure Payment Gateway",
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148602552.jpg",
},
id: "hc-5", imageAlt: "Secure Payment Gateway", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148602552.jpg"},
{
id: "hc-6",
imageAlt: "Instant Service Delivery",
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-city-using-smartphone-exploration_23-2149186685.jpg",
},
id: "hc-6", imageAlt: "Instant Service Delivery", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-city-using-smartphone-exploration_23-2149186685.jpg", imageAlt: "Instant Service Delivery"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -133,29 +96,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Affordable Data Bundles",
description: "Enjoy cheap data on MTN and AirtelTigo. Stay connected without breaking the bank.",
tag: "Connect More",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-phone-close-up_23-2148295795.jpg",
imageAlt: "Affordable Data Bundles",
},
id: "f1", title: "Affordable Data Bundles", description: "Enjoy cheap data on MTN and AirtelTigo. Stay connected without breaking the bank.", tag: "Connect More", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-phone-close-up_23-2148295795.jpg", imageAlt: "Affordable Data Bundles"},
{
id: "f2",
title: "Instant Airtime Top-up",
description: "Recharge your MTN, AirtelTigo, and Telecel airtime instantly, anytime, anywhere.",
tag: "Talk More",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-spending-time-home_23-2150671568.jpg",
imageAlt: "Instant Airtime Top-up",
},
id: "f2", title: "Instant Airtime Top-up", description: "Recharge your MTN, AirtelTigo, and Telecel airtime instantly, anytime, anywhere.", tag: "Talk More", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-spending-time-home_23-2150671568.jpg", imageAlt: "Instant Airtime Top-up"},
{
id: "f3",
title: "WAEC Results Checker",
description: "Quickly and reliably check your WAEC results with our seamless results checker service.",
tag: "Achieve More",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062864.jpg",
imageAlt: "WAEC Results Checker",
},
id: "f3", title: "WAEC Results Checker", description: "Quickly and reliably check your WAEC results with our seamless results checker service.", tag: "Achieve More", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062864.jpg", imageAlt: "WAEC Results Checker"},
]}
title="Our Core Digital Services"
description="DataLinkGH provides essential digital solutions designed for convenience and affordability."
@@ -167,19 +112,16 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "About DataLinkGH: Connecting You Affordably",
},
type: "text", content: "About DataLinkGH: Connecting You Affordably"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/young-adults-with-social-media-addiction_23-2149324651.jpg", alt: "Diverse people connected by digital services"
}
]}
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/young-adults-with-social-media-addiction_23-2149324651.jpg"
imageAlt="Diverse people connected by digital services"
/>
</div>
@@ -191,53 +133,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "MTN Data Bundle",
price: "Starting from GHS 5",
variant: "Various Plans",
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-background-with-flowing-dots_1048-11492.jpg",
imageAlt: "MTN Data Bundle",
},
id: "p1", name: "MTN Data Bundle", price: "Starting from GHS 5", variant: "Various Plans", imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-background-with-flowing-dots_1048-11492.jpg", imageAlt: "MTN Data Bundle"},
{
id: "p2",
name: "AirtelTigo Data Bundle",
price: "Starting from GHS 4",
variant: "Various Plans",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-with-smartphone-sim-card_23-2148779261.jpg",
imageAlt: "AirtelTigo Data Bundle",
},
id: "p2", name: "AirtelTigo Data Bundle", price: "Starting from GHS 4", variant: "Various Plans", imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-with-smartphone-sim-card_23-2148779261.jpg", imageAlt: "AirtelTigo Data Bundle"},
{
id: "p3",
name: "MTN Airtime",
price: "Any Amount",
variant: "Instant Top-up",
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-sale-with-discounts_23-2152027239.jpg",
imageAlt: "MTN Airtime",
},
id: "p3", name: "MTN Airtime", price: "Any Amount", variant: "Instant Top-up", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-sale-with-discounts_23-2152027239.jpg", imageAlt: "MTN Airtime"},
{
id: "p4",
name: "AirtelTigo Airtime",
price: "Any Amount",
variant: "Instant Top-up",
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372418.jpg",
imageAlt: "AirtelTigo Airtime",
},
id: "p4", name: "AirtelTigo Airtime", price: "Any Amount", variant: "Instant Top-up", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372418.jpg", imageAlt: "AirtelTigo Airtime"},
{
id: "p5",
name: "Telecel Airtime",
price: "Any Amount",
variant: "Instant Top-up",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-online-shopping-with-copy-space_23-2148625678.jpg",
imageAlt: "Telecel Airtime",
},
id: "p5", name: "Telecel Airtime", price: "Any Amount", variant: "Instant Top-up", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-online-shopping-with-copy-space_23-2148625678.jpg", imageAlt: "Telecel Airtime"},
{
id: "p6",
name: "WAEC Results Checker",
price: "GHS 15 per card",
variant: "Instant Access",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-yellow-background-top-view_169016-38946.jpg",
imageAlt: "WAEC Results Checker",
},
id: "p6", name: "WAEC Results Checker", price: "GHS 15 per card", variant: "Instant Access", imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-yellow-background-top-view_169016-38946.jpg", imageAlt: "WAEC Results Checker"},
]}
title="Data Bundles & Airtime for All Networks"
description="Explore our wide range of affordable digital products tailored for MTN, AirtelTigo, and Telecel users, plus our WAEC results checker."
@@ -251,52 +157,22 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "plan-1",
tag: "Daily Saver",
price: "GHS 2",
period: "/day",
description: "Perfect for light users needing quick top-ups.",
button: {
text: "Get Daily",
},
featuresTitle: "Includes:",
features: [
"100MB Data",
"5 Mins Talk Time",
],
id: "plan-1", tag: "Daily Saver", price: "GHS 2", period: "/day", description: "Perfect for light users needing quick top-ups.", button: {
text: "Get Daily"},
featuresTitle: "Includes:", features: [
"100MB Data", "5 Mins Talk Time"],
},
{
id: "plan-2",
tag: "Weekly Value",
price: "GHS 10",
period: "/week",
description: "Great for regular browsing and calls throughout the week.",
button: {
text: "Get Weekly",
},
featuresTitle: "Includes:",
features: [
"1GB Data",
"50 Mins Talk Time",
"Free WhatsApp",
],
id: "plan-2", tag: "Weekly Value", price: "GHS 10", period: "/week", description: "Great for regular browsing and calls throughout the week.", button: {
text: "Get Weekly"},
featuresTitle: "Includes:", features: [
"1GB Data", "50 Mins Talk Time", "Free WhatsApp"],
},
{
id: "plan-3",
tag: "Monthly Pro",
price: "GHS 35",
period: "/month",
description: "Ideal for heavy data users and frequent calls.",
button: {
text: "Get Monthly",
},
featuresTitle: "Includes:",
features: [
"5GB Data",
"200 Mins Talk Time",
"Unlimited SMS",
"Free Social Media",
],
id: "plan-3", tag: "Monthly Pro", price: "GHS 35", period: "/month", description: "Ideal for heavy data users and frequent calls.", button: {
text: "Get Monthly"},
featuresTitle: "Includes:", features: [
"5GB Data", "200 Mins Talk Time", "Unlimited SMS", "Free Social Media"],
},
]}
title="Flexible Data & Airtime Plans"
@@ -311,45 +187,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Ama P.",
role: "Student",
testimonial: "DataLinkGH is a lifesaver! I always get my WAEC results quickly and their data bundles are truly affordable. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-eyeglasses_1262-21012.jpg",
imageAlt: "Ama P. Testimonial",
},
id: "t1", name: "Ama P.", role: "Student", testimonial: "DataLinkGH is a lifesaver! I always get my WAEC results quickly and their data bundles are truly affordable. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-eyeglasses_1262-21012.jpg", imageAlt: "Ama P. Testimonial"},
{
id: "t2",
name: "Kwame B.",
role: "Freelancer",
testimonial: "As a freelancer, reliable and cheap data is crucial. DataLinkGH delivers every time. Their instant airtime top-up is also very convenient.",
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-portrait-sullen-serious-young-african-american-male-looks-with-thoughtful-gloomy-expression-being-dissatisfied-with-something_273609-3544.jpg",
imageAlt: "Kwame B. Testimonial",
},
id: "t2", name: "Kwame B.", role: "Freelancer", testimonial: "As a freelancer, reliable and cheap data is crucial. DataLinkGH delivers every time. Their instant airtime top-up is also very convenient.", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-portrait-sullen-serious-young-african-american-male-looks-with-thoughtful-gloomy-expression-being-dissatisfied-with-something_273609-3544.jpg", imageAlt: "Kwame B. Testimonial"},
{
id: "t3",
name: "Naa K.",
role: "Small Business Owner",
testimonial: "I use DataLinkGH for all my business communication needs. The airtime is instant and data bundles keep my team connected without overspending. Fantastic service!",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-young-afro-american-student-stylish-clothing-walking-urban-setting-enjoying-sunny-morning-while-going-college-by-foot-having-cheerful-expression-his-face_273609-965.jpg",
imageAlt: "Naa K. Testimonial",
},
id: "t3", name: "Naa K.", role: "Small Business Owner", testimonial: "I use DataLinkGH for all my business communication needs. The airtime is instant and data bundles keep my team connected without overspending. Fantastic service!", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-young-afro-american-student-stylish-clothing-walking-urban-setting-enjoying-sunny-morning-while-going-college-by-foot-having-cheerful-expression-his-face_273609-965.jpg", imageAlt: "Naa K. Testimonial"},
{
id: "t4",
name: "Yaw O.",
role: "Educator",
testimonial: "Checking WAEC results for my students used to be a hassle. DataLinkGH made it simple and fast. It's an invaluable tool for educators.",
imageSrc: "http://img.b2bpic.net/free-photo/hiker-sitting-rocks_23-2148107012.jpg",
imageAlt: "Yaw O. Testimonial",
},
id: "t4", name: "Yaw O.", role: "Educator", testimonial: "Checking WAEC results for my students used to be a hassle. DataLinkGH made it simple and fast. It's an invaluable tool for educators.", imageSrc: "http://img.b2bpic.net/free-photo/hiker-sitting-rocks_23-2148107012.jpg", imageAlt: "Yaw O. Testimonial"},
{
id: "t5",
name: "Adjoa S.",
role: "University Student",
testimonial: "Never run out of data or airtime again! DataLinkGH has the best deals and their platform is super easy to use. I'm a loyal customer.",
imageSrc: "http://img.b2bpic.net/free-photo/blissful-african-woman-with-bright-make-up-posing-pink_273443-3539.jpg",
imageAlt: "Adjoa S. Testimonial",
},
id: "t5", name: "Adjoa S.", role: "University Student", testimonial: "Never run out of data or airtime again! DataLinkGH has the best deals and their platform is super easy to use. I'm a loyal customer.", imageSrc: "http://img.b2bpic.net/free-photo/blissful-african-woman-with-bright-make-up-posing-pink_273443-3539.jpg", imageAlt: "Adjoa S. Testimonial"},
]}
title="What Our Customers Say"
description="Hear from satisfied users who trust DataLinkGH for their digital needs."
@@ -362,30 +208,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "How do I buy data bundles?",
content: "Simply select your preferred network (MTN or AirtelTigo), choose a bundle, enter the recipient number, and complete payment. It's instant!",
},
id: "faq1", title: "How do I buy data bundles?", content: "Simply select your preferred network (MTN or AirtelTigo), choose a bundle, enter the recipient number, and complete payment. It's instant!"},
{
id: "faq2",
title: "What payment methods are accepted?",
content: "We accept various mobile money payment options for your convenience.",
},
id: "faq2", title: "What payment methods are accepted?", content: "We accept various mobile money payment options for your convenience."},
{
id: "faq3",
title: "Can I buy airtime for any network?",
content: "Yes, you can buy airtime for MTN, AirtelTigo, and Telecel networks.",
},
id: "faq3", title: "Can I buy airtime for any network?", content: "Yes, you can buy airtime for MTN, AirtelTigo, and Telecel networks."},
{
id: "faq4",
title: "How does the WAEC Results Checker work?",
content: "Purchase a results checker card, enter the details on the WAEC portal, and view your results. We provide the cards instantly.",
},
id: "faq4", title: "How does the WAEC Results Checker work?", content: "Purchase a results checker card, enter the details on the WAEC portal, and view your results. We provide the cards instantly."},
{
id: "faq5",
title: "What if my recipient number owes airtime?",
content: "Our service for data bundles requires the recipient number not to owe airtime. This ensures smooth delivery.",
},
id: "faq5", title: "What if my recipient number owes airtime?", content: "Our service for data bundles requires the recipient number not to owe airtime. This ensures smooth delivery."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our services."
@@ -397,8 +228,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Need Help? Chat Our AI!"
description="Have questions or need assistance? Our AI is ready to help you instantly. Or join our WhatsApp channel for deals and updates."
@@ -419,50 +249,31 @@ export default function LandingPage() {
logoText="DataLinkGH"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Data Bundles",
href: "#products",
},
label: "Data Bundles", href: "#products"},
{
label: "Airtime",
href: "#products",
},
label: "Airtime", href: "#products"},
{
label: "WAEC Checker",
href: "#products",
},
label: "WAEC Checker", href: "#products"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}