Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ea2c3b687f | |||
| b411d21a5a |
273
src/app/page.tsx
273
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/crypto-coin-bitcoin-logo-new-design_483537-4794.jpg"
|
||||
logoAlt="CryptoVerse Logo"
|
||||
@@ -67,17 +53,14 @@ export default function LandingPage() {
|
||||
bottomLeftText="Global Crypto Community"
|
||||
bottomRightText="support@cryptoverse.com"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Innovate. Invest. Thrive."
|
||||
description="Unlock the future of finance with CryptoVerse, your premium gateway to decentralized assets and secure blockchain innovation. Experience unparalleled security, lightning-fast transactions, and a suite of advanced tools designed for the modern investor."
|
||||
tag="Next-Gen Crypto Platform"
|
||||
@@ -85,13 +68,9 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Features", href: "#features"},
|
||||
{
|
||||
text: "Start Trading",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Trading", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bitcoin-coin-keyboard-with-nice-background-crypto-money-concept_169016-63356.jpg"
|
||||
@@ -117,23 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Unrivaled Security",
|
||||
description: "Multi-layer encryption and cold storage solutions keep your assets safe from threats. We employ industry-leading practices to ensure your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-security-line-filled-color-icon-pack-like-protection-x-protection-shield-protect_1142-18755.jpg",
|
||||
imageAlt: "Digital padlock on circuit board",
|
||||
},
|
||||
title: "Unrivaled Security", description: "Multi-layer encryption and cold storage solutions keep your assets safe from threats. We employ industry-leading practices to ensure your peace of mind.", imageSrc: "http://img.b2bpic.net/free-vector/20-security-line-filled-color-icon-pack-like-protection-x-protection-shield-protect_1142-18755.jpg", imageAlt: "Digital padlock on circuit board"},
|
||||
{
|
||||
title: "Lightning-Fast Transactions",
|
||||
description: "Execute trades and transfers in milliseconds with our optimized blockchain infrastructure. Never miss an opportunity with near-instant settlements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901289.jpg",
|
||||
imageAlt: "Streaks of light showing fast transactions",
|
||||
},
|
||||
title: "Lightning-Fast Transactions", description: "Execute trades and transfers in milliseconds with our optimized blockchain infrastructure. Never miss an opportunity with near-instant settlements.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901289.jpg", imageAlt: "Streaks of light showing fast transactions"},
|
||||
{
|
||||
title: "Global Accessibility",
|
||||
description: "Access CryptoVerse from anywhere in the world, at any time. Our platform supports multiple languages and currencies for truly global participation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-bitcoin-coin-keyboard-stock-market-trading-chart-online-candlestick_169016-66282.jpg",
|
||||
imageAlt: "Globe with network connections",
|
||||
},
|
||||
title: "Global Accessibility", description: "Access CryptoVerse from anywhere in the world, at any time. Our platform supports multiple languages and currencies for truly global participation.", imageSrc: "http://img.b2bpic.net/free-photo/golden-bitcoin-coin-keyboard-stock-market-trading-chart-online-candlestick_169016-66282.jpg", imageAlt: "Globe with network connections"},
|
||||
]}
|
||||
title="Advanced Features for Modern Crypto Investors"
|
||||
description="Our platform is engineered with robust security protocols, lightning-fast transaction speeds, and a user-friendly interface to give you the ultimate trading experience."
|
||||
@@ -147,25 +114,13 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$500M+",
|
||||
description: "Total Value Locked",
|
||||
},
|
||||
id: "m1", value: "$500M+", description: "Total Value Locked"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2M+",
|
||||
description: "Active Users",
|
||||
},
|
||||
id: "m2", value: "2M+", description: "Active Users"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
description: "Supported Assets",
|
||||
},
|
||||
id: "m3", value: "100+", description: "Supported Assets"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "20+",
|
||||
description: "Countries Served",
|
||||
},
|
||||
id: "m4", value: "20+", description: "Countries Served"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -179,65 +134,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "CryptoVerse",
|
||||
name: "Secure Staking",
|
||||
price: "High APY",
|
||||
rating: 5,
|
||||
reviewCount: "1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-bitcoin-moskvich-401-table-glowing_1153-4557.jpg",
|
||||
imageAlt: "Crypto staking illustration",
|
||||
},
|
||||
id: "p1", brand: "CryptoVerse", name: "Secure Staking", price: "High APY", rating: 5,
|
||||
reviewCount: "1,200", imageSrc: "http://img.b2bpic.net/free-photo/silver-bitcoin-moskvich-401-table-glowing_1153-4557.jpg", imageAlt: "Crypto staking illustration"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "CryptoVerse",
|
||||
name: "Decentralized Exchange",
|
||||
price: "Low Fees",
|
||||
rating: 4.8,
|
||||
reviewCount: "3,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-man-working-place-woth-laptop-monitor-screen-holding-phone-bitcoin_231208-11139.jpg",
|
||||
imageAlt: "Crypto exchange platform",
|
||||
},
|
||||
id: "p2", brand: "CryptoVerse", name: "Decentralized Exchange", price: "Low Fees", rating: 4.8,
|
||||
reviewCount: "3,500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-man-working-place-woth-laptop-monitor-screen-holding-phone-bitcoin_231208-11139.jpg", imageAlt: "Crypto exchange platform"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "CryptoVerse",
|
||||
name: "Multi-Asset Wallet",
|
||||
price: "Free",
|
||||
rating: 4.9,
|
||||
reviewCount: "5,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/secure-bank-transfers-via-mobile-device-online-payment-credit-card-with-smartphone_39422-567.jpg",
|
||||
imageAlt: "Crypto wallet application",
|
||||
},
|
||||
id: "p3", brand: "CryptoVerse", name: "Multi-Asset Wallet", price: "Free", rating: 4.9,
|
||||
reviewCount: "5,000", imageSrc: "http://img.b2bpic.net/free-vector/secure-bank-transfers-via-mobile-device-online-payment-credit-card-with-smartphone_39422-567.jpg", imageAlt: "Crypto wallet application"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "CryptoVerse",
|
||||
name: "Derivatives Trading",
|
||||
price: "Advanced",
|
||||
rating: 4.7,
|
||||
reviewCount: "800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg",
|
||||
imageAlt: "Crypto derivatives chart",
|
||||
},
|
||||
id: "p4", brand: "CryptoVerse", name: "Derivatives Trading", price: "Advanced", rating: 4.7,
|
||||
reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg", imageAlt: "Crypto derivatives chart"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "CryptoVerse",
|
||||
name: "AI Analytics Suite",
|
||||
price: "Premium",
|
||||
rating: 4.9,
|
||||
reviewCount: "1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904329.jpg",
|
||||
imageAlt: "AI crypto analytics",
|
||||
},
|
||||
id: "p5", brand: "CryptoVerse", name: "AI Analytics Suite", price: "Premium", rating: 4.9,
|
||||
reviewCount: "1,500", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904329.jpg", imageAlt: "AI crypto analytics"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "CryptoVerse",
|
||||
name: "P2P Lending",
|
||||
price: "Flexible Rates",
|
||||
rating: 4.6,
|
||||
reviewCount: "900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cryptocurrency-rendering-design_23-2149074563.jpg",
|
||||
imageAlt: "Peer-to-peer crypto lending",
|
||||
},
|
||||
id: "p6", brand: "CryptoVerse", name: "P2P Lending", price: "Flexible Rates", rating: 4.6,
|
||||
reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-photo/3d-cryptocurrency-rendering-design_23-2149074563.jpg", imageAlt: "Peer-to-peer crypto lending"},
|
||||
]}
|
||||
title="Our Premier Crypto Products"
|
||||
description="Discover a diverse range of products designed to maximize your crypto potential, from secure staking to advanced trading tools."
|
||||
@@ -251,62 +164,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
tagIcon: Sparkles,
|
||||
price: "$0",
|
||||
period: "/month",
|
||||
description: "Perfect for new users exploring the crypto world.",
|
||||
button: {
|
||||
text: "Sign Up Free",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Basic Trading Tools",
|
||||
"Multi-Asset Wallet",
|
||||
"Real-time Data",
|
||||
"Community Support",
|
||||
],
|
||||
id: "basic", tag: "Starter", tagIcon: Sparkles,
|
||||
price: "$0", period: "/month", description: "Perfect for new users exploring the crypto world.", button: {
|
||||
text: "Sign Up Free", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Basic Trading Tools", "Multi-Asset Wallet", "Real-time Data", "Community Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro Trader",
|
||||
tagIcon: Zap,
|
||||
price: "$29",
|
||||
period: "/month",
|
||||
description: "Unlock advanced tools for serious crypto investors.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All Starter Features",
|
||||
"Advanced Trading Tools",
|
||||
"AI-Powered Analytics",
|
||||
"Priority Support",
|
||||
"Access to Derivatives",
|
||||
],
|
||||
id: "pro", tag: "Pro Trader", tagIcon: Zap,
|
||||
price: "$29", period: "/month", description: "Unlock advanced tools for serious crypto investors.", button: {
|
||||
text: "Go Pro", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"All Starter Features", "Advanced Trading Tools", "AI-Powered Analytics", "Priority Support", "Access to Derivatives"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Enterprise",
|
||||
tagIcon: Shield,
|
||||
price: "Custom",
|
||||
period: "/month",
|
||||
description: "Tailored solutions for institutions and high-volume traders.",
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All Pro Features",
|
||||
"Dedicated Account Manager",
|
||||
"Custom API Integrations",
|
||||
"Institutional Grade Security",
|
||||
"Exclusive Market Insights",
|
||||
id: "premium", tag: "Enterprise", tagIcon: Shield,
|
||||
price: "Custom", period: "/month", description: "Tailored solutions for institutions and high-volume traders.", button: {
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"All Pro Features", "Dedicated Account Manager", "Custom API Integrations", "Institutional Grade Security", "Exclusive Market Insights", "Early Access to New Features"
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -320,50 +196,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-office-assistant-waiting-corporate-partners_1262-16402.jpg",
|
||||
imageAlt: "Alex Chen, CEO",
|
||||
},
|
||||
id: "t1", name: "Alex Chen", imageSrc: "http://img.b2bpic.net/free-photo/serious-office-assistant-waiting-corporate-partners_1262-16402.jpg", imageAlt: "Alex Chen, CEO"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Samantha Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
imageAlt: "Samantha Lee, CTO",
|
||||
},
|
||||
id: "t2", name: "Samantha Lee", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageAlt: "Samantha Lee, CTO"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Ramirez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-with-optical-sunglasses-posing-threatening-white-wall-work-job-office-female-business_140725-65026.jpg",
|
||||
imageAlt: "Mark Ramirez, Marketing Director",
|
||||
},
|
||||
id: "t3", name: "Mark Ramirez", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-with-optical-sunglasses-posing-threatening-white-wall-work-job-office-female-business_140725-65026.jpg", imageAlt: "Mark Ramirez, Marketing Director"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jessica Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-correcting-grammar-mistakes_23-2150171429.jpg",
|
||||
imageAlt: "Jessica Kim, Product Manager",
|
||||
},
|
||||
id: "t4", name: "Jessica Kim", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-correcting-grammar-mistakes_23-2150171429.jpg", imageAlt: "Jessica Kim, Product Manager"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Gupta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-grey-haired-company-owner-using-smartphone_74855-3423.jpg",
|
||||
imageAlt: "David Gupta, Investor",
|
||||
},
|
||||
id: "t5", name: "David Gupta", imageSrc: "http://img.b2bpic.net/free-photo/focused-grey-haired-company-owner-using-smartphone_74855-3423.jpg", imageAlt: "David Gupta, Investor"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Olivia Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-having-fun-work-while-wearing-virtual-reality-simulator_637285-34.jpg",
|
||||
imageAlt: "Olivia Smith, Founder",
|
||||
},
|
||||
id: "t6", name: "Olivia Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-having-fun-work-while-wearing-virtual-reality-simulator_637285-34.jpg", imageAlt: "Olivia Smith, Founder"},
|
||||
]}
|
||||
cardTitle="What Our Investors Say"
|
||||
cardTag="Trusted by Experts"
|
||||
cardTagIcon={Star}
|
||||
buttons={[
|
||||
{
|
||||
text: "Read All Reviews",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read All Reviews", href: "#"},
|
||||
]}
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
@@ -373,20 +223,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Invest?"
|
||||
title="Join CryptoVerse Today"
|
||||
description="Begin your journey into the exciting world of digital assets. Create an account in minutes and start building your financial future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Free Account",
|
||||
href: "#",
|
||||
},
|
||||
text: "Create Free Account", href: "#"},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -397,13 +242,9 @@ export default function LandingPage() {
|
||||
logoAlt="CryptoVerse Logo"
|
||||
logoText="CryptoVerse"
|
||||
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