Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -32,79 +32,44 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "#impact",
|
||||
},
|
||||
name: "Impact", id: "#impact"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Partners",
|
||||
id: "#partners",
|
||||
},
|
||||
name: "Partners", id: "#partners"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="WhatsApp Wallet"
|
||||
button={{
|
||||
text: "Start Your Wallet",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Your Wallet", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Crypto, Airtime & Bills on WhatsApp"
|
||||
description="Send money, buy Bitcoin, pay bills—all without leaving the chat app you already use daily. One wallet, endless possibilities."
|
||||
tag="Seamless Financial Hub"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Wallet",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Wallet", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-guy-with-ring-smartphone_23-2148450773.jpg",
|
||||
imageAlt: "WhatsApp chat interface showing crypto transaction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-guy-with-ring-smartphone_23-2148450773.jpg", imageAlt: "WhatsApp chat interface showing crypto transaction"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg",
|
||||
imageAlt: "3D render of crypto symbols representing a global network",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finance-app-smartwatch_23-2151953958.jpg",
|
||||
imageAlt: "Modern smartphone screen displaying crypto wallet app",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg",
|
||||
imageAlt: "Dynamic digital currency flow illustration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-with-social-media_23-2151459603.jpg",
|
||||
imageAlt: "WhatsApp UI with a simplified payment confirmation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg", imageAlt: "3D render of crypto symbols representing a global network"}
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
@@ -131,32 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feature-1",
|
||||
title: "Crypto Transactions",
|
||||
descriptions: [
|
||||
"Buy, sell, and send Bitcoin, Ethereum, and other cryptocurrencies instantly. Secure and low-fee transactions directly within your WhatsApp chats.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/bitcoin-wallet-financial-growth-icons_779267-3151.jpg",
|
||||
imageAlt: "Crypto exchange icon",
|
||||
},
|
||||
id: "feature-1", title: "Crypto Transactions", descriptions: [
|
||||
"Buy, sell, and send Bitcoin, Ethereum, and other cryptocurrencies instantly. Secure and low-fee transactions directly within your WhatsApp chats."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/bitcoin-wallet-financial-growth-icons_779267-3151.jpg", imageAlt: "Crypto exchange icon"},
|
||||
{
|
||||
id: "feature-2",
|
||||
title: "Airtime & Data",
|
||||
descriptions: [
|
||||
"Top up mobile airtime and data bundles for yourself or others, seamlessly through WhatsApp. Stay connected with ease.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technologic-device-icons-collection_1284-892.jpg",
|
||||
imageAlt: "Airtime and data top-up icon",
|
||||
},
|
||||
id: "feature-2", title: "Airtime & Data", descriptions: [
|
||||
"Top up mobile airtime and data bundles for yourself or others, seamlessly through WhatsApp. Stay connected with ease."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technologic-device-icons-collection_1284-892.jpg", imageAlt: "Airtime and data top-up icon"},
|
||||
{
|
||||
id: "feature-3",
|
||||
title: "Utility Bill Payments",
|
||||
descriptions: [
|
||||
"Pay for electricity, water, and other essential utility bills directly from your wallet. Consolidate your financial tasks into one familiar app.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/money-bag-with-contract-pen-neon-sign_1262-15622.jpg",
|
||||
imageAlt: "Utility bill payment icon",
|
||||
},
|
||||
id: "feature-3", title: "Utility Bill Payments", descriptions: [
|
||||
"Pay for electricity, water, and other essential utility bills directly from your wallet. Consolidate your financial tasks into one familiar app."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/money-bag-with-contract-pen-neon-sign_1262-15622.jpg", imageAlt: "Utility bill payment icon"},
|
||||
]}
|
||||
title="All Your Financial Needs, One Chat Away"
|
||||
description="Experience unparalleled convenience with a wallet designed for simplicity and power. Manage your money, send funds, and pay for services directly from WhatsApp."
|
||||
@@ -173,20 +123,11 @@ export default function LandingPage() {
|
||||
tagAnimation="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "2M+",
|
||||
description: "Users Empowered",
|
||||
},
|
||||
id: "metric-1", value: "2M+", description: "Users Empowered"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "50M+",
|
||||
description: "Transactions Processed",
|
||||
},
|
||||
id: "metric-2", value: "50M+", description: "Transactions Processed"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "15+",
|
||||
description: "Countries Served",
|
||||
},
|
||||
id: "metric-3", value: "15+", description: "Countries Served"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -197,47 +138,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aisha K.",
|
||||
role: "Small Business Owner",
|
||||
company: "Lagos, Nigeria",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-phone-user-networking-phone_1262-18157.jpg",
|
||||
},
|
||||
id: "1", name: "Aisha K.", role: "Small Business Owner", company: "Lagos, Nigeria", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-phone-user-networking-phone_1262-18157.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ravi S.",
|
||||
role: "Freelancer",
|
||||
company: "Mumbai, India",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-man-smiling-studio-portrait_482257-122141.jpg",
|
||||
},
|
||||
id: "2", name: "Ravi S.", role: "Freelancer", company: "Mumbai, India", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-man-smiling-studio-portrait_482257-122141.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria C.",
|
||||
role: "Student",
|
||||
company: "São Paulo, Brazil",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-119076.jpg",
|
||||
},
|
||||
id: "3", name: "Maria C.", role: "Student", company: "São Paulo, Brazil", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-119076.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kwame B.",
|
||||
role: "Farmer",
|
||||
company: "Accra, Ghana",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-bench-park-listening-music_273609-15976.jpg",
|
||||
},
|
||||
id: "4", name: "Kwame B.", role: "Farmer", company: "Accra, Ghana", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-bench-park-listening-music_273609-15976.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zahra H.",
|
||||
role: "Market Vendor",
|
||||
company: "Karachi, Pakistan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-glasses_23-2148262832.jpg",
|
||||
},
|
||||
id: "5", name: "Zahra H.", role: "Market Vendor", company: "Karachi, Pakistan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-glasses_23-2148262832.jpg"},
|
||||
]}
|
||||
title="What Our Users Say"
|
||||
description="Hear from individuals whose lives have been transformed by seamless financial access and convenience."
|
||||
@@ -251,14 +168,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Orange Telecom",
|
||||
"MTN Group",
|
||||
"Safaricom",
|
||||
"Globacom",
|
||||
"Airtel Africa",
|
||||
"Reliance Jio",
|
||||
"Vodacom",
|
||||
]}
|
||||
"Orange Telecom", "MTN Group", "Safaricom", "Globacom", "Airtel Africa", "Reliance Jio", "Vodacom"]}
|
||||
title="Trusted by a Growing Network"
|
||||
description="We partner with leading financial institutions, telecom providers, and local services to expand our reach and deliver reliable solutions."
|
||||
tag="Our Network"
|
||||
@@ -272,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "How secure is my crypto wallet on WhatsApp?",
|
||||
content: "Our wallet employs end-to-end encryption and multi-factor authentication, ensuring your assets are protected with industry-leading security protocols. Your private keys are always in your control.",
|
||||
},
|
||||
id: "faq-1", title: "How secure is my crypto wallet on WhatsApp?", content: "Our wallet employs end-to-end encryption and multi-factor authentication, ensuring your assets are protected with industry-leading security protocols. Your private keys are always in your control."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Which cryptocurrencies can I buy and sell?",
|
||||
content: "Currently, we support Bitcoin (BTC), Ethereum (ETH), USDT, and local stablecoins. We are continuously working to expand our offerings to include more popular cryptocurrencies.",
|
||||
},
|
||||
id: "faq-2", title: "Which cryptocurrencies can I buy and sell?", content: "Currently, we support Bitcoin (BTC), Ethereum (ETH), USDT, and local stablecoins. We are continuously working to expand our offerings to include more popular cryptocurrencies."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Are there fees for transactions?",
|
||||
content: "We offer highly competitive and transparent transaction fees. Airtime and bill payments may incur minimal service charges, clearly displayed before confirmation. Crypto transactions also have low network fees.",
|
||||
},
|
||||
id: "faq-3", title: "Are there fees for transactions?", content: "We offer highly competitive and transparent transaction fees. Airtime and bill payments may incur minimal service charges, clearly displayed before confirmation. Crypto transactions also have low network fees."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about our WhatsApp crypto wallet, its features, and security."
|
||||
@@ -302,27 +203,16 @@ export default function LandingPage() {
|
||||
description="Join thousands of users in emerging markets benefiting from seamless financial services. Reach out to our team for support or partnership inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you?", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518159.jpg"
|
||||
@@ -337,13 +227,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="WhatsApp Wallet"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user