Update src/app/page.tsx

This commit is contained in:
2026-04-18 07:39:18 +00:00
parent 814e14b595
commit 5d0f0edea1

View File

@@ -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}