From 38899765a7ba8de6ea765963f8e5e9b451b28b30 Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Sun, 25 Jan 2026 11:37:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 80 +++++++++++-------------------------------------
 1 file changed, 18 insertions(+), 62 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2ef1f97..9df1762 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,6 +3,8 @@
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -51,7 +53,6 @@ export default function HomePage() {
             { text: "Get Started Free", href: "https://app.example.com" },
             { text: "Watch Demo", href: "demo" }
           ]}
-          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -59,32 +60,16 @@ export default function HomePage() {
         <FeatureCardThree
           features={[
             {
-              id: "01",
-              title: "Military-Grade Security",
-              description: "Multi-signature wallets with cold storage and advanced encryption protocols",
-              imageSrc: "https://img.b2bpic.net/free-photo/padlock-computer-circuit-board_93675-129557.jpg",
-              imageAlt: "Security features"
+              id: "01",              title: "Military-Grade Security",              description: "Multi-signature wallets with cold storage and advanced encryption protocols",              imageSrc: "https://img.b2bpic.net/free-photo/padlock-computer-circuit-board_93675-129557.jpg",              imageAlt: "Security features"
             },
             {
-              id: "02",
-              title: "Lightning Speed",
-              description: "Instant transactions with sub-second confirmation times across all networks",
-              imageSrc: "https://img.b2bpic.net/free-photo/top-view-lock-keyboard_23-2148578048.jpg",
-              imageAlt: "Fast transaction processing"
+              id: "02",              title: "Lightning Speed",              description: "Instant transactions with sub-second confirmation times across all networks",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-lock-keyboard_23-2148578048.jpg",              imageAlt: "Fast transaction processing"
             },
             {
-              id: "03",
-              title: "Real-Time Analytics",
-              description: "Advanced charting tools and AI-powered market insights for smarter trading",
-              imageSrc: "https://img.b2bpic.net/free-vector/wireframe-chain-with-digital-code-lock-blockchain-cyber-security-safe-privacy-concept_127544-953.jpg",
-              imageAlt: "Analytics dashboard"
+              id: "03",              title: "Real-Time Analytics",              description: "Advanced charting tools and AI-powered market insights for smarter trading",              imageSrc: "https://img.b2bpic.net/free-vector/wireframe-chain-with-digital-code-lock-blockchain-cyber-security-safe-privacy-concept_127544-953.jpg",              imageAlt: "Analytics dashboard"
             },
             {
-              id: "04",
-              title: "API Integration",
-              description: "Connect seamlessly with other platforms and build custom trading strategies",
-              imageSrc: "https://img.b2bpic.net/free-vector/abstract-security-background-with-circuits_23-2147633221.jpg",
-              imageAlt: "API integration"
+              id: "04",              title: "API Integration",              description: "Connect seamlessly with other platforms and build custom trading strategies",              imageSrc: "https://img.b2bpic.net/free-vector/abstract-security-background-with-circuits_23-2147633221.jpg",              imageAlt: "API integration"
             }
           ]}
           title="Powerful Features for Traders"
@@ -94,7 +79,7 @@ export default function HomePage() {
           textboxLayout="default"
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -121,48 +106,22 @@ export default function HomePage() {
         <PricingCardEight
           plans={[
             {
-              id: "starter",
-              badge: "Popular",
-              price: "$0",
-              subtitle: "Perfect for beginners",
-              buttons: [{ text: "Start Free", href: "https://app.example.com/signup" }],
+              id: "starter",              badge: "Popular",              price: "$0",              subtitle: "Perfect for beginners",              buttons: [{ text: "Start Free", href: "https://app.example.com/signup" }],
               features: [
-                "Unlimited trades per month",
-                "Basic charting tools",
-                "Email support",
-                "Mobile app access",
-                "Community forum"
+                "Unlimited trades per month",                "Basic charting tools",                "Email support",                "Mobile app access",                "Community forum"
               ]
             },
             {
-              id: "pro",
-              badge: "Most Popular",
-              badgeIcon: Sparkles,
-              price: "$19/mo",
-              subtitle: "Best for active traders",
-              buttons: [{ text: "Upgrade Now", href: "https://app.example.com/pro" }],
+              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
+              price: "$19/mo",              subtitle: "Best for active traders",              buttons: [{ text: "Upgrade Now", href: "https://app.example.com/pro" }],
               features: [
-                "All Starter features",
-                "Advanced analytics & AI signals",
-                "Priority support 24/7",
-                "API access",
-                "Custom alerts",
-                "Lower trading fees"
+                "All Starter features",                "Advanced analytics & AI signals",                "Priority support 24/7",                "API access",                "Custom alerts",                "Lower trading fees"
               ]
             },
             {
-              id: "elite",
-              badge: "Premium",
-              price: "$99/mo",
-              subtitle: "For professional traders",
-              buttons: [{ text: "Go Elite", href: "https://app.example.com/elite" }],
+              id: "elite",              badge: "Premium",              price: "$99/mo",              subtitle: "For professional traders",              buttons: [{ text: "Go Elite", href: "https://app.example.com/elite" }],
               features: [
-                "All Pro features",
-                "Dedicated account manager",
-                "White-label solutions",
-                "Margin trading access",
-                "Premium liquidity pools",
-                "Custom fee structure"
+                "All Pro features",                "Dedicated account manager",                "White-label solutions",                "Margin trading access",                "Premium liquidity pools",                "Custom fee structure"
               ]
             }
           ]}
@@ -172,7 +131,7 @@ export default function HomePage() {
           tagIcon={Sparkles}
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -196,8 +155,7 @@ export default function HomePage() {
       <FooterBaseReveal
         columns={[
           {
-            title: "Product",
-            items: [
+            title: "Product",            items: [
               { label: "Features", href: "/features" },
               { label: "Pricing", href: "/pricing" },
               { label: "Security", href: "https://cryptovault.io/security" },
@@ -205,8 +163,7 @@ export default function HomePage() {
             ]
           },
           {
-            title: "Company",
-            items: [
+            title: "Company",            items: [
               { label: "About Us", href: "/about" },
               { label: "Blog", href: "https://blog.cryptovault.io" },
               { label: "Careers", href: "https://careers.cryptovault.io" },
@@ -214,8 +171,7 @@ export default function HomePage() {
             ]
           },
           {
-            title: "Legal",
-            items: [
+            title: "Legal",            items: [
               { label: "Privacy Policy", href: "https://cryptovault.io/privacy" },
               { label: "Terms of Service", href: "https://cryptovault.io/terms" },
               { label: "Cookie Policy", href: "https://cryptovault.io/cookies" },