Merge version_2 into main #2
311
src/app/page.tsx
311
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BlueChip Crypto"
|
||||
/>
|
||||
@@ -56,98 +48,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Institutional Grade Crypto Assets"
|
||||
description="Secure, fast, and transparent trading for digital assets. Join the premier platform for global institutional investors."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@crypto_pro",
|
||||
testimonial: "The best platform I have used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
|
||||
},
|
||||
name: "John Doe", handle: "@crypto_pro", testimonial: "The best platform I have used.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@finance_expert",
|
||||
testimonial: "Truly revolutionary platform.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg",
|
||||
},
|
||||
name: "Jane Smith", handle: "@finance_expert", testimonial: "Truly revolutionary platform.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg"},
|
||||
{
|
||||
name: "Alice Wang",
|
||||
handle: "@trader_a",
|
||||
testimonial: "Excellent security and speed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
},
|
||||
name: "Alice Wang", handle: "@trader_a", testimonial: "Excellent security and speed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg"},
|
||||
{
|
||||
name: "Bob Lee",
|
||||
handle: "@investor_b",
|
||||
testimonial: "Institutional grade performance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
name: "Bob Lee", handle: "@investor_b", testimonial: "Institutional grade performance.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"},
|
||||
{
|
||||
name: "Charlie R.",
|
||||
handle: "@asset_mgr",
|
||||
testimonial: "Seamless integration process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
},
|
||||
name: "Charlie R.", handle: "@asset_mgr", testimonial: "Seamless integration process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Trading",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Trading", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-connecting-lines-dots_1048-11693.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Business professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Business professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Business professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Business professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", alt: "Business professional"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "SEC COMPLIANT",
|
||||
},
|
||||
type: "text", text: "SEC COMPLIANT"},
|
||||
{
|
||||
type: "text",
|
||||
text: "INSTITUTIONAL GRADE",
|
||||
},
|
||||
type: "text", text: "INSTITUTIONAL GRADE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "GLOBAL LIQUIDITY",
|
||||
},
|
||||
type: "text", text: "GLOBAL LIQUIDITY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 MARKET ACCESS",
|
||||
},
|
||||
type: "text", text: "24/7 MARKET ACCESS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MILITARY-GRADE SECURITY",
|
||||
},
|
||||
type: "text", text: "MILITARY-GRADE SECURITY"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,34 +108,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Security",
|
||||
title: "Military-Grade Defense",
|
||||
items: [
|
||||
"Advanced Encryption",
|
||||
"Cold Storage",
|
||||
"Real-time Monitoring",
|
||||
],
|
||||
id: "f1", label: "Security", title: "Military-Grade Defense", items: [
|
||||
"Advanced Encryption", "Cold Storage", "Real-time Monitoring"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Speed",
|
||||
title: "Instant Execution",
|
||||
items: [
|
||||
"High-frequency Matching",
|
||||
"Ultra-low Latency",
|
||||
"Scaling Capacity",
|
||||
],
|
||||
id: "f2", label: "Speed", title: "Instant Execution", items: [
|
||||
"High-frequency Matching", "Ultra-low Latency", "Scaling Capacity"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Global",
|
||||
title: "Unified Connectivity",
|
||||
items: [
|
||||
"Global Liquidity Hubs",
|
||||
"24/7 Market Access",
|
||||
"Diverse Asset Range",
|
||||
],
|
||||
id: "f3", label: "Global", title: "Unified Connectivity", items: [
|
||||
"Global Liquidity Hubs", "24/7 Market Access", "Diverse Asset Range"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -201,26 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$10B+",
|
||||
title: "Volume Traded",
|
||||
description: "Global quarterly transaction volume.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg",
|
||||
},
|
||||
id: "m1", value: "$10B+", title: "Volume Traded", description: "Global quarterly transaction volume.", imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.2M",
|
||||
title: "Active Traders",
|
||||
description: "Global user base currently active.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg",
|
||||
},
|
||||
id: "m2", value: "1.2M", title: "Active Traders", description: "Global user base currently active.", imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime Rate",
|
||||
description: "Uninterrupted platform accessibility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-business-graph-growth-world-map-concept_53876-21165.jpg",
|
||||
},
|
||||
id: "m3", value: "99.9%", title: "Uptime Rate", description: "Uninterrupted platform accessibility.", imageSrc: "http://img.b2bpic.net/free-photo/global-business-graph-growth-world-map-concept_53876-21165.jpg"},
|
||||
]}
|
||||
title="Global Market Impact"
|
||||
description="Evidence-backed performance indicators demonstrating our leadership in the market."
|
||||
@@ -233,9 +149,7 @@ export default function LandingPage() {
|
||||
title="Dedicated to Financial Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Mission", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -247,55 +161,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Starter",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Core Trading Tools",
|
||||
"Standard Support",
|
||||
],
|
||||
id: "p1", title: "Starter", price: "$99", period: "/mo", features: [
|
||||
"Core Trading Tools", "Standard Support"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg",
|
||||
imageAlt: "cyber security tech icon blue",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg", imageAlt: "cyber security tech icon blue"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Professional",
|
||||
price: "$499",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Advanced API Access",
|
||||
"Priority Support",
|
||||
"Real-time Metrics",
|
||||
],
|
||||
id: "p2", title: "Professional (Most Popular for Teams)", price: "$499", period: "/mo", features: [
|
||||
"Advanced API Access", "Priority Support", "Real-time Metrics"],
|
||||
button: {
|
||||
text: "Choose Pro",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-connecting-lines-dots_1048-11693.jpg?_wi=2",
|
||||
imageAlt: "cyber security tech icon blue",
|
||||
},
|
||||
text: "Choose Pro", href: "#"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-connecting-lines-dots_1048-11693.jpg?_wi=2", imageAlt: "cyber security tech icon blue"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Institutional",
|
||||
price: "Custom",
|
||||
period: "",
|
||||
features: [
|
||||
"Dedicated Account Manager",
|
||||
"Custom Infrastructure",
|
||||
"API Priority",
|
||||
],
|
||||
id: "p3", title: "Institutional", price: "Custom", period: "", features: [
|
||||
"Dedicated Account Manager", "Custom Infrastructure", "API Priority"],
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901258.jpg",
|
||||
imageAlt: "cyber security tech icon blue",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901258.jpg", imageAlt: "cyber security tech icon blue"},
|
||||
]}
|
||||
title="Flexible Trading Plans"
|
||||
description="Select the plan that matches your institutional requirements."
|
||||
@@ -309,40 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Hedge Fund Manager",
|
||||
testimonial: "The best platform in the industry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Hedge Fund Manager", testimonial: "The best platform in the industry.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Zhou",
|
||||
role: "Crypto Analyst",
|
||||
testimonial: "Unparalleled speed and security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
|
||||
},
|
||||
id: "t2", name: "David Zhou", role: "Crypto Analyst", testimonial: "Unparalleled speed and security.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
role: "Wealth Advisor",
|
||||
testimonial: "Transformed our trading operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-caucasian-happy-businesswoman-holding-her-phone-smiling_181624-50357.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", role: "Wealth Advisor", testimonial: "Transformed our trading operations.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-caucasian-happy-businesswoman-holding-her-phone-smiling_181624-50357.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Evans",
|
||||
role: "Portfolio Manager",
|
||||
testimonial: "Top quality execution services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Evans", role: "Portfolio Manager", testimonial: "Top quality execution services.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophia Lee",
|
||||
role: "Investment Analyst",
|
||||
testimonial: "Excellent service and platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",
|
||||
},
|
||||
id: "t5", name: "Sophia Lee", role: "Investment Analyst", testimonial: "Excellent service and platform.", imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg"},
|
||||
]}
|
||||
title="Client Trust Stories"
|
||||
description="What our top-tier institutional partners say about us."
|
||||
@@ -357,29 +214,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "James Bond",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
id: "m1", name: "James Bond", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Jane Doe",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
|
||||
},
|
||||
id: "m2", name: "Jane Doe", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Mike Ross",
|
||||
role: "Head of Trading",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
id: "m3", name: "Mike Ross", role: "Head of Trading", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Emily Blunt",
|
||||
role: "Security Chief",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6611.jpg",
|
||||
},
|
||||
id: "m4", name: "Emily Blunt", role: "Security Chief", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6611.jpg"},
|
||||
]}
|
||||
title="Our Financial Leaders"
|
||||
description="Expert team members driving the future of crypto finance."
|
||||
@@ -393,22 +234,14 @@ export default function LandingPage() {
|
||||
description="Ready to scale? Connect with our team of specialists."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Work Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Work Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Inquiry",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Inquiry", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-connecting-dots_1048-6125.jpg"
|
||||
/>
|
||||
@@ -419,29 +252,19 @@ export default function LandingPage() {
|
||||
logoText="BlueChip Crypto"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
{
|
||||
label: "Trading",
|
||||
href: "#",
|
||||
},
|
||||
label: "Trading", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -450,4 +273,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user