4 Commits

Author SHA1 Message Date
e0a8eff39f Merge version_2 into main
Merge version_2 into main
2026-06-11 03:15:05 +00:00
6599d86a89 Update src/app/styles/variables.css 2026-06-11 03:15:02 +00:00
d2a5764cd4 Update src/app/styles/base.css 2026-06-11 03:15:01 +00:00
f17622a8c1 Update src/app/page.tsx 2026-06-11 03:15:01 +00:00
3 changed files with 99 additions and 268 deletions

View File

@@ -3,7 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/20-cryptocurrency-blue-color-icon-presentation-vector-icons-illustration_1142-15830.jpg"
logoAlt="CryptoVault Logo"
@@ -64,9 +52,7 @@ export default function LandingPage() {
bottomLeftText="Global Community"
bottomRightText="hello@cryptovault.com"
button={{
text: "Sign Up",
href: "#contact",
}}
text: "Sign Up", href: "#contact"}}
/>
</div>
@@ -76,39 +62,23 @@ export default function LandingPage() {
description="Secure your digital future with CryptoVault. The leading platform for managing and growing your cryptocurrency assets with unparalleled security and ease."
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg",
imageAlt: "Abstract blockchain network with glowing blue lines",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg", imageAlt: "Abstract blockchain network with glowing blue lines"},
{
imageSrc: "http://img.b2bpic.net/free-photo/street-statistics-debt-loss-globe_1150-1721.jpg",
imageAlt: "Holographic cryptocurrency chart with upward trends",
},
imageSrc: "http://img.b2bpic.net/free-photo/street-statistics-debt-loss-globe_1150-1721.jpg", imageAlt: "Holographic cryptocurrency chart with upward trends"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-lock-around-dollar-bill-black-laptop_181624-9123.jpg",
imageAlt: "Secure digital vault icon with blue light",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-lock-around-dollar-bill-black-laptop_181624-9123.jpg", imageAlt: "Secure digital vault icon with blue light"},
{
imageSrc: "http://img.b2bpic.net/free-photo/golden-coins-include-dollar-yen-yuan-euro-ruble-won-pound-sterling-with-mobile-phone-frame-currency-exchange-forex-trading-concept-by-3d-render-illustration_616485-119.jpg",
imageAlt: "Quantum computing processing crypto transactions",
},
imageSrc: "http://img.b2bpic.net/free-photo/golden-coins-include-dollar-yen-yuan-euro-ruble-won-pound-sterling-with-mobile-phone-frame-currency-exchange-forex-trading-concept-by-3d-render-illustration_616485-119.jpg", imageAlt: "Quantum computing processing crypto transactions"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917430.jpg",
imageAlt: "Hand interacting with transparent touchscreen showing crypto wallet",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917430.jpg", imageAlt: "Hand interacting with transparent touchscreen showing crypto wallet"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100331.jpg",
imageAlt: "Global network of interconnected digital currencies",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100331.jpg", imageAlt: "Global network of interconnected digital currencies"},
]}
autoplayDelay={3000}
showDimOverlay={true}
@@ -120,9 +90,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="About CryptoVault"
description={[
"CryptoVault provides a comprehensive suite of tools for institutional and individual investors to navigate the complex world of digital assets. Our platform is built on cutting-edge blockchain technology, offering transparent, secure, and efficient solutions for trading, staking, and portfolio management.",
"We are committed to empowering our users with advanced analytics, real-time market data, and expert insights, ensuring they make informed decisions and achieve their financial goals in the rapidly evolving crypto landscape.",
]}
"CryptoVault provides a comprehensive suite of tools for institutional and individual investors to navigate the complex world of digital assets. Our platform is built on cutting-edge blockchain technology, offering transparent, secure, and efficient solutions for trading, staking, and portfolio management.", "We are committed to empowering our users with advanced analytics, real-time market data, and expert insights, ensuring they make informed decisions and achieve their financial goals in the rapidly evolving crypto landscape."]}
showBorder={false}
/>
</div>
@@ -134,50 +102,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "real-time-data",
title: "Real-Time Market Data",
descriptions: [
"Access live prices, trends, and in-depth analytics across thousands of cryptocurrencies. Stay ahead of the market with instant updates and comprehensive charts.",
],
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg",
imageAlt: "Real-time crypto portfolio dashboard",
},
id: "real-time-data", title: "Real-Time Market Data", descriptions: [
"Access live prices, trends, and in-depth analytics across thousands of cryptocurrencies. Stay ahead of the market with instant updates and comprehensive charts."],
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg", imageAlt: "Real-time crypto portfolio dashboard"},
{
id: "smart-contracts",
title: "Smart Contract Integration",
descriptions: [
"Seamlessly interact with decentralized applications (DApps) and execute trustless agreements. Secure and automated transactions powered by advanced smart contract technology.",
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg",
imageAlt: "Smart contracts code illustration",
},
id: "smart-contracts", title: "Smart Contract Integration", descriptions: [
"Seamlessly interact with decentralized applications (DApps) and execute trustless agreements. Secure and automated transactions powered by advanced smart contract technology."],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg", imageAlt: "Smart contracts code illustration"},
{
id: "high-speed-trading",
title: "High-Speed Trading Engine",
descriptions: [
"Execute trades with ultra-low latency and robust infrastructure. Our powerful engine ensures your orders are filled quickly and efficiently, even during peak volatility.",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480181.jpg",
imageAlt: "High-speed transaction processing",
},
id: "high-speed-trading", title: "High-Speed Trading Engine", descriptions: [
"Execute trades with ultra-low latency and robust infrastructure. Our powerful engine ensures your orders are filled quickly and efficiently, even during peak volatility."],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480181.jpg", imageAlt: "High-speed transaction processing"},
{
id: "ai-analytics",
title: "AI-Driven Market Analytics",
descriptions: [
"Leverage artificial intelligence to uncover hidden market patterns and predictive insights. Make smarter investment decisions with data-driven forecasts.",
],
imageSrc: "http://img.b2bpic.net/free-photo/man-analyzing-stock-market-charts-financial-data-electronic-board_169016-14901.jpg",
imageAlt: "AI-driven crypto analytics",
},
id: "ai-analytics", title: "AI-Driven Market Analytics", descriptions: [
"Leverage artificial intelligence to uncover hidden market patterns and predictive insights. Make smarter investment decisions with data-driven forecasts."],
imageSrc: "http://img.b2bpic.net/free-photo/man-analyzing-stock-market-charts-financial-data-electronic-board_169016-14901.jpg", imageAlt: "AI-driven crypto analytics"},
{
id: "cold-storage",
title: "Secure Cold Storage",
descriptions: [
"Protect your assets with industry-leading cold storage solutions. Your funds are kept offline, safe from cyber threats, with multi-signature authorization.",
],
imageSrc: "http://img.b2bpic.net/free-photo/access-connection-internet-technology-concept_53876-122485.jpg",
imageAlt: "Secure cold storage hardware wallet",
},
id: "cold-storage", title: "Secure Cold Storage", descriptions: [
"Protect your assets with industry-leading cold storage solutions. Your funds are kept offline, safe from cyber threats, with multi-signature authorization."],
imageSrc: "http://img.b2bpic.net/free-photo/access-connection-internet-technology-concept_53876-122485.jpg", imageAlt: "Secure cold storage hardware wallet"},
]}
title="Core Features"
description="Experience the power of a truly integrated crypto platform designed for performance and reliability."
@@ -191,25 +134,13 @@ export default function LandingPage() {
tag="Our Achievements"
metrics={[
{
id: "metric-1",
value: "$500B+",
description: "Assets Under Management",
},
id: "metric-1", value: "$500B+", description: "Assets Under Management"},
{
id: "metric-2",
value: "24/7",
description: "Global Support",
},
id: "metric-2", value: "24/7", description: "Global Support"},
{
id: "metric-3",
value: "99.9%",
description: "Uptime Reliability",
},
id: "metric-3", value: "99.9%", description: "Uptime Reliability"},
{
id: "metric-4",
value: "10M+",
description: "Active Users",
},
id: "metric-4", value: "10M+", description: "Active Users"},
]}
metricsAnimation="slide-up"
/>
@@ -220,14 +151,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Blockchain Titans",
"Quantum Ledger",
"Future Finance Group",
"Decentralized Innovations",
"Global Crypto Solutions",
"Apex Digital Assets",
"Nexus Block",
]}
"Blockchain Titans", "Quantum Ledger", "Future Finance Group", "Decentralized Innovations", "Global Crypto Solutions", "Apex Digital Assets", "Nexus Block"]}
title="Trusted by Industry Leaders"
description="Our innovative solutions are backed by the best in the blockchain ecosystem, ensuring unparalleled security and reliability."
speed={40}
@@ -242,104 +166,56 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
badgeIcon: Sparkles,
price: "$0/mo",
name: "Basic",
buttons: [
id: "basic", badge: "Standard", badgeIcon: Sparkles,
price: "$0/mo", name: "Foundation", buttons: [
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
],
features: [
"Standard trading tools",
"Real-time market data",
"Basic portfolio tracking",
"Community support",
],
"Core trading functionalities", "Real-time market insights", "Standard security protocols", "Community forum access"],
},
{
id: "pro",
badge: "Popular",
badgeIcon: Zap,
price: "$99/mo",
name: "Pro",
buttons: [
id: "pro", badge: "Growth", badgeIcon: Zap,
price: "$99/mo", name: "Advanced", buttons: [
{
text: "Choose Pro",
href: "#contact",
},
text: "Choose Pro", href: "#contact"},
],
features: [
"Advanced trading tools",
"AI-driven analytics",
"Personalized insights",
"Priority support",
"Smart contract access",
],
"Advanced trading suite", "AI-powered predictive analytics", "Dedicated account support", "Customizable smart contract templates", "Enhanced security measures"],
},
{
id: "enterprise",
badge: "Premium",
badgeIcon: Crown,
price: "$499/mo",
name: "Enterprise",
buttons: [
id: "enterprise", badge: "Enterprise Elite", badgeIcon: Crown,
price: "Custom", name: "Institutional", buttons: [
{
text: "Contact Sales",
href: "#contact",
},
text: "Request Demo", href: "#contact"},
],
features: [
"Dedicated account manager",
"Custom API integrations",
"Institutional grade security",
"24/7 Premium support",
"Exclusive market reports",
"Cold storage solutions",
],
"Full-suite institutional platform", "Bespoke API integrations & solutions", "Multi-jurisdictional compliance", "24/7 premium enterprise support", "Advanced cold storage & custody", "Regulatory advisory services"],
},
]}
title="Flexible Plans for Every Investor"
description="Choose the perfect plan to match your investment strategy and unlock exclusive benefits for your digital assets."
title="Tailored Crypto Solutions for Your Enterprise"
description="Unlock the full potential of digital assets with our flexible, scalable plans designed for institutional needs."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
<FaqSplitText
faqsAnimation="slide-up"
useInvertedBackground={false}
sideTitle="Your B2B Crypto Questions, Answered"
sideDescription="Navigate the complexities of enterprise crypto solutions with our expert insights."
faqs={[
{
id: "faq-1",
title: "What is CryptoVault?",
content: "CryptoVault is a leading platform for managing and growing your digital assets, offering advanced trading tools, secure storage, and AI-driven analytics for both individual and institutional investors.",
},
id: "faq-1", title: "What are CryptoVault's core B2B solutions?", content: "CryptoVault offers a comprehensive suite of B2B crypto solutions, including institutional trading platforms, secure custody services, smart contract development, and bespoke blockchain integration for enterprises."},
{
id: "faq-2",
title: "How secure are my assets?",
content: "We employ multi-layered security protocols, including cold storage, multi-signature authentication, and continuous monitoring to ensure the highest level of protection for your digital assets.",
},
id: "faq-2", title: "How does CryptoVault ensure enterprise-grade security?", content: "We implement multi-factor authentication, advanced encryption, isolated cold storage solutions, and regular security audits. Our infrastructure is designed to meet stringent institutional security and compliance standards."},
{
id: "faq-3",
title: "What cryptocurrencies do you support?",
content: "CryptoVault supports a wide range of major cryptocurrencies, including Bitcoin (BTC), Ethereum (ETH), Ripple (XRP), Litecoin (LTC), and many more altcoins. Our list is constantly expanding.",
},
id: "faq-3", title: "What digital assets are supported for B2B operations?", content: "CryptoVault supports a wide range of major cryptocurrencies and stablecoins, as well as enabling custom token integration and asset management tailored for specific enterprise requirements."},
{
id: "faq-4",
title: "How can I get support?",
content: "Our dedicated support team is available 24/7 through live chat, email, and a comprehensive knowledge base. Premium plan users receive priority support.",
},
id: "faq-4", title: "What kind of support can B2B clients expect?", content: "Enterprise clients benefit from a dedicated account manager, 24/7 priority support channels, and access to our team of blockchain experts for technical assistance and strategic guidance."},
{
id: "faq-5", title: "Does CryptoVault offer custom blockchain development?", content: "Yes, we provide bespoke blockchain development services, including private blockchain implementations, DApp creation, and smart contract auditing, tailored to your business needs."},
]}
imageSrc="http://img.b2bpic.net/free-photo/question-mark-sign-led-light-illustration_181624-56527.jpg"
imageAlt="Abstract knowledge base visualization"
mediaAnimation="slide-up"
mediaPosition="left"
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about CryptoVault and our services."
faqsAnimation="slide-up"
/>
</div>
@@ -351,25 +227,15 @@ export default function LandingPage() {
author="Alex R., Institutional Investor"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg",
alt: "Alex R.",
},
src: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg", alt: "Alex R."},
{
src: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-with-arms-crossed_1170-1023.jpg",
alt: "Sarah J.",
},
src: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-with-arms-crossed_1170-1023.jpg", alt: "Sarah J."},
{
src: "http://img.b2bpic.net/free-photo/portrait-elegant-mature-male-browsing-tablet_23-2148673427.jpg",
alt: "Michael C.",
},
src: "http://img.b2bpic.net/free-photo/portrait-elegant-mature-male-browsing-tablet_23-2148673427.jpg", alt: "Michael C."},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
alt: "Emily W.",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg", alt: "Emily W."},
{
src: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
alt: "David S.",
},
src: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg", alt: "David S."},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -379,32 +245,24 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Have questions or need support? Our dedicated team is ready to assist you. Fill out the form below and we'll get back to you promptly."
title="Partner with CryptoVault"
description="Discover how CryptoVault can empower your enterprise with cutting-edge crypto solutions. Fill out the form below to connect with our B2B 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: "Your Email",
required: true,
name: "company", type: "text", placeholder: "Company Name", required: true,
},
{
name: "subject",
type: "text",
placeholder: "Subject",
required: false,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "subject", type: "text", placeholder: "Inquiry Type", required: false,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Please describe your enterprise's needs and how we can assist.", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg"
@@ -419,66 +277,39 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Security",
href: "#about",
},
label: "Security", href: "#about"},
{
label: "API",
href: "#",
},
label: "API", href: "#"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Support",
href: "#contact",
},
label: "Support", href: "#contact"},
{
label: "Glossary",
href: "#",
},
label: "Glossary", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Partnerships",
href: "#social-proof",
},
label: "Partnerships", href: "#social-proof"},
{
label: "Press",
href: "#",
},
label: "Press", href: "#"},
],
},
]}
@@ -489,4 +320,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-dm-sans), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #106EFB;
--background: #020617;
--card: #0f172a;
--foreground: #e2e8f0;
--primary-cta: #c4d8f9;
--primary-cta-text: #ffffff;
--secondary-cta: #000000;
--secondary-cta: #041633;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #106EFB;
--accent: #2d30f3;
--background-accent: #1d4ed8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);