bender/3798547d-15b8-450f-8d31-cb9c53bf0930
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-03-08 05:39:07 +00:00
Conversation 0 Commits 3 Files Changed 3 +82 -97
3 changed files with 82 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/app/layout.tsx
View File

@@ -1,51 +1,43 @@
import type { Metadata } from "next";
import { Public_Sans, Inter } from "next/font/google";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import "./styles/base.css";
const publicSans = Public_Sans({
variable: "--font-public-sans", subsets: ["latin"],
const geist = Geist({
variable: "--font-geist-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
const geist_mono = Geist_Mono({
variable: "--font-geist-mono", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "CryptoVault - Premium Cryptocurrency Trading Platform", description: "Secure, fast, and intelligent blockchain trading platform. Trade 150+ cryptocurrencies with enterprise-grade security, real-time analytics, and institutional support.", keywords: "cryptocurrency trading, bitcoin, ethereum, blockchain, crypto exchange, fintech, digital assets, crypto wallet", metadataBase: new URL("https://cryptovault.example.com"),
alternates: {
canonical: "https://cryptovault.example.com"},
openGraph: {
title: "CryptoVault - Premium Cryptocurrency Trading", description: "Trade cryptocurrencies with confidence on our advanced fintech platform.", url: "https://cryptovault.example.com", siteName: "CryptoVault", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/a-modern-cryptocurrency-trading-dashboar-1772895484385-23419494.png", alt: "CryptoVault Trading Dashboard"},
],
},
twitter: {
card: "summary_large_image", title: "CryptoVault - Premium Cryptocurrency Trading", description: "Secure trading platform for cryptocurrencies with 99.99% uptime.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/a-modern-cryptocurrency-trading-dashboar-1772895484385-23419494.png"],
},
robots: {
index: true,
follow: true,
},
};
title: "CryptoVault - Secure Cryptocurrency Trading", description: "Advanced blockchain trading platform for modern investors"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${publicSans.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<body
className={`${geist.variable} ${geist_mono.variable}`}
>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
const vw = window.innerWidth * 0.01;
document.documentElement.style.setProperty('--vw', vw + 'px');
window.addEventListener('resize', () => {
const vw = window.innerWidth * 0.01;
document.documentElement.style.setProperty('--vw', vw + 'px');
});
`,
}}
/>
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1413,7 +1405,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

104
src/app/page.tsx
View File

@@ -7,10 +7,10 @@ import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function LandingPage() {
@@ -182,47 +182,32 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="What Our Traders Say"
description="Real feedback from investors who trust CryptoVault with their portfolios"
tag="Testimonials"
tagIcon={MessageSquare}
tagAnimation="slide-up"
testimonials={[
<TestimonialCardFifteen
testimonial="CryptoVault has transformed how we manage our institutional portfolios. The security is unmatched, the platform is intuitive, and the support team is always there when we need them. A truly world-class trading experience."
rating={5}
author="Sarah Chen, Portfolio Manager at Genesis Ventures"
avatars={[
{
id: "1", name: "Sarah Chen", role: "Portfolio Manager", company: "Genesis Ventures", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-corporate-photograph-of-a-s-1772895483209-28b1208a.png", imageAlt: "Sarah Chen"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-corporate-photograph-of-a-s-1772895483209-28b1208a.png", alt: "Sarah Chen"},
{
id: "2", name: "Marcus Johnson", role: "Hedge Fund Director", company: "BlockChain Capital", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-photograph-of-a-happy-clien-1772895484565-77522b67.png", imageAlt: "Marcus Johnson"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-photograph-of-a-happy-clien-1772895484565-77522b67.png", alt: "Marcus Johnson"},
{
id: "3", name: "Elena Rodriguez", role: "Crypto Analyst", company: "Digital Assets Inc", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-corporate-portrait-of-an-in-1772895483285-c6ff6bc0.png", imageAlt: "Elena Rodriguez"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-corporate-portrait-of-an-in-1772895483285-c6ff6bc0.png", alt: "Elena Rodriguez"},
{
id: "4", name: "David Kim", role: "Day Trader", company: "Independent", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-photograph-of-a-satisfied-t-1772895483747-5196ae60.png", imageAlt: "David Kim"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-photograph-of-a-satisfied-t-1772895483747-5196ae60.png", alt: "David Kim"},
{
id: "5", name: "Jessica Mitchell", role: "Investment Officer", company: "Apex Wealth", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-photograph-of-a-business-ex-1772895483903-fe8bc5d0.png", imageAlt: "Jessica Mitchell"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-photograph-of-a-business-ex-1772895483903-fe8bc5d0.png", alt: "Jessica Mitchell"},
{
id: "6", name: "Thomas Brown", role: "Institutional Trader", company: "Global Finance LLC", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-corporate-photograph-of-a-s-1772895483377-c41559c9.png", imageAlt: "Thomas Brown"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/professional-corporate-photograph-of-a-s-1772895483377-c41559c9.png", alt: "Thomas Brown"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
<FaqSplitMedia
title="Frequently Asked Questions"
description="Find answers to common questions about trading, security, and account management"
tag="FAQ"
@@ -248,40 +233,48 @@ export default function LandingPage() {
id: "6", title: "Is KYC verification required?", content:
"Yes, we comply with all global regulations. Basic identity verification is required for all accounts. This ensures a secure and legitimate trading environment for all users."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVjNKTmJ7wnaWVodA6wFqFcf7t/a-modern-cryptocurrency-trading-dashboar-1772895484385-23419494.png"
imageAlt="CryptoVault Security Features"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
mediaPosition="left"
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to take your cryptocurrency trading to the next level? Join thousands of successful traders on CryptoVault today."
animationType="entrance-slide"
<ContactCTA
tag="Get Started"
tagIcon={MessageSquare}
tagAnimation="slide-up"
title="Ready to Take Your Crypto Trading to the Next Level?"
description="Join thousands of successful traders on CryptoVault. Experience secure, intelligent, and profitable trading with our next-generation platform."
buttons={[
{ text: "Get Started Now", href: "https://example.com/signup" },
{ text: "Schedule Demo", href: "#" },
{ text: "Start Trading Now", href: "https://example.com/signup" },
{ text: "Schedule a Demo", href: "#" },
]}
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
<FooterBaseCard
logoText="CryptoVault"
columns={[
{
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
{ label: "Blog", href: "#" },
{ label: "API", href: "#" },
],
},
{
items: [
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Team", href: "#" },
{ label: "Careers", href: "#" },
@@ -289,30 +282,31 @@ export default function LandingPage() {
],
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Compliance", href: "#" },
title: "Resources", items: [
{ label: "Blog", href: "#" },
{ label: "Documentation", href: "#" },
{ label: "Support", href: "#" },
{ label: "FAQ", href: "#faq" },
],
},
{
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Compliance", href: "#" },
{ label: "Accessibility", href: "#" },
],
},
{
title: "Social", items: [
{ label: "Twitter", href: "https://twitter.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Discord", href: "https://discord.com" },
{ label: "Telegram", href: "https://telegram.org" },
],
},
{
items: [
{ label: "API Docs", href: "#" },
{ label: "Status Page", href: "#" },
{ label: "Security", href: "#" },
{ label: "Accessibility", href: "#" },
],
},
]}
copyrightText="© 2025 CryptoVault. All rights reserved."
/>
</div>
</ThemeProvider>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f514c;
--background: #010912;
--card: #152840;
--foreground: #e6f0ff;
--primary-cta: #2563eb;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #0e1a29;
--secondary-cta-text: #1c1c1c;
--accent: #159c49;
--background-accent: #a8e8ba;
--accent: #3b82f6;
--background-accent: #004a93;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);