Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 473629610f | |||
| 4bc07ee1ae |
298
src/app/page.tsx
298
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
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="NeoBank"
|
||||
/>
|
||||
@@ -60,99 +50,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Banking for the Digital Age."
|
||||
description="Secure, fast, and transparent financial services designed for your lifestyle. Experience the evolution of modern banking."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best banking experience I've had. Fast and transparent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "The best banking experience I've had. Fast and transparent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg"},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@mchen",
|
||||
testimonial: "Professional services with seamless digital integration.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-design-building-model-maquette-work-man-builder-working-with-digital-device-plan-construction-project-blueprints-urban-development_482257-27902.jpg",
|
||||
},
|
||||
name: "Michael C.", handle: "@mchen", testimonial: "Professional services with seamless digital integration.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-design-building-model-maquette-work-man-builder-working-with-digital-device-plan-construction-project-blueprints-urban-development_482257-27902.jpg"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Finally a bank that works the way I do.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
|
||||
},
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "Finally a bank that works the way I do.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Excellent customer support and intuitive interface.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
},
|
||||
name: "David K.", handle: "@davidk", testimonial: "Excellent customer support and intuitive interface.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
|
||||
{
|
||||
name: "Maria L.",
|
||||
handle: "@marial",
|
||||
testimonial: "The savings tools are top-notch. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
|
||||
},
|
||||
name: "Maria L.", handle: "@marial", testimonial: "The savings tools are top-notch. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
text: "Open Your Account"},
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "See How It Works"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg", alt: "Sarah J."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
|
||||
alt: "Michael C.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", alt: "Michael C."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
alt: "Elena R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Elena R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", alt: "David K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-priest-using-laptop_23-2149284668.jpg",
|
||||
alt: "Maria L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-priest-using-laptop_23-2149284668.jpg", alt: "Maria L."},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "SECURE",
|
||||
},
|
||||
type: "text", text: "SECURE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "FAST",
|
||||
},
|
||||
type: "text", text: "FAST"},
|
||||
{
|
||||
type: "text",
|
||||
text: "TRANSPARENT",
|
||||
},
|
||||
type: "text", text: "TRANSPARENT"},
|
||||
{
|
||||
type: "text",
|
||||
text: "GLOBAL",
|
||||
},
|
||||
type: "text", text: "GLOBAL"},
|
||||
{
|
||||
type: "text",
|
||||
text: "INNOVATIVE",
|
||||
},
|
||||
type: "text", text: "INNOVATIVE"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,26 +124,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Real-time Tracking",
|
||||
subtitle: "Instant updates",
|
||||
category: "Efficiency",
|
||||
value: "100%",
|
||||
},
|
||||
id: "f1", title: "Real-time Tracking", subtitle: "Instant updates", category: "Efficiency", value: "100%"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Security First",
|
||||
subtitle: "AES-256 Encryption",
|
||||
category: "Security",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "f2", title: "Security First", subtitle: "AES-256 Encryption", category: "Security", value: "24/7"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Global Access",
|
||||
subtitle: "Pay anywhere",
|
||||
category: "Access",
|
||||
value: "Worldwide",
|
||||
},
|
||||
id: "f3", title: "Global Access", subtitle: "Pay anywhere", category: "Access", value: "Worldwide"},
|
||||
]}
|
||||
title="Smart Financial Tools"
|
||||
description="Powerful features designed to optimize your money management."
|
||||
@@ -211,41 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Personal Checking",
|
||||
price: "Fee-free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
},
|
||||
id: "p1", name: "Personal Checking", price: "Fee-free", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Savings Plus",
|
||||
price: "4.5% APY",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg",
|
||||
},
|
||||
id: "p2", name: "Savings Plus", price: "4.5% APY", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Business Account",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-looking-smartphone-with-smart-home-lights-app-sitting-kitchen-house-with-automation-lighting-system-turning-bulbs-with-voice-command_482257-2256.jpg",
|
||||
},
|
||||
id: "p3", name: "Business Account", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-smartphone-with-smart-home-lights-app-sitting-kitchen-house-with-automation-lighting-system-turning-bulbs-with-voice-command_482257-2256.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Investment Portfolio",
|
||||
price: "Variable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
|
||||
},
|
||||
id: "p4", name: "Investment Portfolio", price: "Variable", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gold Card",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-53733.jpg",
|
||||
},
|
||||
id: "p5", name: "Gold Card", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-51519.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Virtual Card",
|
||||
price: "Instant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884856.jpg",
|
||||
},
|
||||
id: "p6", name: "Virtual Card", price: "Instant", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884856.jpg"},
|
||||
]}
|
||||
title="Our Accounts"
|
||||
description="Choose the account that best fits your needs."
|
||||
@@ -259,48 +167,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$0",
|
||||
name: "Basic",
|
||||
buttons: [
|
||||
id: "basic", price: "$0", name: "Basic", buttons: [
|
||||
{
|
||||
text: "Join Free",
|
||||
},
|
||||
text: "Join Free"},
|
||||
],
|
||||
features: [
|
||||
"Mobile Banking",
|
||||
"Global ATM Access",
|
||||
],
|
||||
"Mobile Banking", "Global ATM Access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$9",
|
||||
name: "Pro",
|
||||
buttons: [
|
||||
id: "pro", price: "$9", name: "Pro", buttons: [
|
||||
{
|
||||
text: "Get Pro",
|
||||
},
|
||||
text: "Get Pro"},
|
||||
],
|
||||
features: [
|
||||
"Cashback",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
"Cashback", "Advanced Analytics", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
price: "$29",
|
||||
name: "Premium",
|
||||
buttons: [
|
||||
id: "premium", price: "$29", name: "Premium", buttons: [
|
||||
{
|
||||
text: "Get Premium",
|
||||
},
|
||||
text: "Get Premium"},
|
||||
],
|
||||
features: [
|
||||
"All Pro Features",
|
||||
"Investment Tools",
|
||||
"Concierge Service",
|
||||
],
|
||||
"All Pro Features", "Investment Tools", "Concierge Service"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -315,31 +203,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Active Users",
|
||||
items: [
|
||||
"Happy customers",
|
||||
"Trusted globally",
|
||||
],
|
||||
id: "m1", value: "50K+", title: "Active Users", items: [
|
||||
"Happy customers", "Trusted globally"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$1B+",
|
||||
title: "Volume Processed",
|
||||
items: [
|
||||
"Secure transfers",
|
||||
"Growth driven",
|
||||
],
|
||||
id: "m2", value: "$1B+", title: "Volume Processed", items: [
|
||||
"Secure transfers", "Growth driven"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Always available",
|
||||
"Stable infra",
|
||||
],
|
||||
id: "m3", value: "99.9%", title: "Uptime", items: [
|
||||
"Always available", "Stable infra"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -355,25 +228,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg", alt: "Elena"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
alt: "Maria",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Maria"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -387,20 +250,12 @@ export default function LandingPage() {
|
||||
description="Have questions? Our support team is ready to assist you anytime."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-owner-analyzing-blank-mockup-display-smartphone_482257-87225.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -409,42 +264,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Checking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Checking", href: "#"},
|
||||
{
|
||||
label: "Savings",
|
||||
href: "#",
|
||||
},
|
||||
label: "Savings", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user