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

Merge version_3 into main #4

Merged
bender merged 1 commits from version_3 into main 2026-03-07 21:25:59 +00:00
Conversation 0 Commits 1 Files Changed 1 +155 -174
1 changed files with 155 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

329
src/app/page.tsx
View File

@@ -1,218 +1,199 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { CreditCard, DollarSign, FileText, Home, HelpCircle, Lock, PiggyBank, Shield, Star, TrendingUp } from 'lucide-react';
import { ThemeProvider } from "@/components/theme/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { TrendingUp, Users, Shield, Zap, Quote } from "lucide-react";
export default function LandingPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
];
const metrics = [
{ icon: TrendingUp, label: "Secure Transactions", value: "10M+" },
{ icon: Users, label: "Active Users", value: "50K+" },
{ icon: Shield, label: "Bank-Grade Encryption", value: "256-bit" },
{ icon: Zap, label: "Offline Ready", value: "100%" },
];
const teamMembers = [
{
id: "1", name: "Alex Chen", role: "Lead Developer", imageSrc: "asset://team-member-1"},
{
id: "2", name: "Sarah Johnson", role: "Security Expert", imageSrc: "asset://team-member-2"},
{
id: "3", name: "Marcus Williams", role: "Product Manager", imageSrc: "asset://team-member-3"},
{
id: "4", name: "Emma Rodriguez", role: "UX Designer", imageSrc: "asset://team-member-4"},
];
const testimonials = [
{
id: "1", name: "John Smith", handle: "@johnsmith", testimonial:
"HavenVault has completely transformed how I manage my finances. The encryption is top-notch and I love that it works offline.", rating: 5,
icon: Quote,
},
{
id: "2", name: "Lisa Chen", handle: "@lisachen", testimonial:
"Finally, a financial app that prioritizes privacy. This is exactly what I was looking for.", rating: 5,
icon: Quote,
},
{
id: "3", name: "Michael Brown", handle: "@mbrown", testimonial:
"The offline functionality is a game-changer. Perfect for managing my assets on the go without worrying about connectivity.", rating: 5,
icon: Quote,
},
];
const footerColumns = [
{
items: [
{ label: "Home", href: "/" },
{ label: "Features", href: "features" },
{ label: "About", href: "about" },
],
},
{
items: [
{ label: "Security", href: "#" },
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" },
],
},
{
items: [
{ label: "Contact", href: "contact" },
{ label: "Support", href: "#" },
{ label: "Blog", href: "#" },
],
},
];
export default function Home() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
contentWidth="large"
sizing="large"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="HavenVault"
navItems={[
{ name: "Features", id: "features" },
{ name: "Security", id: "security" },
{ name: "FAQ", id: "faq" },
{ name: "Get Started", id: "contact" }
]}
/>
</div>
<NavbarStyleFullscreen
navItems={navItems}
brandName="HavenVault"
bottomLeftText="Your Financial Vault"
bottomRightText="hello@havenvault.com"
/>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Your Financial Vault, Fully Encrypted"
description="HavenVault is an offline-first financial management system where all your sensitive data—assets, loans, credit cards, mortgages, leases, and savings—are encrypted and stored securely on your device. No internet required. No third-party access. Complete control."
tag="Bank-Grade Security"
tagIcon={Lock}
tagAnimation="slide-up"
<HeroCarouselLogo
logoText="HAVENVAULT"
description="Secure, offline-first financial management with bank-grade encryption. Take control of your assets."
buttons={[
{ text: "Download HavenVault", href: "#contact" },
{ text: "Learn How It Works", href: "#features" }
{ text: "Get Started", href: "contact" },
{ text: "Learn More", href: "features" },
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
mediaItems={[
{ 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" }
slides={[
{
imageSrc: "asset://hero-slide-1", imageAlt: "Secure financial dashboard"},
{
imageSrc: "asset://hero-slide-2", imageAlt: "Encrypted transactions"},
{
imageSrc: "asset://hero-slide-3", imageAlt: "Offline capabilities"},
]}
mediaAnimation="slide-up"
autoplayDelay={5000}
showDimOverlay={true}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="Complete Financial Control"
description={[
"HavenVault revolutionizes how you manage your financial life. Unlike traditional apps that sync to cloud servers, HavenVault operates entirely offline on your device. Every piece of data—from your investment portfolio to your credit card statements—is protected with military-grade encryption.", "With a password-only authentication system, you eliminate unnecessary complexity. No username means fewer attack vectors. One secure password is all that stands between you and complete financial privacy.", "Designed for families, entrepreneurs, and anyone who values their financial privacy. Store assets, track loans, manage credit cards, organize mortgages and leases, monitor savings accounts—all in one encrypted vault."
]}
buttons={[
{ text: "Explore Features", href: "#features" }
]}
<AboutMetric
title="Why HavenVault is Your Trusted Financial Partner"
metrics={metrics}
useInvertedBackground={false}
showBorder={true}
buttonAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
title="Comprehensive Asset Management"
description="Manage every aspect of your financial life in one secure location"
tag="Full Coverage"
tagIcon={Shield}
tagAnimation="slide-up"
features={[
{ 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 }
<FeatureCardTwentyOne
title="Advanced Security Features"
description="Experience financial management with military-grade encryption and offline-first architecture."
tag="Security"
imageSrc="asset://feature-image"
imageAlt="Secure encryption features"
accordionItems={[
{
id: "1", title: "End-to-End Encryption", content:
"All your financial data is encrypted using 256-bit AES encryption. Your keys, your data, your privacy."},
{
id: "2", title: "Offline First Architecture", content:
"Manage your assets anywhere without an internet connection. Sync securely when you're ready."},
{
id: "3", title: "Multi-Account Support", content:
"Organize and manage multiple accounts, loans, credit cards, mortgages, and leases in one secure vault."},
]}
textboxLayout="default"
useInvertedBackground={true}
buttonAnimation="slide-up"
buttons={[
{ text: "Explore Features", href: "#" },
{ text: "View Demo", href: "#" },
]}
useInvertedBackground={false}
mediaPosition="left"
/>
</div>
<div id="security" data-section="security">
<MetricCardEleven
title="Security Built In"
description="Enterprise-grade encryption protects your financial data"
tag="Privacy First"
tagIcon={Lock}
tagAnimation="slide-up"
metrics={[
{ 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"
<div id="team" data-section="team">
<TeamCardOne
members={teamMembers}
title="Meet Our Expert Team"
description="Talented professionals dedicated to your financial security"
textboxLayout="default"
animationType="slide-up"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
buttonAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="Trusted by Privacy-Conscious Individuals"
description="See what users are saying about HavenVault's security and simplicity"
tag="User Reviews"
tagIcon={Star}
tagAnimation="slide-up"
testimonials={[
{ 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" },
{ value: "99.9%", label: "Data Security Score" },
{ value: "Zero", label: "Breaches" }
]}
<TestimonialCardThirteen
testimonials={testimonials}
showRating={false}
title="Trusted by Financial Professionals"
description="See what our users say about their experience with HavenVault"
textboxLayout="default"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Everything you need to know about HavenVault's security, encryption, and offline-first approach"
tag="Support"
tagIcon={HelpCircle}
tagAnimation="slide-up"
faqs={[
{ id: "1", title: "Is HavenVault truly offline?", content: "Yes. HavenVault operates entirely on your device with no internet connection required. Your data never leaves your device unless you explicitly export it. This means complete privacy and control over your financial information." },
{ id: "2", title: "How secure is the encryption?", content: "HavenVault uses AES-256 encryption, the same military-grade standard used by government agencies. Your password protects the encryption key, making your data unreadable without the correct password. Even we cannot access your data." },
{ id: "3", title: "What if I lose my password?", content: "Password recovery is intentionally impossible. This ensures maximum security but means you must keep your password secure. We recommend using a password manager and keeping a backup in a secure location." },
{ id: "4", title: "Can I sync HavenVault across devices?", content: "You can manually export and import encrypted vaults between devices. This maintains security while allowing you to use HavenVault on multiple devices under your control." },
{ id: "5", title: "How do I organize different financial accounts?", content: "HavenVault provides organized categories for assets, loans, credit cards, mortgages, leases, and savings. Each category allows unlimited entries with detailed information and custom notes." },
{ id: "6", title: "Is there a free trial or demo?", content: "HavenVault is available for download with a free 30-day trial. After that, a one-time purchase unlocks lifetime access with automatic updates and priority support." }
]}
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Take control of your financial privacy today. Download HavenVault and encrypt your entire financial life."
animationType="background-highlight"
buttons={[
{ text: "Download Now", href: "#" },
{ text: "View Documentation", href: "#" }
]}
background={{ variant: "plain" }}
useInvertedBackground={true}
<ContactCenter
tag="Newsletter"
title="Stay Updated on Security Features"
description="Get the latest updates on new security features, improvements, and best practices for managing your finances."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
onSubmit={(email) => console.log(email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="HavenVault"
columns={[
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Security", href: "#security" },
{ label: "FAQ", href: "#faq" },
{ label: "Download", href: "#contact" }
]
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "User Guide", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Security Audit", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Contact", href: "#contact" },
{ label: "Support", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Security Policy", href: "#" },
{ label: "Compliance", href: "#" }
]
}
]}
copyrightText="© 2025 HavenVault. All rights reserved. Your privacy is our priority."
/>
<FooterLogoEmphasis columns={footerColumns} logoText="HavenVault" />
</div>
</ThemeProvider>
);