Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -30,117 +30,73 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="Aether Crypto"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="The Future of Digital Wealth"
|
||||
description="Experience institutional-grade crypto trading with our secure, lightning-fast platform designed for the modern investor."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.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/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ investors worldwide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Trading",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Trading", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Bitcoin: $64,230",
|
||||
},
|
||||
type: "text", text: "Bitcoin: $64,230"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethereum: $3,450",
|
||||
},
|
||||
type: "text", text: "Ethereum: $3,450"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Solana: $145",
|
||||
},
|
||||
type: "text", text: "Solana: $145"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cardano: $0.45",
|
||||
},
|
||||
type: "text", text: "Cardano: $0.45"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Polkadot: $7.20",
|
||||
},
|
||||
type: "text", text: "Polkadot: $7.20"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"High transaction fees",
|
||||
"Security vulnerabilities",
|
||||
"Slow support responses",
|
||||
"Lack of institutional reporting",
|
||||
"Fragmented liquidity",
|
||||
],
|
||||
"High transaction fees", "Security vulnerabilities", "Slow support responses", "Lack of institutional reporting", "Fragmented liquidity"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Zero-fee trading options",
|
||||
"Bank-grade cold storage",
|
||||
"24/7 dedicated support",
|
||||
"Advanced tax documentation",
|
||||
"Deep institutional liquidity",
|
||||
],
|
||||
"Zero-fee trading options", "Bank-grade cold storage", "24/7 dedicated support", "Advanced tax documentation", "Deep institutional liquidity"],
|
||||
}}
|
||||
title="Built for Sophistication"
|
||||
description="Compare why institutional investors choose our platform over standard exchanges."
|
||||
@@ -154,49 +110,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.99%",
|
||||
title: "Uptime Guarantee",
|
||||
items: [
|
||||
"Always accessible",
|
||||
"Zero downtime",
|
||||
],
|
||||
id: "m1", value: "99.99%", title: "Uptime Guarantee", items: [
|
||||
"Always accessible", "Zero downtime"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$1.2B",
|
||||
title: "Volume Traded",
|
||||
items: [
|
||||
"Annual volume",
|
||||
"Growth trending",
|
||||
],
|
||||
id: "m2", value: "$1.2B", title: "Volume Traded", items: [
|
||||
"Annual volume", "Growth trending"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50ms",
|
||||
title: "Execution Speed",
|
||||
items: [
|
||||
"Ultra-fast API",
|
||||
"Instant orders",
|
||||
],
|
||||
id: "m3", value: "50ms", title: "Execution Speed", items: [
|
||||
"Ultra-fast API", "Instant orders"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "150+",
|
||||
title: "Global Assets",
|
||||
items: [
|
||||
"Diverse portfolio",
|
||||
"Constant updates",
|
||||
],
|
||||
id: "m4", value: "150+", title: "Global Assets", items: [
|
||||
"Diverse portfolio", "Constant updates"],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "24/7",
|
||||
title: "Support Access",
|
||||
items: [
|
||||
"Expert guidance",
|
||||
"Human response",
|
||||
],
|
||||
id: "m5", value: "24/7", title: "Support Access", items: [
|
||||
"Expert guidance", "Human response"],
|
||||
},
|
||||
]}
|
||||
title="Institutional Performance"
|
||||
@@ -210,60 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Vance",
|
||||
date: "Oct 2023",
|
||||
title: "Hedge Fund Manager",
|
||||
quote: "The most professional crypto platform I have used. Unrivaled security and performance.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1",
|
||||
imageAlt: "futuristic digital crypto interface dark",
|
||||
},
|
||||
id: "1", name: "Elena Vance", date: "Oct 2023", title: "Hedge Fund Manager", quote: "The most professional crypto platform I have used. Unrivaled security and performance.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "futuristic digital crypto interface dark"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Sterling",
|
||||
date: "Nov 2023",
|
||||
title: "Crypto Trader",
|
||||
quote: "I've cut my execution time significantly. A game changer for day trading.",
|
||||
tag: "Power User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-smart-city-digital-protection-network-security_23-2151998472.jpg?_wi=1",
|
||||
imageAlt: "abstract blockchain network connection",
|
||||
},
|
||||
id: "2", name: "Mark Sterling", date: "Nov 2023", title: "Crypto Trader", quote: "I've cut my execution time significantly. A game changer for day trading.", tag: "Power User", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-smart-city-digital-protection-network-security_23-2151998472.jpg", imageAlt: "abstract blockchain network connection"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Chen",
|
||||
date: "Dec 2023",
|
||||
title: "Blockchain Analyst",
|
||||
quote: "Clean UI, robust security, and deep liquidity. Exactly what institutions need.",
|
||||
tag: "Institutional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
imageAlt: "professional headshot tech entrepreneur",
|
||||
},
|
||||
id: "3", name: "Sarah Chen", date: "Dec 2023", title: "Blockchain Analyst", quote: "Clean UI, robust security, and deep liquidity. Exactly what institutions need.", tag: "Institutional", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageAlt: "professional headshot tech entrepreneur"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thorne",
|
||||
date: "Jan 2024",
|
||||
title: "Investor",
|
||||
quote: "Excellent transparency and reporting. Managing my portfolio has never been easier.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",
|
||||
imageAlt: "futuristic digital crypto interface dark",
|
||||
},
|
||||
id: "4", name: "David Thorne", date: "Jan 2024", title: "Investor", quote: "Excellent transparency and reporting. Managing my portfolio has never been easier.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "futuristic digital crypto interface dark"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Reed",
|
||||
date: "Feb 2024",
|
||||
title: "Fund Advisor",
|
||||
quote: "Best-in-class service for high net worth clients. I highly recommend it.",
|
||||
tag: "Advisor",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-smart-city-digital-protection-network-security_23-2151998472.jpg?_wi=2",
|
||||
imageAlt: "abstract blockchain network connection",
|
||||
},
|
||||
id: "5", name: "Julia Reed", date: "Feb 2024", title: "Fund Advisor", quote: "Best-in-class service for high net worth clients. I highly recommend it.", tag: "Advisor", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-smart-city-digital-protection-network-security_23-2151998472.jpg", imageAlt: "abstract blockchain network connection"},
|
||||
]}
|
||||
title="Investor Confidence"
|
||||
description="See why top-tier investors trust our platform to scale their digital portfolios."
|
||||
@@ -276,22 +162,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How secure is my wallet?",
|
||||
content: "We utilize multi-sig wallets and cold storage for all assets.",
|
||||
},
|
||||
id: "f1", title: "How secure is my wallet?", content: "We utilize multi-sig wallets and cold storage for all assets."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there withdrawal fees?",
|
||||
content: "Our fee structure is transparent and highly competitive for pro traders.",
|
||||
},
|
||||
id: "f2", title: "Are there withdrawal fees?", content: "Our fee structure is transparent and highly competitive for pro traders."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer API access?",
|
||||
content: "Yes, our REST and WebSocket APIs are available for high-frequency trading.",
|
||||
},
|
||||
id: "f3", title: "Do you offer API access?", content: "Yes, our REST and WebSocket APIs are available for high-frequency trading."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cybersecurity-smart-city-digital-protection-network-security_23-2151998472.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cybersecurity-smart-city-digital-protection-network-security_23-2151998472.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Common Questions"
|
||||
description="Get answers to frequently asked questions about our security and trading platform."
|
||||
@@ -306,25 +183,17 @@ export default function LandingPage() {
|
||||
description="Ready to trade with premium tools? Reach out to our team for a personalized demo."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your needs", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -333,29 +202,19 @@ export default function LandingPage() {
|
||||
logoText="Aether Crypto"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Trading",
|
||||
items: [
|
||||
title: "Trading", items: [
|
||||
{
|
||||
label: "Exchange",
|
||||
href: "#",
|
||||
},
|
||||
label: "Exchange", href: "#"},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
label: "API", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user