Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -5,41 +5,27 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const libreBaskerville = Libre_Baskerville({
-  variable: "--font-libre-baskerville",
+  variable: "--font-libre-baskerville",  subsets: ["latin"],
-  subsets: ["latin"],
   weight: ["400", "700"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
+  variable: "--font-inter",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "CryptoVault - Buy, Sell & Trade Cryptocurrency Securely",
+  title: "CryptoVault - Buy, Sell & Trade Cryptocurrency Securely",  description: "Trade 200+ cryptocurrencies on CryptoVault with military-grade security, real-time data, and competitive fees. Join 50,000+ traders worldwide. Zero breaches since 2020.",  keywords: "cryptocurrency trading, buy bitcoin, ethereum exchange, crypto platform, fintech, secure trading, blockchain",  robots: {
-  description: "Trade 200+ cryptocurrencies on CryptoVault with military-grade security, real-time data, and competitive fees. Join 50,000+ traders worldwide. Zero breaches since 2020.",
-  keywords: "cryptocurrency trading, buy bitcoin, ethereum exchange, crypto platform, fintech, secure trading, blockchain",
-  robots: {
     index: true,
     follow: true,
   },
   openGraph: {
-    title: "CryptoVault - Secure Cryptocurrency Trading Platform",
+    title: "CryptoVault - Secure Cryptocurrency Trading Platform",    description: "Trade cryptocurrencies with confidence on CryptoVault. Advanced tools, bank-grade security, and 24/7 support.",    type: "website",    siteName: "CryptoVault",    images: [
-    description: "Trade cryptocurrencies with confidence on CryptoVault. Advanced tools, bank-grade security, and 24/7 support.",
-    type: "website",
-    siteName: "CryptoVault",
-    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/a-modern-cryptocurrency-trading-dashboar-1772674392237-84e1e3fd.png",
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/a-modern-cryptocurrency-trading-dashboar-1772674392237-84e1e3fd.png",        alt: "CryptoVault Trading Dashboard"},
-        alt: "CryptoVault Trading Dashboard",
-      },
     ],
   },
   twitter: {
-    card: "summary_large_image",
+    card: "summary_large_image",    title: "CryptoVault - Secure Cryptocurrency Trading",    description: "Trade 200+ cryptocurrencies with military-grade security and professional trading tools.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/a-modern-cryptocurrency-trading-dashboar-1772674392237-84e1e3fd.png"],
-    title: "CryptoVault - Secure Cryptocurrency Trading",
-    description: "Trade 200+ cryptocurrencies with military-grade security and professional trading tools.",
-    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/a-modern-cryptocurrency-trading-dashboar-1772674392237-84e1e3fd.png"],
   },
 };
 

src/app/page.tsx

@@ -22,8 +22,7 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Product",
+      title: "Product",      items: [
-      items: [
         { label: "Trading Platform", href: "#features" },
         { label: "Markets", href: "#markets" },
         { label: "Pricing", href: "/pricing" },
@@ -31,8 +30,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About Us", href: "#about" },
         { label: "Blog", href: "#blog" },
         { label: "Careers", href: "#careers" },
@@ -40,8 +38,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#privacy" },
         { label: "Terms of Service", href: "#terms" },
         { label: "Compliance", href: "#compliance" },
@@ -49,8 +46,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Connect",
+      title: "Connect",      items: [
-      items: [
         { label: "Twitter", href: "https://twitter.com" },
         { label: "Discord", href: "https://discord.com" },
         { label: "Telegram", href: "https://telegram.org" },
@@ -112,30 +108,18 @@ export default function HomePage() {
           useInvertedBackground={false}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
+          buttons={[
+            { text: "Trade Now", href: "/trading" },
+          ]}
           products={[
             {
-              id: "btc",
+              id: "btc",              name: "Bitcoin (BTC)",              price: "$45,230.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=1",              imageAlt: "Bitcoin Trading",              initialQuantity: 1,
-              name: "Bitcoin (BTC)",
-              price: "$45,230.00",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=1",
-              imageAlt: "Bitcoin Trading",
-              initialQuantity: 1,
             },
             {
-              id: "eth",
+              id: "eth",              name: "Ethereum (ETH)",              price: "$2,850.50",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=2",              imageAlt: "Ethereum Trading",              initialQuantity: 1,
-              name: "Ethereum (ETH)",
-              price: "$2,850.50",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=2",
-              imageAlt: "Ethereum Trading",
-              initialQuantity: 1,
             },
             {
-              id: "xrp",
+              id: "xrp",              name: "Ripple (XRP)",              price: "$0.68",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=3",              imageAlt: "Ripple Trading",              initialQuantity: 1,
-              name: "Ripple (XRP)",
-              price: "$0.68",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=3",
-              imageAlt: "Ripple Trading",
-              initialQuantity: 1,
             },
           ]}
         />
@@ -153,41 +137,21 @@ export default function HomePage() {
           animationType="slide-up"
           features={[
             {
-              id: "1",
+              id: "1",              title: "Real-Time Market Data",              author: "By CryptoVault Labs",              description:
-              title: "Real-Time Market Data",
+                "Access live price feeds, order books, and market depth for all major cryptocurrencies with millisecond updates",              tags: ["Real-time", "Live Data"],
-              author: "By CryptoVault Labs",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=4"},
-              description:
-                "Access live price feeds, order books, and market depth for all major cryptocurrencies with millisecond updates",
-              tags: ["Real-time", "Live Data"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=4",
-            },
             {
-              id: "2",
+              id: "2",              title: "Advanced Order Types",              author: "By Trading Team",              description:
-              title: "Advanced Order Types",
+                "Execute trades with limit orders, stop-loss, take-profit, and algorithmic trading strategies designed for professionals",              tags: ["Trading", "Advanced"],
-              author: "By Trading Team",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-crypto-wallet-interface-showing--1772674391171-b17d564e.png?_wi=1"},
-              description:
-                "Execute trades with limit orders, stop-loss, take-profit, and algorithmic trading strategies designed for professionals",
-              tags: ["Trading", "Advanced"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-crypto-wallet-interface-showing--1772674391171-b17d564e.png?_wi=1",
-            },
             {
-              id: "3",
+              id: "3",              title: "Multi-Wallet Support",              author: "By Security Team",              description:
-              title: "Multi-Wallet Support",
+                "Manage multiple cryptocurrency wallets, track balances, and execute transfers across different blockchain networks seamlessly",              tags: ["Wallet", "Management"],
-              author: "By Security Team",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-crypto-wallet-interface-showing--1772674391171-b17d564e.png?_wi=2"},
-              description:
-                "Manage multiple cryptocurrency wallets, track balances, and execute transfers across different blockchain networks seamlessly",
-              tags: ["Wallet", "Management"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-crypto-wallet-interface-showing--1772674391171-b17d564e.png?_wi=2",
-            },
             {
-              id: "4",
+              id: "4",              title: "Bank-Grade Security",              author: "By Security Experts",              description:
-              title: "Bank-Grade Security",
+                "256-bit encryption, cold storage wallets, two-factor authentication, and insurance protection for all deposited funds",              tags: ["Security", "Protected"],
-              author: "By Security Experts",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-security-visualization-for-crypt-1772674391452-1433db55.png?_wi=1"},
-              description:
-                "256-bit encryption, cold storage wallets, two-factor authentication, and insurance protection for all deposited funds",
-              tags: ["Security", "Protected"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-security-visualization-for-crypt-1772674391452-1433db55.png?_wi=1",
-            },
           ]}
         />
       </div>
@@ -203,71 +167,23 @@ export default function HomePage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",
+              id: "1",              name: "Sarah Chen, Trader at FinTech Ventures",              date: "Date: January 2025",              title: "Best Trading Platform I've Used",              quote:
-              name: "Sarah Chen, Trader at FinTech Ventures",
+                "CryptoVault's interface is incredibly intuitive, and the execution speed is unmatched. I've been trading crypto for years, and this platform has genuinely improved my trading performance.",              tag: "Pro Trader",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-confident-tra-1772674389431-02dd9cc3.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/a-modern-cryptocurrency-trading-dashboar-1772674392237-84e1e3fd.png?_wi=2"},
-              date: "Date: January 2025",
-              title: "Best Trading Platform I've Used",
-              quote:
-                "CryptoVault's interface is incredibly intuitive, and the execution speed is unmatched. I've been trading crypto for years, and this platform has genuinely improved my trading performance.",
-              tag: "Pro Trader",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-confident-tra-1772674389431-02dd9cc3.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/a-modern-cryptocurrency-trading-dashboar-1772674392237-84e1e3fd.png?_wi=2",
-            },
             {
-              id: "2",
+              id: "2",              name: "Michael Rodriguez, Portfolio Manager",              date: "Date: December 2024",              title: "Security I Can Trust",              quote:
-              name: "Michael Rodriguez, Portfolio Manager",
+                "As someone managing significant crypto assets, security is paramount. CryptoVault's cold storage and insurance coverage give me complete peace of mind.",              tag: "Verified User",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-tech-savvy-cr-1772674390375-7389e7a2.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-security-visualization-for-crypt-1772674391452-1433db55.png?_wi=2"},
-              date: "Date: December 2024",
-              title: "Security I Can Trust",
-              quote:
-                "As someone managing significant crypto assets, security is paramount. CryptoVault's cold storage and insurance coverage give me complete peace of mind.",
-              tag: "Verified User",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-tech-savvy-cr-1772674390375-7389e7a2.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-security-visualization-for-crypt-1772674391452-1433db55.png?_wi=2",
-            },
             {
-              id: "3",
+              id: "3",              name: "Jessica Liu, Investment Advisor",              date: "Date: November 2024",              title: "Perfect for My Clients",              quote:
-              name: "Jessica Liu, Investment Advisor",
+                "I recommend CryptoVault to all my clients who want to enter crypto trading. The educational resources and customer support are exceptional.",              tag: "Advisor",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-financial-ana-1772674390215-f36bc478.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-crypto-wallet-interface-showing--1772674391171-b17d564e.png?_wi=3"},
-              date: "Date: November 2024",
-              title: "Perfect for My Clients",
-              quote:
-                "I recommend CryptoVault to all my clients who want to enter crypto trading. The educational resources and customer support are exceptional.",
-              tag: "Advisor",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-financial-ana-1772674390215-f36bc478.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/digital-crypto-wallet-interface-showing--1772674391171-b17d564e.png?_wi=3",
-            },
             {
-              id: "4",
+              id: "4",              name: "David Park, Crypto Enthusiast",              date: "Date: October 2024",              title: "Simple Yet Powerful",              quote:
-              name: "David Park, Crypto Enthusiast",
+                "I started with zero crypto experience. CryptoVault's user-friendly design and helpful tutorials got me trading confidently within hours.",              tag: "Beginner",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-successful-en-1772674388545-a93b57f8.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/mobile-cryptocurrency-trading-app-interf-1772674390249-bf9bb4b1.png?_wi=1"},
-              date: "Date: October 2024",
-              title: "Simple Yet Powerful",
-              quote:
-                "I started with zero crypto experience. CryptoVault's user-friendly design and helpful tutorials got me trading confidently within hours.",
-              tag: "Beginner",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-successful-en-1772674388545-a93b57f8.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/mobile-cryptocurrency-trading-app-interf-1772674390249-bf9bb4b1.png?_wi=1",
-            },
             {
-              id: "5",
+              id: "5",              name: "Emma Thompson, Day Trader",              date: "Date: September 2024",              title: "Lightning Fast Execution",              quote:
-              name: "Emma Thompson, Day Trader",
+                "The millisecond execution speeds and advanced order types make CryptoVault my primary trading platform. Customer service is responsive and knowledgeable.",              tag: "Active Trader",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-digital-asset-1772674389030-a702245e.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=5"},
-              date: "Date: September 2024",
-              title: "Lightning Fast Execution",
-              quote:
-                "The millisecond execution speeds and advanced order types make CryptoVault my primary trading platform. Customer service is responsive and knowledgeable.",
-              tag: "Active Trader",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-digital-asset-1772674389030-a702245e.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/cryptocurrency-market-overview-with-mult-1772674394333-d6a2f8de.png?_wi=5",
-            },
             {
-              id: "6",
+              id: "6",              name: "James Wilson, Institutional Investor",              date: "Date: August 2024",              title: "Enterprise-Grade Solution",              quote:
-              name: "James Wilson, Institutional Investor",
+                "CryptoVault's enterprise plan provides everything we need for institutional trading. The API integration and dedicated support are world-class.",              tag: "Institution",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-fintech-entre-1772674388447-d9fc2617.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/a-modern-cryptocurrency-trading-dashboar-1772674392237-84e1e3fd.png?_wi=3"},
-              date: "Date: August 2024",
-              title: "Enterprise-Grade Solution",
-              quote:
-                "CryptoVault's enterprise plan provides everything we need for institutional trading. The API integration and dedicated support are world-class.",
-              tag: "Institution",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/professional-headshot-of-a-fintech-entre-1772674388447-d9fc2617.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASDCkWpLOfpbrILWQoHR5aU18V/a-modern-cryptocurrency-trading-dashboar-1772674392237-84e1e3fd.png?_wi=3",
-            },
           ]}
         />
       </div>
@@ -281,7 +197,7 @@ export default function HomePage() {
           description="Join thousands of successful traders on CryptoVault. Create your account in minutes and begin trading the world's leading cryptocurrencies with confidence and security."
           buttons={[
             { text: "Create Account Now", href: "/signup" },
-            { text: "Schedule Demo", href: "/demo" },
+            { text: "View Demo Video", href: "/demo" },
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "radial-gradient" }}