bender/47307ce9-98c4-4856-a1f0-b9162eeca79a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-07 21:22:22 +00:00
Conversation 0 Commits 2 Files Changed 2 +44 -54
2 changed files with 44 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/app/layout.tsx
View File

@@ -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 (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${mulish.variable} antialiased`}
>
<body className={`${inter.variable} antialiased`}>
<ServiceWrapper>
<Tag />
{children}
</ServiceWrapper>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1419,7 +1390,26 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
<script
async
src="https://cdn.jsdelivr.net/npm/lenis@1.1.13/dist/lenis.min.js"
></script>
<script
async
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"
></script>
<script
async
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"
></script>
</html>
);
}
function ServiceWrapper() {
return null;
}
function Tag() {
return null;
}

30
src/app/page.tsx
View File

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