Update src/app/page.tsx

Merge version_2 into main

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" }
@@ -45,13 +46,31 @@ export default function LandingPage() {
             logoText="OmniWallet"
             description="The secure, fast, and unified wallet for all your blockchain assets. Use your unique username to send funds instantly."
             buttons={[
-              { text: "Get Started", href: "#contact" },
+              { text: "Get Started", onClick: () => window.alert("Wallet created! Your main interface is ready.") },
               { text: "Learn More", href: "#features" }
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572166.jpg?_wi=1"
           />
         </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}