From 5d0f0edea174ff7de1478efdd08b617bf0a1ef3d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 07:39:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 278fe60..bea1950 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { ShieldCheck, Users, Link as LinkIcon } from "lucide-react";
+import { ShieldCheck, Users, Link as LinkIcon, Wallet } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,6 +33,7 @@ export default function LandingPage() {
             brandName="OmniWallet"
             navItems={[
               { name: "Home", id: "hero" },
+              { name: "Wallet", id: "wallet" },
               { name: "About", id: "about" },
               { name: "Features", id: "features" },
               { name: "Contact", id: "contact" }
@@ -52,6 +53,24 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="wallet" data-section="wallet">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            title="Your Digital Wallet"
+            description="Manage your balances, send funds to usernames, and receive assets securely in your personal vault."
+            tag="Secure Dashboard"
+            tagIcon={Wallet}
+            metrics={[
+                { id: "bal", value: "$0.00", title: "Current Balance", description: "Total assets held", icon: Wallet },
+                { id: "in", value: "Receive", title: "Receive Funds", description: "Share your unique ID", icon: LinkIcon },
+                { id: "out", value: "Send", title: "Send Funds", description: "Pay via username", icon: Users }
+            ]}
+          />
+        </div>
+
         <div id="about" data-section="about">
           <TextAbout
             useInvertedBackground={false}