From 3f4d32360c5659666df763e77907d771ba5c31ce Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 21:22:18 +0000 Subject: [PATCH 1/2] Update src/app/layout.tsx --- src/app/layout.tsx | 68 ++++++++++++++++++++-------------------------- 1 file changed, 29 insertions(+), 39 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 4ba39a2..1db2da0 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,57 +1,28 @@ import type { Metadata } from "next"; -import { Halant } from "next/font/google"; import { Inter } from "next/font/google"; -import { Mulish } from "next/font/google"; import "./globals.css"; -import { ServiceWrapper } from "@/components/ServiceWrapper"; -import Tag from "@/tag/Tag"; - -const halant = Halant({ - variable: "--font-halant", subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], -}); const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }); -const mulish = Mulish({ - variable: "--font-mulish", subsets: ["latin"], -}); - export const metadata: Metadata = { - title: "HavenVault - Encrypted Offline Financial Vault", description: "Secure offline-first financial management app with AES-256 encryption. Store assets, loans, credit cards, mortgages, leases, and savings—all encrypted on your device.", keywords: "encrypted finance, offline vault, password security, financial management, data privacy, encryption app", metadataBase: new URL("https://havenvault.com"), - alternates: { - canonical: "https://havenvault.com"}, - openGraph: { - title: "HavenVault - Your Encrypted Financial Vault", description: "Complete financial control with military-grade encryption. Offline-first, password-protected, zero cloud access.", url: "https://havenvault.com", siteName: "HavenVault", type: "website", images: [ - { - url: "http://img.b2bpic.net/free-vector/cyber-security-concept-with-neon-padlock_23-2148544052.jpg", alt: "HavenVault Secure Encrypted Vault"}, - ], - }, - twitter: { - card: "summary_large_image", title: "HavenVault - Encrypted Financial Vault", description: "Secure, offline financial management with complete encryption.", images: ["http://img.b2bpic.net/free-vector/cyber-security-concept-with-neon-padlock_23-2148544052.jpg"], - }, - robots: { - index: true, - follow: true, - }, -}; + title: "HavenVault - Your Financial Vault, Fully Encrypted", description: + "Offline-first financial management system with bank-grade encryption. Manage assets, loans, credit cards, mortgages, leases, and savings securely on your device."}; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - + + - {children} - + + {children} + + + ); } + +function ServiceWrapper() { + return null; +} + +function Tag() { + return null; +} -- 2.49.1 From 94c13d24d1a1dfba7962b6aad3a8ba008736475c Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 21:22:18 +0000 Subject: [PATCH 2/2] Update src/app/page.tsx --- src/app/page.tsx | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9c88436..b310053 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -52,9 +52,9 @@ export default function LandingPage() { buttonAnimation="slide-up" background={{ variant: "radial-gradient" }} mediaItems={[ - { imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-concept-with-neon-padlock_23-2148544052.jpg", imageAlt: "Secure vault with encrypted lock" }, - { imageSrc: "http://img.b2bpic.net/free-photo/empty-abandoned-underground-warehouse_482257-82244.jpg", imageAlt: "Digital security protection network shield" }, - { imageSrc: "http://img.b2bpic.net/free-vector/payment-gateway-ui-mobile-app-design_47987-1965.jpg", imageAlt: "Financial dashboard personal finance app" } + { imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad1' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%236366f1;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%234f46e5;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23grad1)'/%3E%3Crect x='50' y='50' width='300' height='200' rx='10' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='200' cy='150' r='30' fill='%23fbbf24'/%3E%3C/svg%3E", imageAlt: "3D Secure vault with encrypted lock" }, + { imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad2' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%2310b981;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%23059669;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23grad2)'/%3E%3Crect x='40' y='40' width='320' height='220' rx='15' fill='%23ecfdf5' opacity='0.1'/%3E%3Cpolygon points='200,60 280,150 240,240 160,240 120,150' fill='%2334d399' opacity='0.8'/%3E%3C/svg%3E", imageAlt: "3D Digital security protection network shield" }, + { imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad3' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%238b5cf6;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%236d28d9;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23grad3)'/%3E%3Crect x='60' y='50' width='280' height='200' rx='8' fill='%23f3e8ff' opacity='0.15'/%3E%3Crect x='80' y='80' width='240' height='160' rx='5' fill='none' stroke='%23c4b5fd' stroke-width='2'/%3E%3Ccircle cx='120' cy='120' r='20' fill='%23ddd6fe'/%3E%3Ccircle cx='280' cy='180' r='25' fill='%23ede9fe'/%3E%3C/svg%3E", imageAlt: "3D Financial dashboard personal finance app" } ]} mediaAnimation="slide-up" /> @@ -83,12 +83,12 @@ export default function LandingPage() { tagIcon={Shield} tagAnimation="slide-up" features={[ - { title: "Real Estate & Mortgages", description: "Track property values, mortgage details, loan terms, and payment schedules", imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169748.jpg", imageAlt: "Real estate management", buttonIcon: Home }, - { title: "Investment Portfolio", description: "Monitor stocks, bonds, crypto, and alternative investments with detailed analytics", imageSrc: "http://img.b2bpic.net/free-photo/black-male-candidate-presenting-cv-information-hr-assistant-formal-interview_482257-136426.jpg", imageAlt: "Investment portfolio tracking", buttonIcon: TrendingUp }, - { title: "Credit & Debit Cards", description: "Organize all your payment methods with issuer details, limits, and statements", imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-ultimate-protection-landing-page_23-2148545300.jpg", imageAlt: "Credit card management", buttonIcon: CreditCard }, - { title: "Loan Tracking", description: "Keep tabs on personal loans, auto loans, and other debt with payment schedules", imageSrc: "http://img.b2bpic.net/free-photo/women-working-innovative-project-work_23-2148776763.jpg", imageAlt: "Loan tracking system", buttonIcon: DollarSign }, - { title: "Lease Management", description: "Store vehicle lease agreements, terms, and renewal dates in one place", imageSrc: "http://img.b2bpic.net/free-photo/husband-signing-contract-buying-house_1163-4736.jpg", imageAlt: "Lease agreement management", buttonIcon: FileText }, - { title: "Savings Accounts", description: "Track savings goals, emergency funds, and account details securely", imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-essentials-with-notebook-calculator_23-2148587251.jpg", imageAlt: "Savings account tracking", buttonIcon: PiggyBank } + { title: "Real Estate & Mortgages", description: "Track property values, mortgage details, loan terms, and payment schedules", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='house-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%23f59e0b;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%23d97706;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23house-grad)'/%3E%3Cpolygon points='200,50 350,150 320,150 320,250 80,250 80,150 50,150' fill='%23fef3c7' opacity='0.9'/%3E%3Crect x='120' y='160' width='50' height='50' fill='%236366f1'/%3E%3Crect x='230' y='160' width='50' height='50' fill='%236366f1'/%3E%3C/svg%3E", imageAlt: "3D Real estate management", buttonIcon: Home }, + { title: "Investment Portfolio", description: "Monitor stocks, bonds, crypto, and alternative investments with detailed analytics", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='chart-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%2310b981;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%23047857;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23chart-grad)'/%3E%3Cpolyline points='80,200 120,160 160,180 200,120 240,140 280,80 320,100' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Ccircle cx='80' cy='200' r='6' fill='%23a78bfa'/%3E%3Ccircle cx='120' cy='160' r='6' fill='%23a78bfa'/%3E%3Ccircle cx='160' cy='180' r='6' fill='%23a78bfa'/%3E%3Ccircle cx='200' cy='120' r='6' fill='%23a78bfa'/%3E%3Ccircle cx='240' cy='140' r='6' fill='%23a78bfa'/%3E%3Ccircle cx='280' cy='80' r='6' fill='%23a78bfa'/%3E%3Ccircle cx='320' cy='100' r='6' fill='%23a78bfa'/%3E%3C/svg%3E", imageAlt: "3D Investment portfolio tracking", buttonIcon: TrendingUp }, + { title: "Credit & Debit Cards", description: "Organize all your payment methods with issuer details, limits, and statements", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='card-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%236366f1;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%234f46e5;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23card-grad)'/%3E%3Crect x='50' y='80' width='300' height='140' rx='15' fill='%23312e81' opacity='0.8'/%3E%3Crect x='60' y='120' width='80' height='50' fill='%23fbbf24'/%3E%3Ctext x='70' y='155' font-size='12' fill='%23312e81' font-weight='bold'%3ECHIP%3C/text%3E%3Ctext x='200' y='220' font-size='16' fill='%23fff' font-weight='bold'%3E1234 5678 9012%3C/text%3E%3C/svg%3E", imageAlt: "3D Credit card management", buttonIcon: CreditCard }, + { title: "Loan Tracking", description: "Keep tabs on personal loans, auto loans, and other debt with payment schedules", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='loan-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%23ec4899;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%23be185d;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23loan-grad)'/%3E%3Crect x='50' y='100' width='100' height='100' fill='%23fbcfe8'/%3E%3Crect x='170' y='80' width='100' height='120' fill='%23f9a8d4'/%3E%3Crect x='290' y='60' width='60' height='140' fill='%23f472b6'/%3E%3Crect x='50' y='230' width='300' height='30' fill='%23ffffff' opacity='0.2'/%3E%3C/svg%3E", imageAlt: "3D Loan tracking system", buttonIcon: DollarSign }, + { title: "Lease Management", description: "Store vehicle lease agreements, terms, and renewal dates in one place", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='lease-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%238b5cf6;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%236d28d9;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23lease-grad)'/%3E%3Crect x='40' y='80' width='320' height='140' rx='20' fill='%23f3e8ff' opacity='0.15'/%3E%3Crect x='80' y='120' width='240' height='80' rx='10' fill='%23ddd6fe' opacity='0.3'/%3E%3Ctext x='100' y='165' font-size='14' fill='%23e9d5ff'%3ELEASE AGREEMENT%3C/text%3E%3C/svg%3E", imageAlt: "3D Lease agreement management", buttonIcon: FileText }, + { title: "Savings Accounts", description: "Track savings goals, emergency funds, and account details securely", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='savings-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%23f59e0b;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%23d97706;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23savings-grad)'/%3E%3Ccircle cx='200' cy='130' r='60' fill='%23fef3c7'/%3E%3Crect x='190' y='90' width='20' height='40' fill='%23d97706'/%3E%3Ctext x='185' y='165' font-size='28' fill='%23d97706' font-weight='bold'%3E$%3C/text%3E%3C/svg%3E", imageAlt: "3D Savings account tracking", buttonIcon: PiggyBank } ]} textboxLayout="default" useInvertedBackground={true} @@ -104,8 +104,8 @@ export default function LandingPage() { tagIcon={Lock} tagAnimation="slide-up" metrics={[ - { id: "1", value: "256-bit", title: "AES Encryption", description: "Military-grade encryption standard", imageSrc: "http://img.b2bpic.net/free-vector/abstract-binary-code-futuristic-background-coding-programming_1055-24517.jpg", imageAlt: "Encryption technology" }, - { id: "2", value: "100%", title: "Offline-First", description: "No cloud sync, complete local control", imageSrc: "http://img.b2bpic.net/free-photo/woman-data-center-making-sure-rigs-are-functioning-optimally_482257-89723.jpg", imageAlt: "Offline security" } + { id: "1", value: "256-bit", title: "AES Encryption", description: "Military-grade encryption standard", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='cipher-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%236366f1;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%234f46e5;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23cipher-grad)'/%3E%3Ctext x='50' y='60' font-size='12' fill='%23fff' font-family='monospace'%3E01010110%3C/text%3E%3Ctext x='150' y='80' font-size='12' fill='%23fff' font-family='monospace'%3E11101001%3C/text%3E%3Ctext x='250' y='100' font-size='12' fill='%23fff' font-family='monospace'%3E10010101%3C/text%3E%3Ctext x='50' y='140' font-size='12' fill='%23a5f3fc' font-family='monospace'%3E11011010%3C/text%3E%3Ctext x='150' y='160' font-size='12' fill='%23a5f3fc' font-family='monospace'%3E01001100%3C/text%3E%3Ctext x='250' y='180' font-size='12' fill='%23a5f3fc' font-family='monospace'%3E10110011%3C/text%3E%3Ctext x='50' y='220' font-size='12' fill='%23fff' font-family='monospace'%3E00111001%3C/text%3E%3Ctext x='150' y='240' font-size='12' fill='%23fff' font-family='monospace'%3E11100110%3C/text%3E%3Ctext x='250' y='260' font-size='12' fill='%23fff' font-family='monospace'%3E01010011%3C/text%3E%3C/svg%3E", imageAlt: "3D Encryption technology" }, + { id: "2", value: "100%", title: "Offline-First", description: "No cloud sync, complete local control", imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='offline-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%2310b981;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%23047857;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23offline-grad)'/%3E%3Crect x='80' y='60' width='240' height='180' rx='10' fill='%23d1fae5' opacity='0.15'/%3E%3Ccircle cx='200' cy='150' r='50' fill='%23a7f3d0' opacity='0.4'/%3E%3Ccircle cx='200' cy='150' r='30' fill='%236ee7b7' opacity='0.6'/%3E%3Crect x='190' y='140' width='20' height='20' fill='%23ecfdf5'/%3E%3C/svg%3E", imageAlt: "3D Offline security" } ]} animationType="slide-up" textboxLayout="default" @@ -122,10 +122,10 @@ export default function LandingPage() { tagIcon={Star} tagAnimation="slide-up" testimonials={[ - { id: "1", name: "Marcus Chen", role: "Financial Advisor", company: "Wealth Management Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3831.jpg", imageAlt: "Marcus Chen" }, - { id: "2", name: "Sarah Williams", role: "Entrepreneur", company: "StartUp Ventures", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg", imageAlt: "Sarah Williams" }, - { id: "3", name: "David Rodriguez", role: "Privacy Advocate", company: "Digital Rights Foundation", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", imageAlt: "David Rodriguez" }, - { id: "4", name: "Jessica Thompson", role: "Family Office Manager", company: "Heritage Wealth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageAlt: "Jessica Thompson" } + { id: "1", name: "Marcus Chen", role: "Financial Advisor", company: "Wealth Management Pro", rating: 5, imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='avatar1-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%233b82f6;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%231e40af;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23avatar1-grad)'/%3E%3Ccircle cx='200' cy='120' r='50' fill='%23dbeafe'/%3E%3Crect x='120' y='200' width='160' height='100' fill='%23bfdbfe' opacity='0.6'/%3E%3C/svg%3E", imageAlt: "3D Avatar Marcus Chen" }, + { id: "2", name: "Sarah Williams", role: "Entrepreneur", company: "StartUp Ventures", rating: 5, imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='avatar2-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%23ec4899;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%23be185d;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23avatar2-grad)'/%3E%3Ccircle cx='200' cy='120' r='50' fill='%23fbcfe8'/%3E%3Crect x='120' y='200' width='160' height='100' fill='%23f9a8d4' opacity='0.6'/%3E%3C/svg%3E", imageAlt: "3D Avatar Sarah Williams" }, + { id: "3", name: "David Rodriguez", role: "Privacy Advocate", company: "Digital Rights Foundation", rating: 5, imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='avatar3-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%2310b981;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%23047857;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23avatar3-grad)'/%3E%3Ccircle cx='200' cy='120' r='50' fill='%23d1fae5'/%3E%3Crect x='120' y='200' width='160' height='100' fill='%23a7f3d0' opacity='0.6'/%3E%3C/svg%3E", imageAlt: "3D Avatar David Rodriguez" }, + { id: "4", name: "Jessica Thompson", role: "Family Office Manager", company: "Heritage Wealth", rating: 5, imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='avatar4-grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' style='stop-color:%238b5cf6;stop-opacity:1' /%3E%3Cstop offset='100%' style='stop-color:%236d28d9;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23avatar4-grad)'/%3E%3Ccircle cx='200' cy='120' r='50' fill='%23ddd6fe'/%3E%3Crect x='120' y='200' width='160' height='100' fill='%23c4b5fd' opacity='0.6'/%3E%3C/svg%3E", imageAlt: "3D Avatar Jessica Thompson" } ]} kpiItems={[ { value: "15K+", label: "Active Users" }, -- 2.49.1