Merge version_2 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Fees",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Fees", id: "#pricing"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Support", id: "#faq"},
|
||||
]}
|
||||
brandName="SwiftPay"
|
||||
/>
|
||||
@@ -55,63 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Fast. Secure. Borderless."
|
||||
description="SwiftPay is the ultimate crypto wallet and payment app for your global needs. Deposit, withdraw, trade, and send money with zero friction."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-doctor-female-with-stethoscope-posed-outdoor_627829-3511.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-doctor-female-with-stethoscope-posed-outdoor_627829-3511.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg", alt: "User 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Download App",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Trading for Free", href: "#"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Transactions",
|
||||
},
|
||||
type: "text", text: "Instant Transactions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Security",
|
||||
},
|
||||
type: "text", text: "24/7 Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
type: "text", text: "Global Access"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Low Fees",
|
||||
},
|
||||
type: "text", text: "Low Fees"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Multi-Asset Support",
|
||||
},
|
||||
type: "text", text: "Multi-Asset Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,17 +91,11 @@ export default function LandingPage() {
|
||||
description="We bridge the gap between traditional banking and the future of finance. SwiftPay provides you with a robust, secure, and intuitive wallet that keeps you in control, anywhere in the world."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Secure Vault",
|
||||
description: "High-grade encryption for every transaction.",
|
||||
},
|
||||
title: "Secure Vault", description: "High-grade encryption for every transaction."},
|
||||
{
|
||||
title: "Global Access",
|
||||
description: "Send money and crypto to anyone, anywhere.",
|
||||
},
|
||||
title: "Global Access", description: "Send money and crypto to anyone, anywhere."},
|
||||
{
|
||||
title: "Fast Deposits",
|
||||
description: "Instant funding via card or bank transfer.",
|
||||
},
|
||||
title: "Fast Deposits", description: "Instant funding via card or bank transfer."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671597.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -148,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Deposit & Withdraw",
|
||||
author: "Funding",
|
||||
description: "Seamless bank transfers and card payments.",
|
||||
tags: [
|
||||
"Bank",
|
||||
"Visa",
|
||||
"Instant",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841649.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Deposit & Withdraw", author: "Funding", description: "Seamless bank transfers and card payments.", tags: [
|
||||
"Bank", "Visa", "Instant"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841649.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Crypto Trading",
|
||||
author: "Bitcoin",
|
||||
description: "Buy, sell, and withdraw Bitcoin with low fees.",
|
||||
tags: [
|
||||
"BTC",
|
||||
"Crypto",
|
||||
"Market",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cash-money_23-2151344887.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Crypto Trading", author: "Bitcoin", description: "Buy, sell, and withdraw Bitcoin with low fees.", tags: [
|
||||
"BTC", "Crypto", "Market"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cash-money_23-2151344887.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Smart Security",
|
||||
author: "Safety",
|
||||
description: "Multi-factor authentication for maximum security.",
|
||||
tags: [
|
||||
"OTP",
|
||||
"PIN",
|
||||
"Safe",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Smart Security", author: "Safety", description: "Multi-factor authentication for maximum security.", tags: [
|
||||
"OTP", "PIN", "Safe"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg?_wi=1"},
|
||||
]}
|
||||
title="Core Features"
|
||||
description="Everything you need to handle your digital and traditional assets securely."
|
||||
@@ -197,41 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wallet Funding",
|
||||
price: "Low fee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901289.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Wallet Funding", price: "Low fee", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901289.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "BTC Trading",
|
||||
price: "0.1% spread",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg",
|
||||
},
|
||||
id: "p2", name: "BTC Trading", price: "0.1% spread", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wire Transfer",
|
||||
price: "Instant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg",
|
||||
},
|
||||
id: "p3", name: "Wire Transfer", price: "Instant", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bill Payments",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-stock-market-online_53876-163988.jpg",
|
||||
},
|
||||
id: "p4", name: "Bill Payments", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-stock-market-online_53876-163988.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Crypto Withdraw",
|
||||
price: "Network Fee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930146.jpg",
|
||||
},
|
||||
id: "p5", name: "Crypto Withdraw", price: "Network Fee", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930146.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Support Chat",
|
||||
price: "24/7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-bill-energy-crisis_23-2150061837.jpg",
|
||||
},
|
||||
id: "p6", name: "Support Chat", price: "24/7", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-bill-energy-crisis_23-2150061837.jpg"},
|
||||
]}
|
||||
title="Integrated Services"
|
||||
description="Explore the tools we have built to simplify your financial life."
|
||||
@@ -245,48 +158,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "₦0",
|
||||
subtitle: "For personal use",
|
||||
features: [
|
||||
"Limited transfers",
|
||||
"Standard security",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "₦0", subtitle: "For personal use", features: [
|
||||
"Limited transfers", "Standard security"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
text: "Get Started"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "₦500",
|
||||
subtitle: "For active traders",
|
||||
features: [
|
||||
"Unlimited transfers",
|
||||
"Priority support",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "₦500", subtitle: "For active traders", features: [
|
||||
"Unlimited transfers", "Priority support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
text: "Get Started"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
badge: "Business",
|
||||
price: "Custom",
|
||||
subtitle: "For enterprises",
|
||||
features: [
|
||||
"API Access",
|
||||
"Dedicated manager",
|
||||
],
|
||||
id: "ent", badge: "Business", price: "Custom", subtitle: "For enterprises", features: [
|
||||
"API Access", "Dedicated manager"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
text: "Contact Us"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -301,60 +193,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
date: "Jan 2025",
|
||||
title: "Designer",
|
||||
quote: "The fastest wallet I've used.",
|
||||
tag: "Great",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671597.jpg?_wi=2",
|
||||
imageAlt: "african professional portrait",
|
||||
},
|
||||
id: "1", name: "Sarah", date: "Jan 2025", title: "Designer", quote: "The fastest wallet I've used.", tag: "Great", avatarSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671597.jpg?_wi=2", imageAlt: "african professional portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John",
|
||||
date: "Feb 2025",
|
||||
title: "Developer",
|
||||
quote: "Love the crypto integration.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/it-specialist-looking-network-issues-affecting-rigs-performance-using-tablet_482257-121917.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841649.jpg?_wi=2",
|
||||
imageAlt: "african professional portrait",
|
||||
},
|
||||
id: "2", name: "John", date: "Feb 2025", title: "Developer", quote: "Love the crypto integration.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/it-specialist-looking-network-issues-affecting-rigs-performance-using-tablet_482257-121917.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841649.jpg?_wi=2", imageAlt: "african professional portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amaka",
|
||||
date: "Mar 2025",
|
||||
title: "Manager",
|
||||
quote: "Very secure, feel safe.",
|
||||
tag: "Safe",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cash-money_23-2151344887.jpg?_wi=2",
|
||||
imageAlt: "african professional portrait",
|
||||
},
|
||||
id: "3", name: "Amaka", date: "Mar 2025", title: "Manager", quote: "Very secure, feel safe.", tag: "Safe", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-cash-money_23-2151344887.jpg?_wi=2", imageAlt: "african professional portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emeka",
|
||||
date: "Apr 2025",
|
||||
title: "Trader",
|
||||
quote: "Smooth BTC withdrawals.",
|
||||
tag: "Fast",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confused-senior-businessman-wearing-suit_1262-3747.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg?_wi=2",
|
||||
imageAlt: "african professional portrait",
|
||||
},
|
||||
id: "4", name: "Emeka", date: "Apr 2025", title: "Trader", quote: "Smooth BTC withdrawals.", tag: "Fast", avatarSrc: "http://img.b2bpic.net/free-photo/confused-senior-businessman-wearing-suit_1262-3747.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg?_wi=2", imageAlt: "african professional portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tunde",
|
||||
date: "May 2025",
|
||||
title: "Consultant",
|
||||
quote: "Instant funding is a game changer.",
|
||||
tag: "Perfect",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901289.jpg?_wi=2",
|
||||
imageAlt: "african professional portrait",
|
||||
},
|
||||
id: "5", name: "Tunde", date: "May 2025", title: "Consultant", quote: "Instant funding is a game changer.", tag: "Perfect", avatarSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901289.jpg?_wi=2", imageAlt: "african professional portrait"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="See why users in Nigeria and beyond trust SwiftPay."
|
||||
@@ -366,20 +213,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I deposit?",
|
||||
content: "Just click the Deposit button and follow the prompts.",
|
||||
},
|
||||
id: "q1", title: "How do I deposit?", content: "Just click the Deposit button and follow the prompts."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my money safe?",
|
||||
content: "Yes, we use top-tier encryption and 2FA.",
|
||||
},
|
||||
id: "q2", title: "Is my money safe?", content: "Yes, we use top-tier encryption and 2FA."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I buy BTC?",
|
||||
content: "Navigate to the Crypto section and select Buy BTC.",
|
||||
},
|
||||
id: "q3", title: "How do I buy BTC?", content: "Navigate to the Crypto section and select Buy BTC."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -390,16 +228,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Support"
|
||||
title="Need Help?"
|
||||
description="Our team is available 24/7 to assist you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Support",
|
||||
href: "mailto:support@swiftpay.com",
|
||||
},
|
||||
text: "Email Support", href: "mailto:support@swiftpay.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -413,4 +248,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user