Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9a33510171 | |||
| 24b8c6e872 |
262
src/app/page.tsx
262
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="BlueChip Crypto"
|
brandName="BlueChip Crypto"
|
||||||
/>
|
/>
|
||||||
@@ -52,112 +46,65 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="The Future of Digital Wealth"
|
title="The Future of Digital Wealth"
|
||||||
description="Experience professional-grade crypto management with our secure, high-performance platform designed for the modern investor."
|
description="Experience professional-grade crypto management with our secure, high-performance platform designed for the modern investor."
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg", imageAlt: "Trading UI 1"},
|
||||||
imageAlt: "Trading UI 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-reviews-stock-data-screen_482257-121089.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/employee-reviews-stock-data-screen_482257-121089.jpg", imageAlt: "Trading UI 2"},
|
||||||
imageAlt: "Trading UI 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg", imageAlt: "Trading UI 3"},
|
||||||
imageAlt: "Trading UI 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg", imageAlt: "Trading UI 4"},
|
||||||
imageAlt: "Trading UI 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-graphs-performance-metrics-monitors-office_482257-126569.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/business-graphs-performance-metrics-monitors-office_482257-126569.jpg", imageAlt: "Trading UI 5"},
|
||||||
imageAlt: "Trading UI 5",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-cryptocurrency-concept-stock-trading-laptop_169016-66903.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-cryptocurrency-concept-stock-trading-laptop_169016-66903.jpg", imageAlt: "Trading UI 6"},
|
||||||
imageAlt: "Trading UI 6",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-hacker-uses-tablet-governmental-cyber-operations-office_482257-116003.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/chinese-hacker-uses-tablet-governmental-cyber-operations-office_482257-116003.jpg", imageAlt: "Trading UI 1"},
|
||||||
imageAlt: "Trading UI 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-charts-kpi-metrics-displays-office_482257-126638.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/financial-charts-kpi-metrics-displays-office_482257-126638.jpg", imageAlt: "Trading UI 2"},
|
||||||
imageAlt: "Trading UI 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg", imageAlt: "Trading UI 3"},
|
||||||
imageAlt: "Trading UI 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg", imageAlt: "Trading UI 4"},
|
||||||
imageAlt: "Trading UI 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg", imageAlt: "Trading UI 5"},
|
||||||
imageAlt: "Trading UI 5",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-keyboard-with-nice-background-crypto-money-concept_169016-63477.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-keyboard-with-nice-background-crypto-money-concept_169016-63477.jpg", imageAlt: "Trading UI 6"},
|
||||||
imageAlt: "Trading UI 6",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Start Trading Today", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/broker-working-using-computer_53876-138942.jpg",
|
src: "http://img.b2bpic.net/free-photo/broker-working-using-computer_53876-138942.jpg", alt: "Investor A"},
|
||||||
alt: "Investor A",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg",
|
src: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg", alt: "Investor B"},
|
||||||
alt: "Investor B",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg",
|
src: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg", alt: "Investor C"},
|
||||||
alt: "Investor C",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background-with-shallow-depth-field_1048-12413.jpg",
|
src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background-with-shallow-depth-field_1048-12413.jpg", alt: "Investor D"},
|
||||||
alt: "Investor D",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg",
|
src: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg", alt: "Investor E"},
|
||||||
alt: "Investor E",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 50,000+ active traders"
|
avatarText="Join 50,000+ active traders"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "High Liquidity"},
|
||||||
text: "High Liquidity",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "24/7 Global Access"},
|
||||||
text: "24/7 Global Access",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Institutional Grade"},
|
||||||
text: "Institutional Grade",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Secure Encryption"},
|
||||||
text: "Secure Encryption",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Zero-Lag Trading"},
|
||||||
text: "Zero-Lag Trading",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -170,17 +117,11 @@ export default function LandingPage() {
|
|||||||
description="Our architecture provides the most reliable security infrastructure for digital asset management. We prioritize transparency in every transaction so you can invest with total confidence."
|
description="Our architecture provides the most reliable security infrastructure for digital asset management. We prioritize transparency in every transaction so you can invest with total confidence."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Advanced Encryption",
|
title: "Advanced Encryption", description: "Bank-grade security protocols for every asset."},
|
||||||
description: "Bank-grade security protocols for every asset.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "24/7 Liquidity",
|
title: "24/7 Liquidity", description: "Instant access to global markets anytime."},
|
||||||
description: "Instant access to global markets anytime.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Automated Compliance",
|
title: "Automated Compliance", description: "Ensuring safety within regulatory frameworks."},
|
||||||
description: "Ensuring safety within regulatory frameworks.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/dimly-lit-facility-running-deep-learning-platforms-neural-networks-training_482257-124557.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/dimly-lit-facility-running-deep-learning-platforms-neural-networks-training_482257-124557.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -194,20 +135,11 @@ export default function LandingPage() {
|
|||||||
description="Get ahead of the market with our suite of enterprise-grade features."
|
description="Get ahead of the market with our suite of enterprise-grade features."
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Live Market Data", content: "Real-time updates across all assets."},
|
||||||
title: "Live Market Data",
|
|
||||||
content: "Real-time updates across all assets.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Smart Portfolio Tracking", content: "Manage your diverse holdings in one view."},
|
||||||
title: "Smart Portfolio Tracking",
|
|
||||||
content: "Manage your diverse holdings in one view.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Instant Withdrawals", content: "Seamless off-ramping to fiat."},
|
||||||
title: "Instant Withdrawals",
|
|
||||||
content: "Seamless off-ramping to fiat.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-laptop-with-annual-evolution_1098-3503.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-laptop-with-annual-evolution_1098-3503.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -221,37 +153,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", badge: "Essential", price: "$99/mo", subtitle: "For new investors", features: [
|
||||||
badge: "Essential",
|
"Market Analytics", "Portfolio Tracker", "24/7 Support"],
|
||||||
price: "$99/mo",
|
|
||||||
subtitle: "For new investors",
|
|
||||||
features: [
|
|
||||||
"Market Analytics",
|
|
||||||
"Portfolio Tracker",
|
|
||||||
"24/7 Support",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", badge: "Pro", price: "$299/mo", subtitle: "For daily traders", features: [
|
||||||
badge: "Pro",
|
"All Basic Features", "API Access", "Low Fee Structure"],
|
||||||
price: "$299/mo",
|
|
||||||
subtitle: "For daily traders",
|
|
||||||
features: [
|
|
||||||
"All Basic Features",
|
|
||||||
"API Access",
|
|
||||||
"Low Fee Structure",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "enterprise",
|
id: "enterprise", badge: "Enterprise", price: "$999/mo", subtitle: "For institutions", features: [
|
||||||
badge: "Enterprise",
|
"All Pro Features", "Dedicated Account Manager", "Custom Compliance"],
|
||||||
price: "$999/mo",
|
|
||||||
subtitle: "For institutions",
|
|
||||||
features: [
|
|
||||||
"All Pro Features",
|
|
||||||
"Dedicated Account Manager",
|
|
||||||
"Custom Compliance",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Simple Pricing"
|
title="Simple Pricing"
|
||||||
@@ -266,23 +177,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", icon: CheckCircle,
|
||||||
icon: CheckCircle,
|
title: "Trades Executed", value: "12M+"},
|
||||||
title: "Trades Executed",
|
|
||||||
value: "12M+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", icon: Shield,
|
||||||
icon: Shield,
|
title: "Assets Secured", value: "$5B"},
|
||||||
title: "Assets Secured",
|
|
||||||
value: "$5B",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", icon: Zap,
|
||||||
icon: Zap,
|
title: "Uptime", value: "99.99%"},
|
||||||
title: "Uptime",
|
|
||||||
value: "99.99%",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Platform Excellence"
|
title="Platform Excellence"
|
||||||
description="Data-backed confidence for over 50,000+ active users."
|
description="Data-backed confidence for over 50,000+ active users."
|
||||||
@@ -295,45 +197,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Exceptional", quote: "The platform is incredibly reliable and fast.", name: "Sarah J.", role: "Trader", imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg"},
|
||||||
title: "Exceptional",
|
|
||||||
quote: "The platform is incredibly reliable and fast.",
|
|
||||||
name: "Sarah J.",
|
|
||||||
role: "Trader",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Highly Recommended", quote: "Best tools in the industry for daily analysis.", name: "Mike T.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-looking-outside-window-her-office-smiling-with-confidence_1258-194662.jpg"},
|
||||||
title: "Highly Recommended",
|
|
||||||
quote: "Best tools in the industry for daily analysis.",
|
|
||||||
name: "Mike T.",
|
|
||||||
role: "Investor",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-looking-outside-window-her-office-smiling-with-confidence_1258-194662.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Secure", quote: "I feel safe knowing my assets are protected here.", name: "Elena K.", role: "Analyst", imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg"},
|
||||||
title: "Secure",
|
|
||||||
quote: "I feel safe knowing my assets are protected here.",
|
|
||||||
name: "Elena K.",
|
|
||||||
role: "Analyst",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "Efficient", quote: "The interface is so clean and easy to use.", name: "David W.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
|
||||||
title: "Efficient",
|
|
||||||
quote: "The interface is so clean and easy to use.",
|
|
||||||
name: "David W.",
|
|
||||||
role: "Developer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", title: "Game Changer", quote: "Changed how I approach my portfolio management.", name: "Lisa B.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg"},
|
||||||
title: "Game Changer",
|
|
||||||
quote: "Changed how I approach my portfolio management.",
|
|
||||||
name: "Lisa B.",
|
|
||||||
role: "Manager",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Trusted by Experts"
|
title="Trusted by Experts"
|
||||||
description="Join the growing community of professionals who trust our platform."
|
description="Join the growing community of professionals who trust our platform."
|
||||||
@@ -345,14 +217,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"Bloomberg",
|
"Bloomberg", "Financial Times", "TechCrunch", "Forbes", "Nasdaq", "CNBC", "Reuters"]}
|
||||||
"Financial Times",
|
|
||||||
"TechCrunch",
|
|
||||||
"Forbes",
|
|
||||||
"Nasdaq",
|
|
||||||
"CNBC",
|
|
||||||
"Reuters",
|
|
||||||
]}
|
|
||||||
title="Recognized Globally"
|
title="Recognized Globally"
|
||||||
description="Featured by major financial technology publications."
|
description="Featured by major financial technology publications."
|
||||||
/>
|
/>
|
||||||
@@ -362,8 +227,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Get Started Today"
|
title="Get Started Today"
|
||||||
description="Join our platform and unlock new potential for your digital assets."
|
description="Join our platform and unlock new potential for your digital assets."
|
||||||
@@ -378,29 +242,19 @@ export default function LandingPage() {
|
|||||||
logoText="BlueChip Crypto"
|
logoText="BlueChip Crypto"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Platform",
|
title: "Platform", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Features",
|
label: "Features", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user