Merge version_1 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -33,35 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Ecosystem",
|
||||
id: "#ecosystem",
|
||||
},
|
||||
name: "Ecosystem", id: "#ecosystem"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="CryptoPro"
|
||||
button={{
|
||||
text: "Launch App",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Launch App", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -71,13 +57,9 @@ export default function LandingPage() {
|
||||
description="Your Gateway to the Future of Finance. Secure, Fast, and Decentralized Trading."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bitcoin-coin-keyboard-with-nice-background-crypto-money-concept_169016-63356.jpg"
|
||||
imageAlt="Crypto trading dashboard"
|
||||
@@ -90,9 +72,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About CryptoPro"
|
||||
description={[
|
||||
"CryptoPro is built on the principles of security, transparency, and innovation. We provide a robust platform for digital asset exchange, offering a seamless experience for both novice and experienced traders. Our commitment to cutting-edge technology ensures your assets are always protected and your transactions are swift.",
|
||||
"Join a community dedicated to shaping the future of decentralized finance. With CryptoPro, you gain access to a world of opportunities in the crypto market, backed by institutional-grade security and 24/7 support.",
|
||||
]}
|
||||
"CryptoPro is built on the principles of security, transparency, and innovation. We provide a robust platform for digital asset exchange, offering a seamless experience for both novice and experienced traders. Our commitment to cutting-edge technology ensures your assets are always protected and your transactions are swift.", "Join a community dedicated to shaping the future of decentralized finance. With CryptoPro, you gain access to a world of opportunities in the crypto market, backed by institutional-grade security and 24/7 support."]}
|
||||
showBorder={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,32 +84,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Unrivaled Security",
|
||||
descriptions: [
|
||||
"We implement state-of-the-art encryption and multi-factor authentication to protect your assets and data.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883584.jpg",
|
||||
imageAlt: "Security icon",
|
||||
},
|
||||
id: "f1", title: "Unrivaled Security", descriptions: [
|
||||
"We implement state-of-the-art encryption and multi-factor authentication to protect your assets and data."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883584.jpg", imageAlt: "Security icon"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Blazing Fast Transactions",
|
||||
descriptions: [
|
||||
"Experience near-instantaneous trades and transfers across global markets with our optimized blockchain infrastructure.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cryptocurrency-icon-elements-set_53876-118251.jpg",
|
||||
imageAlt: "Speed icon",
|
||||
},
|
||||
id: "f2", title: "Blazing Fast Transactions", descriptions: [
|
||||
"Experience near-instantaneous trades and transfers across global markets with our optimized blockchain infrastructure."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cryptocurrency-icon-elements-set_53876-118251.jpg", imageAlt: "Speed icon"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Truly Decentralized",
|
||||
descriptions: [
|
||||
"Harness the power of a decentralized ecosystem, giving you full control and transparency over your investments.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-cryptocurrency-25-glyph-solid-black-icon-pack-such-as-stratis-crypto-currency-crypto-crypto-dash_1142-23736.jpg",
|
||||
imageAlt: "Decentralization icon",
|
||||
},
|
||||
id: "f3", title: "Truly Decentralized", descriptions: [
|
||||
"Harness the power of a decentralized ecosystem, giving you full control and transparency over your investments."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-cryptocurrency-25-glyph-solid-black-icon-pack-such-as-stratis-crypto-currency-crypto-crypto-dash_1142-23736.jpg", imageAlt: "Decentralization icon"},
|
||||
]}
|
||||
title="Unleash Your Potential"
|
||||
description="Discover the powerful features that make CryptoPro the preferred choice for managing your digital assets."
|
||||
@@ -143,23 +108,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Active Users",
|
||||
value: "2M+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Active Users", value: "2M+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: LineChart,
|
||||
title: "Transactions/Day",
|
||||
value: "100K+",
|
||||
},
|
||||
id: "m2", icon: LineChart,
|
||||
title: "Transactions/Day", value: "100K+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: DollarSign,
|
||||
title: "Volume Traded",
|
||||
value: "$50B+",
|
||||
},
|
||||
id: "m3", icon: DollarSign,
|
||||
title: "Volume Traded", value: "$50B+"},
|
||||
]}
|
||||
title="Global Crypto Impact"
|
||||
description="Our platform drives significant value and growth across the decentralized ecosystem."
|
||||
@@ -174,53 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Spot Trading",
|
||||
price: "Low Fees",
|
||||
variant: "Instant Execution",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-various-colors-with-copy-space_23-2148285323.jpg",
|
||||
imageAlt: "Crypto spot trading interface",
|
||||
},
|
||||
id: "p1", name: "Spot Trading", price: "Low Fees", variant: "Instant Execution", imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-various-colors-with-copy-space_23-2148285323.jpg", imageAlt: "Crypto spot trading interface"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Staking Rewards",
|
||||
price: "High APY",
|
||||
variant: "Flexible & Locked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-businessman-dressed-suit_171337-371.jpg",
|
||||
imageAlt: "Cryptocurrency staking illustration",
|
||||
},
|
||||
id: "p2", name: "Staking Rewards", price: "High APY", variant: "Flexible & Locked", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-businessman-dressed-suit_171337-371.jpg", imageAlt: "Cryptocurrency staking illustration"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "NFT Marketplace",
|
||||
price: "Curated Collections",
|
||||
variant: "Rare Digital Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-headphones_23-2149153410.jpg",
|
||||
imageAlt: "NFT marketplace interface",
|
||||
},
|
||||
id: "p3", name: "NFT Marketplace", price: "Curated Collections", variant: "Rare Digital Art", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-headphones_23-2149153410.jpg", imageAlt: "NFT marketplace interface"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "DeFi Lending",
|
||||
price: "Borrow & Lend",
|
||||
variant: "Decentralized Protocols",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252416.jpg",
|
||||
imageAlt: "Decentralized finance illustration",
|
||||
},
|
||||
id: "p4", name: "DeFi Lending", price: "Borrow & Lend", variant: "Decentralized Protocols", imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252416.jpg", imageAlt: "Decentralized finance illustration"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Secure Wallet",
|
||||
price: "Multi-chain Support",
|
||||
variant: "Hardware Integration",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148588802.jpg",
|
||||
imageAlt: "Digital cryptocurrency wallet app",
|
||||
},
|
||||
id: "p5", name: "Secure Wallet", price: "Multi-chain Support", variant: "Hardware Integration", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148588802.jpg", imageAlt: "Digital cryptocurrency wallet app"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Advanced Analytics",
|
||||
price: "Pro Tools",
|
||||
variant: "Real-time Insights",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg",
|
||||
imageAlt: "Crypto market analytics dashboard",
|
||||
},
|
||||
id: "p6", name: "Advanced Analytics", price: "Pro Tools", variant: "Real-time Insights", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "Crypto market analytics dashboard"},
|
||||
]}
|
||||
title="Our Ecosystem"
|
||||
description="Explore a diverse suite of crypto products designed to elevate your financial strategy."
|
||||
@@ -231,66 +151,31 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO, InnovateX",
|
||||
company: "InnovateX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-executive_1098-3030.jpg",
|
||||
imageAlt: "Sarah Johnson, CEO",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "CEO, InnovateX", company: "InnovateX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-executive_1098-3030.jpg", imageAlt: "Sarah Johnson, CEO"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO, GlobalTech",
|
||||
company: "GlobalTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg",
|
||||
imageAlt: "Michael Chen, CTO",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "CTO, GlobalTech", company: "GlobalTech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg", imageAlt: "Michael Chen, CTO"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director, GrowthCo",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-corporate-woman-young-lady-boss-suit-looking-confident-happy-posing-outdoors-stree_1258-119447.jpg",
|
||||
imageAlt: "Emily Rodriguez, Marketing Director",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Marketing Director, GrowthCo", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-corporate-woman-young-lady-boss-suit-looking-confident-happy-posing-outdoors-stree_1258-119447.jpg", imageAlt: "Emily Rodriguez, Marketing Director"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager, ApexLabs",
|
||||
company: "ApexLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hombre-de-negocios-concentrado-en-la-oficina_1098-2518.jpg",
|
||||
imageAlt: "David Kim, Product Manager",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Product Manager, ApexLabs", company: "ApexLabs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hombre-de-negocios-concentrado-en-la-oficina_1098-2518.jpg", imageAlt: "David Kim, Product Manager"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
role: "Customer Success Lead, FinServe",
|
||||
company: "FinServe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-middle-aged-business-man_1262-2982.jpg",
|
||||
imageAlt: "Jessica Lee, Customer Success Lead",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", role: "Customer Success Lead, FinServe", company: "FinServe", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-middle-aged-business-man_1262-2982.jpg", imageAlt: "Jessica Lee, Customer Success Lead"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime",
|
||||
},
|
||||
value: "99.9%", label: "Uptime"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
value: "24/7", label: "Support"},
|
||||
{
|
||||
value: "A+",
|
||||
label: "Security Rating",
|
||||
},
|
||||
value: "A+", label: "Security Rating"},
|
||||
]}
|
||||
title="What Our Users Say"
|
||||
description="Hear from our global community about their experiences with CryptoPro."
|
||||
@@ -303,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is CryptoPro?",
|
||||
content: "CryptoPro is a leading decentralized finance platform offering secure trading, staking, and management of various digital assets.",
|
||||
},
|
||||
id: "q1", title: "What is CryptoPro?", content: "CryptoPro is a leading decentralized finance platform offering secure trading, staking, and management of various digital assets."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my crypto safe with CryptoPro?",
|
||||
content: "Absolutely. We utilize institutional-grade security protocols, including cold storage, multi-factor authentication, and advanced encryption, to ensure your assets are protected.",
|
||||
},
|
||||
id: "q2", title: "Is my crypto safe with CryptoPro?", content: "Absolutely. We utilize institutional-grade security protocols, including cold storage, multi-factor authentication, and advanced encryption, to ensure your assets are protected."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I get started?",
|
||||
content: "Simply sign up for an account, complete our quick verification process, and you'll be ready to start trading and exploring the world of DeFi with CryptoPro.",
|
||||
},
|
||||
id: "q3", title: "How do I get started?", content: "Simply sign up for an account, complete our quick verification process, and you'll be ready to start trading and exploring the world of DeFi with CryptoPro."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about CryptoPro."
|
||||
@@ -328,8 +204,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Get Started?"
|
||||
description="Join CryptoPro today and embark on your journey into decentralized finance. Have questions? Reach out to our support team."
|
||||
@@ -343,13 +218,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="CryptoPro"
|
||||
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