Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Market",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Market", id: "metrics" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NexusCrypto"
|
||||
/>
|
||||
@@ -55,43 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Future-Proof Your Wealth with Institutional Crypto Trading"
|
||||
description="NexusCrypto offers elite security and lightning-fast execution for professionals seeking to dominate the digital asset market."
|
||||
tag="Trusted by 10,000+ Institutional Clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Get Started", href: "#pricing" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57208.jpg?_wi=1",
|
||||
imageAlt: "Crypto UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",
|
||||
imageAlt: "Crypto UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",
|
||||
imageAlt: "3D flowing particles network communications design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-55175.jpg",
|
||||
imageAlt: "Man trading browsing online stock investments at night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66447.jpg",
|
||||
imageAlt: "Trading stock Stock market Business graph Trading investment Broker Stock exchange market",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57208.jpg", imageAlt: "Crypto UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg", imageAlt: "Crypto UI" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -101,36 +63,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "0.01s",
|
||||
title: "Latency",
|
||||
items: [
|
||||
"Sub-millisecond execution",
|
||||
"Global edge servers",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$10B+",
|
||||
title: "Volume",
|
||||
items: [
|
||||
"Daily traded volume",
|
||||
"Deep market liquidity",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Institutional reliability",
|
||||
"24/7 maintenance",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "0.01s", title: "Latency", items: ["Sub-millisecond execution", "Global edge servers"] },
|
||||
{ id: "m2", value: "$10B+", title: "Volume", items: ["Daily traded volume", "Deep market liquidity"] },
|
||||
{ id: "m3", value: "99.9%", title: "Uptime", items: ["Institutional reliability", "24/7 maintenance"] },
|
||||
]}
|
||||
title="Market Leading Performance"
|
||||
description="Unmatched speed and security for the discerning trader."
|
||||
@@ -143,33 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Advanced Security",
|
||||
tags: [
|
||||
"AES-256",
|
||||
"MPC",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/bit-coin-bussines-icon_36662-2146.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Real-time Execution",
|
||||
tags: [
|
||||
"HFT",
|
||||
"Low Latency",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-light-bokeh-depicting-upward-trending-graph-showing-growth-progress_191095-99604.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Global Liquidity",
|
||||
tags: [
|
||||
"OTC",
|
||||
"24/7 Access",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fintech-business-elements_24908-56734.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Advanced Security", tags: ["AES-256", "MPC"], imageSrc: "http://img.b2bpic.net/free-vector/bit-coin-bussines-icon_36662-2146.jpg" },
|
||||
{ id: "f2", title: "Real-time Execution", tags: ["HFT", "Low Latency"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-light-bokeh-depicting-upward-trending-graph-showing-growth-progress_191095-99604.jpg" },
|
||||
{ id: "f3", title: "Global Liquidity", tags: ["OTC", "24/7 Access"], imageSrc: "http://img.b2bpic.net/free-vector/fintech-business-elements_24908-56734.jpg" },
|
||||
]}
|
||||
title="Engineered for Elite Traders"
|
||||
description="Experience superior trading tools designed to help you execute complex strategies with confidence."
|
||||
@@ -181,13 +96,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Defining the Standard of Secure Digital Wealth"
|
||||
description="NexusCrypto is the bridge between traditional finance and the decentralized future. We provide a robust architecture built on transparency, safety, and performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Vision",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-jin-mao-tower-looking-up-from-lobby-grand-hyatt-hotel-shanghai-china_181624-8195.jpg?_wi=1"
|
||||
buttons={[{ text: "Our Vision", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-jin-mao-tower-looking-up-from-lobby-grand-hyatt-hotel-shanghai-china_181624-8195.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,53 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Pro",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"10 API Keys",
|
||||
"24/7 Support",
|
||||
"Zero Trading Fees",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-with-cryptocurrency_23-2149102127.jpg",
|
||||
imageAlt: "bitcoin logo white",
|
||||
},
|
||||
id: "p1", title: "Pro", price: "$99", period: "/mo", features: ["10 API Keys", "24/7 Support", "Zero Trading Fees"],
|
||||
button: { text: "Get Started" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-with-cryptocurrency_23-2149102127.jpg", imageAlt: "bitcoin logo white"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Enterprise",
|
||||
price: "$499",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Dedicated Account Manager",
|
||||
"OTC Access",
|
||||
"Institutional Custody",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57208.jpg?_wi=2",
|
||||
imageAlt: "bitcoin logo white",
|
||||
},
|
||||
id: "p2", title: "Enterprise", price: "$499", period: "/mo", features: ["Dedicated Account Manager", "OTC Access", "Institutional Custody"],
|
||||
button: { text: "Contact Sales" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57208.jpg", imageAlt: "bitcoin logo white"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Institutional",
|
||||
price: "Custom",
|
||||
period: "",
|
||||
features: [
|
||||
"Full API Access",
|
||||
"Custom Integrations",
|
||||
"Compliance Portal",
|
||||
],
|
||||
button: {
|
||||
text: "Request Quote",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-jin-mao-tower-looking-up-from-lobby-grand-hyatt-hotel-shanghai-china_181624-8195.jpg?_wi=2",
|
||||
imageAlt: "bitcoin logo white",
|
||||
},
|
||||
id: "p3", title: "Institutional", price: "Custom", period: "", features: ["Full API Access", "Custom Integrations", "Compliance Portal"],
|
||||
button: { text: "Request Quote" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-jin-mao-tower-looking-up-from-lobby-grand-hyatt-hotel-shanghai-china_181624-8195.jpg", imageAlt: "bitcoin logo white"},
|
||||
]}
|
||||
title="Select Your Trading Tier"
|
||||
description="Choose a plan that scales with your strategy."
|
||||
@@ -255,15 +129,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bitcoin",
|
||||
"Ethereum",
|
||||
"Solana",
|
||||
"Polkadot",
|
||||
"Chainlink",
|
||||
"Ripple",
|
||||
"Cardano",
|
||||
]}
|
||||
names={["Bitcoin", "Ethereum", "Solana", "Polkadot", "Chainlink", "Ripple", "Cardano"]}
|
||||
title="Powered by Leading Blockchain Networks"
|
||||
description="Integration with world-class protocols."
|
||||
/>
|
||||
@@ -276,26 +142,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Mark R., Founder of QuantSystems"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -307,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my capital insured?",
|
||||
content: "All assets are held in institutional-grade cold storage.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How can I start trading?",
|
||||
content: "Complete our KYC process to activate your account.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What fees are applied?",
|
||||
content: "We offer tiered fee structures depending on volume.",
|
||||
},
|
||||
{ id: "q1", title: "Is my capital insured?", content: "All assets are held in institutional-grade cold storage." },
|
||||
{ id: "q2", title: "How can I start trading?", content: "Complete our KYC process to activate your account." },
|
||||
{ id: "q3", title: "What fees are applied?", content: "We offer tiered fee structures depending on volume." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-neon-light-waves-wonder-wheel_23-2148328072.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -336,18 +175,8 @@ export default function LandingPage() {
|
||||
title="Partner with NexusCrypto"
|
||||
description="Ready to scale your digital asset portfolio? Reach out today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Work Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Work Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
|
||||
/>
|
||||
@@ -356,14 +185,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="NexusCrypto"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user