Merge version_1 into main #1
267
src/app/page.tsx
267
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NexBlue"
|
||||
/>
|
||||
@@ -56,65 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Future of Digital Finance"
|
||||
description="Experience lightning-fast trading, institutional-grade security, and seamless asset management in one unified crypto ecosystem."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Trading",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Trading", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coin-litecoin-bitcoin-closeup-beautiful-background-concept-digital-cryptocurrency-payment-system_169016-2092.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-stylish-male-entrepreneur-glasses-with-laptop_176420-17912.jpg",
|
||||
alt: "Investor portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-stylish-male-entrepreneur-glasses-with-laptop_176420-17912.jpg", alt: "Investor portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-business-lady-standing-grey-background_171337-16083.jpg",
|
||||
alt: "Investor portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-business-lady-standing-grey-background_171337-16083.jpg", alt: "Investor portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202451.jpg",
|
||||
alt: "Investor portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202451.jpg", alt: "Investor portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-looking-camera-with-arms-folded-smiling_1098-18840.jpg",
|
||||
alt: "Investor portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-looking-camera-with-arms-folded-smiling_1098-18840.jpg", alt: "Investor portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-88087.jpg",
|
||||
alt: "Investor portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-88087.jpg", alt: "Investor portrait 5"},
|
||||
]}
|
||||
avatarText="Join 500k+ global traders"
|
||||
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>
|
||||
@@ -126,23 +93,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Zap,
|
||||
title: "TPS Rate",
|
||||
value: "1.2M+",
|
||||
},
|
||||
id: "1", icon: Zap,
|
||||
title: "TPS Rate", value: "1.2M+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Shield,
|
||||
title: "Security Audit Score",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "2", icon: Shield,
|
||||
title: "Security Audit Score", value: "99.9%"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Users,
|
||||
title: "Global Traders",
|
||||
value: "500k+",
|
||||
},
|
||||
id: "3", icon: Users,
|
||||
title: "Global Traders", value: "500k+"},
|
||||
]}
|
||||
title="Market Leading Performance"
|
||||
description="Trusted by investors globally to deliver consistent results."
|
||||
@@ -155,33 +113,26 @@ export default function LandingPage() {
|
||||
title="Built for the Modern Era"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Vision",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read Our Vision", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Advanced Security",
|
||||
description: "Multi-layered encryption for your assets.",
|
||||
},
|
||||
title: "Advanced Security", description: "Multi-layered encryption for your assets."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Instant Deposits",
|
||||
description: "Get funds ready for action in seconds.",
|
||||
},
|
||||
title: "Instant Deposits", description: "Get funds ready for action in seconds."},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Cross-Chain Asset Support",
|
||||
description: "Trade across all major blockchain ecosystems.",
|
||||
},
|
||||
title: "Cross-Chain Asset Support", description: "Trade across all major blockchain ecosystems."},
|
||||
]}
|
||||
title="Unmatched Trading Tools"
|
||||
description="Advanced tools to stay ahead of the volatile crypto markets."
|
||||
@@ -190,46 +141,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bitcoin",
|
||||
price: "$64,230",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-bitcoin-economic-currency-symbol_53876-75041.jpg",
|
||||
},
|
||||
id: "1", name: "Bitcoin", price: "$64,230", imageSrc: "http://img.b2bpic.net/free-photo/gold-bitcoin-economic-currency-symbol_53876-75041.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ethereum",
|
||||
price: "$3,450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-space-pile-bitcoin-cash_53876-75042.jpg",
|
||||
},
|
||||
id: "2", name: "Ethereum", price: "$3,450", imageSrc: "http://img.b2bpic.net/free-photo/design-space-pile-bitcoin-cash_53876-75042.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Solana",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/currency-ice-cream-with-bitcoin_23-2148285357.jpg",
|
||||
},
|
||||
id: "3", name: "Solana", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/currency-ice-cream-with-bitcoin_23-2148285357.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cardano",
|
||||
price: "$0.45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-coins_23-2148066125.jpg",
|
||||
},
|
||||
id: "4", name: "Cardano", price: "$0.45", imageSrc: "http://img.b2bpic.net/free-photo/chinese-coins_23-2148066125.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Polkadot",
|
||||
price: "$7.20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-red-pills_23-2148530972.jpg",
|
||||
},
|
||||
id: "5", name: "Polkadot", price: "$7.20", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-red-pills_23-2148530972.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Chainlink",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bitcoin-yellow-pink-background_23-2147893608.jpg",
|
||||
},
|
||||
id: "6", name: "Chainlink", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bitcoin-yellow-pink-background_23-2147893608.jpg"},
|
||||
]}
|
||||
title="Top Digital Assets"
|
||||
description="Access the most liquid markets in the world."
|
||||
@@ -238,56 +166,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Starter",
|
||||
price: "$0",
|
||||
buttons: [
|
||||
id: "starter", name: "Starter", price: "$0", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Basic trading",
|
||||
"Email support",
|
||||
"Standard limits",
|
||||
],
|
||||
"Basic trading", "Email support", "Standard limits"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Professional",
|
||||
price: "$49",
|
||||
buttons: [
|
||||
id: "pro", name: "Professional", price: "$49", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Advanced charting",
|
||||
"24/7 Priority support",
|
||||
"Higher limits",
|
||||
],
|
||||
"Advanced charting", "24/7 Priority support", "Higher limits"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Enterprise",
|
||||
price: "Custom",
|
||||
buttons: [
|
||||
id: "enterprise", name: "Enterprise", price: "Custom", buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"API access",
|
||||
"Dedicated manager",
|
||||
"White glove support",
|
||||
],
|
||||
"API access", "Dedicated manager", "White glove support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -297,49 +202,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex River",
|
||||
handle: "@ariver",
|
||||
testimonial: "Best crypto platform I have used yet.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg",
|
||||
},
|
||||
id: "1", name: "Alex River", handle: "@ariver", testimonial: "Best crypto platform I have used yet.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "Incredible tools and smooth UI design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", handle: "@schen", testimonial: "Incredible tools and smooth UI design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Vane",
|
||||
handle: "@mvane",
|
||||
testimonial: "Fastest deposits in the market, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-with-folded-arms_1262-727.jpg",
|
||||
},
|
||||
id: "3", name: "Mark Vane", handle: "@mvane", testimonial: "Fastest deposits in the market, hands down.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-with-folded-arms_1262-727.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julie Reed",
|
||||
handle: "@jreed",
|
||||
testimonial: "Very secure and responsive support team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-woman-planning-her-budget_329181-20266.jpg",
|
||||
},
|
||||
id: "4", name: "Julie Reed", handle: "@jreed", testimonial: "Very secure and responsive support team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-woman-planning-her-budget_329181-20266.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam Frost",
|
||||
handle: "@sfrost",
|
||||
testimonial: "Top notch performance for high-frequency trading.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-stock-market-data-modern-office_23-2151966695.jpg",
|
||||
},
|
||||
id: "5", name: "Sam Frost", handle: "@sfrost", testimonial: "Top notch performance for high-frequency trading.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-stock-market-data-modern-office_23-2151966695.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Success"
|
||||
@@ -351,8 +232,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Start Your Trading Journey"
|
||||
description="Sign up today and get an exclusive bonus on your first deposit."
|
||||
@@ -363,42 +243,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Trading",
|
||||
href: "#",
|
||||
},
|
||||
label: "Trading", href: "#"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discord", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user