Hugging Face's logo

Spaces:
stuartkerr
/
dalbar-finalign
Running

App Files Community
dalbar-finalign / index.html
stuartkerr's picture
stuartkerr
the person that should be from is from Louis Harvey at DALBAR Company. Remove Stuart Kerr and ISO Vision, LLC - Initial Deployment
800ce31 verified
raw
history blame contribute delete
34.7 kB
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>AI Sentiment Defense | ISO Vision</title>
 <meta name="description" content="Protect your financial product distribution from AI-driven objections. Real-time monitoring, advisor enablement, and competitive intelligence.">
 <script src="https://cdn.tailwindcss.com"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 <style>
 body { font-family: 'Inter', sans-serif; }
 .gradient-bg { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); }
 .text-gradient { background: linear-gradient(135deg, #0ea5e9, #06b6d4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
 .card-hover:hover { transform: translateY(-2px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
 .hero-pattern { background-image: radial-gradient(circle at 2px 2px, #334155 1px, transparent 0); background-size: 40px 40px; }
 .glass-effect { backdrop-filter: blur(10px); }
 .pulse-ring { animation: pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; }
 @keyframes pulse-ring { 0% { transform: scale(0.33); } 40%, 50% { opacity: 0; } 100% { transform: scale(1.2); opacity: 0; } }
 </style>
</head>
<body class="bg-slate-900 text-white">
 <!-- Navigation -->
 <nav class="fixed top-0 w-full z-50 bg-slate-900/80 glass-effect border-b border-slate-700">
 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 <div class="flex justify-between items-center h-16">
 <div class="flex items-center space-x-2">
 <div class="w-8 h-8 bg-sky-500 rounded-lg flex items-center justify-center">
 <svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 20 20">
 <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
 </svg>
 </div>
 <span class="text-xl font-bold">DALBAR</span>
 </div>
 <div class="hidden md:flex space-x-8">
 <a href="#product" class="text-slate-300 hover:text-sky-400 transition-colors">Product</a>
 <a href="#features" class="text-slate-300 hover:text-sky-400 transition-colors">Features</a>
 <a href="#pilot" class="text-slate-300 hover:text-sky-400 transition-colors">Pilot</a>
 <a href="#contact" class="text-slate-300 hover:text-sky-400 transition-colors">Contact</a>
 </div>
 <button id="mobile-menu-btn" class="md:hidden text-slate-300">
 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
 </svg>
 </button>
 </div>
 </div>
 <div id="mobile-menu" class="hidden md:hidden bg-slate-800 border-t border-slate-700">
 <div class="px-2 pt-2 pb-3 space-y-1">
 <a href="#product" class="block px-3 py-2 text-slate-300 hover:text-sky-400">Product</a>
 <a href="#features" class="block px-3 py-2 text-slate-300 hover:text-sky-400">Features</a>
 <a href="#pilot" class="block px-3 py-2 text-slate-300 hover:text-sky-400">Pilot</a>
 <a href="#contact" class="block px-3 py-2 text-slate-300 hover:text-sky-400">Contact</a>
 </div>
 </div>
 </nav>
<!-- Hero Section -->
 <section class="relative min-h-screen flex items-center justify-center overflow-hidden">
 <div class="absolute inset-0 hero-pattern opacity-5"></div>
 <div class="absolute inset-0 bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900"></div>
 <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
 <div class="text-center">
 <h1 class="text-4xl md:text-6xl lg:text-7xl font-bold mb-6">
 <span class="text-gradient italic">AI Sentiment</span><br>
 <span class="text-white">Defense</span>
 </h1>
 <p class="text-xl md:text-2xl text-slate-300 mb-8 max-w-3xl mx-auto leading-relaxed">
 Protect your financial product distribution from AI-driven objections.
Real-time monitoring, advisor enablement, and competitive intelligence.
 </p>
 <div class="flex flex-col sm:flex-row gap-4 justify-center">
 <button id="hero-cta" class="bg-sky-500 hover:bg-sky-600 text-white px-8 py-4 rounded-lg font-semibold text-lg transition-all duration-200 transform hover:scale-105">
 Schedule Executive Briefing
 </button>
 <button id="demo-cta" class="border border-slate-600 hover:border-slate-500 text-slate-300 hover:text-white px-8 py-4 rounded-lg font-semibold text-lg transition-all duration-200">
 Watch Demo
 </button>
 </div>
 </div>
 </div>
 </section>
<!-- Threat Section -->
 <section id="product" class="py-20 bg-slate-800">
 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 <div class="text-center mb-16">
 <h2 class="text-3xl md:text-5xl font-bold mb-6">The Hidden Sales Killer</h2>
 <p class="text-xl text-slate-300 max-w-3xl mx-auto">
 Your clients are asking AI models about your products right now.
What they're hearing could be costing you millions in lost sales.
 </p>
 </div>
 <div class="grid md:grid-cols-2 gap-12 items-center">
 <div>
 <h3 class="text-2xl font-bold mb-4 text-sky-400">Real Client Scenario</h3>
 <div class="bg-slate-900 rounded-lg p-6 mb-4">
 <p class="text-slate-300 mb-2">Client asks AI:</p>
 <p class="text-white font-semibold mb-4">"Should I invest in ABC Callable Yield Note from XYZ Asset Management?"</p>
 <div class="bg-red-900/20 border border-red-500/30 rounded p-4">
 <p class="text-red-300 text-sm">AI Response: "Callable notes can offer higher yields but cap upside and may expose you to loss of principal. An S&P 500 ETF might be a simpler, lower-cost alternative."</p>
 </div>
 </div>
 <div class="space-y-2 text-slate-400">
 <div class="flex items-center"><div class="w-2 h-2 bg-red-500 rounded-full mr-3"></div>Advisor loses momentum</div>
 <div class="flex items-center"><div class="w-2 h-2 bg-red-500 rounded-full mr-3"></div>Client confidence erodes</div>
 <div class="flex items-center"><div class="w-2 h-2 bg-red-500 rounded-full mr-3"></div>Competitor ETF gains mindshare</div>
 </div>
 </div>
 <div>
 <h3 class="text-2xl font-bold mb-4 text-sky-400">The Scale of Impact</h3>
 <div class="grid grid-cols-2 gap-4">
 <div class="bg-slate-900 rounded-lg p-6 text-center">
 <div class="text-3xl font-bold text-red-400 mb-2">67%</div>
 <p class="text-slate-300 text-sm">AI answers steering toward ETF alternatives</p>
 </div>
 <div class="bg-slate-900 rounded-lg p-6 text-center">
 <div class="text-3xl font-bold text-red-400 mb-2">$2.3M</div>
 <p class="text-slate-300 text-sm">Estimated lost sales per $100M product</p>
 </div>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- Features Grid -->
 <section id="features" class="py-20">
 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 <div class="text-center mb-16">
 <h2 class="text-3xl md:text-5xl font-bold mb-6">Complete AI Defense Platform</h2>
 <p class="text-xl text-slate-300 max-w-3xl mx-auto">
 Four integrated modules to monitor, analyze, and neutralize AI-driven objections
 </p>
 </div>
 <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
 <div class="bg-slate-800 rounded-xl p-6 card-hover transition-all duration-300">
 <div class="w-12 h-12 bg-sky-500 rounded-lg flex items-center justify-center mb-4">
 <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
 </svg>
 </div>
 <h3 class="text-xl font-bold mb-3">AI Sentiment Radar</h3>
 <p class="text-slate-300 text-sm">Continuous monitoring of AI responses across ChatGPT, Claude, Gemini, and enterprise models</p>
 </div>
 <div class="bg-slate-800 rounded-xl p-6 card-hover transition-all duration-300">
 <div class="w-12 h-12 bg-sky-500 rounded-lg flex items-center justify-center mb-4">
 <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
 </svg>
 </div>
 <h3 class="text-xl font-bold mb-3">Objection Preemption Kit</h3>
 <p class="text-slate-300 text-sm">Compliance-approved counterpoints for the top AI objections your advisors face</p>
 </div>
 <div class="bg-slate-800 rounded-xl p-6 card-hover transition-all duration-300">
 <div class="w-12 h-12 bg-sky-500 rounded-lg flex items-center justify-center mb-4">
 <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
 </svg>
 </div>
 <h3 class="text-xl font-bold mb-3">Competitive AI Intel</h3>
 <p class="text-slate-300 text-sm">See how AI positions your competitors vs. your products in real conversations</p>
 </div>
 <div class="bg-slate-800 rounded-xl p-6 card-hover transition-all duration-300">
 <div class="w-12 h-12 bg-sky-500 rounded-lg flex items-center justify-center mb-4">
 <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
 </svg>
 </div>
 <h3 class="text-xl font-bold mb-3">Advisor Enablement</h3>
 <p class="text-slate-300 text-sm">Monthly briefings, role-play scripts, and prompt libraries to train your field teams</p>
 </div>
 </div>
 </div>
 </section>
<!-- Interactive Demo -->
 <section class="py-20 bg-slate-800">
 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 <div class="text-center mb-16">
 <h2 class="text-3xl md:text-5xl font-bold mb-6">Live AI Monitoring Dashboard</h2>
 <p class="text-xl text-slate-300">See real-time sentiment analysis in action</p>
 </div>
 <div class="bg-slate-900 rounded-xl p-8">
 <div class="grid lg:grid-cols-3 gap-8">
 <div>
 <h3 class="text-lg font-semibold mb-4">Product Sentiment</h3>
 <div id="sentiment-chart" class="h-64 bg-slate-800 rounded-lg flex items-center justify-center">
 <div class="text-center">
 <div id="sentiment-score" class="text-4xl font-bold text-sky-400">74%</div>
 <p class="text-slate-400 text-sm">Positive AI Responses</p>
 <div class="mt-4 flex justify-center">
 <div class="w-16 h-16 relative">
 <svg class="w-16 h-16 transform -rotate-90">
 <circle cx="32" cy="32" r="28" stroke="#334155" stroke-width="8" fill="none"/>
 <circle id="progress-circle" cx="32" cy="32" r="28" stroke="#0ea5e9" stroke-width="8" fill="none"
 stroke-dasharray="176" stroke-dashoffset="45" stroke-linecap="round"/>
 </svg>
 <div class="absolute inset-0 flex items-center justify-center">
 <div class="w-4 h-4 bg-sky-500 rounded-full pulse-ring"></div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 <div>
 <h3 class="text-lg font-semibold mb-4">Top AI Objections</h3>
 <div class="space-y-3">
 <div class="flex justify-between items-center bg-slate-800 p-3 rounded">
 <span class="text-sm">"Too complex"</span>
 <span class="text-red-400 font-semibold">23%</span>
 </div>
 <div class="flex justify-between items-center bg-slate-800 p-3 rounded">
 <span class="text-sm">"High fees"</span>
 <span class="text-red-400 font-semibold">18%</span>
 </div>
 <div class="flex justify-between items-center bg-slate-800 p-3 rounded">
 <span class="text-sm">"Liquidity risk"</span>
 <span class="text-red-400 font-semibold">15%</span>
 </div>
 </div>
 </div>
 <div>
 <h3 class="text-lg font-semibold mb-4">Competitive Position</h3>
 <div class="space-y-3">
 <div class="flex justify-between items-center">
 <span class="text-sm">Your Product</span>
 <span class="text-sky-400 font-semibold">#2</span>
 </div>
 <div class="flex justify-between items-center">
 <span class="text-sm">Vanguard ETF</span>
 <span class="text-green-400 font-semibold">#1</span>
 </div>
 <div class="flex justify-between items-center">
 <span class="text-sm">Fidelity Fund</span>
 <span class="text-slate-400">#3</span>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- ROI Calculator -->
 <section class="py-20">
 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 <div class="text-center mb-16">
 <h2 class="text-3xl md:text-5xl font-bold mb-6">Calculate Your ROI</h2>
 <p class="text-xl text-slate-300">See the financial impact of AI Sentiment Defense</p>
 </div>
 <div class="grid lg:grid-cols-2 gap-12">
 <div class="bg-slate-800 rounded-xl p-8">
 <h3 class="text-2xl font-bold mb-6">Input Your Metrics</h3>
 <div class="space-y-6">
 <div>
 <label class="block text-sm font-medium mb-2">Annual Product Sales ($M)</label>
 <input type="number" id="sales-input" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-4 py-2 text-white" value="500" min="0">
 </div>
 <div>
 <label class="block text-sm font-medium mb-2">Average Deal Size ($K)</label>
 <input type="number" id="deal-size-input" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-4 py-2 text-white" value="250" min="0">
 </div>
 <div>
 <label class="block text-sm font-medium mb-2">AI Objection Rate (%)</label>
 <input type="number" id="objection-rate-input" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-4 py-2 text-white" value="15" min="0" max="100">
 </div>
 </div>
 </div>
 <div class="bg-slate-800 rounded-xl p-8">
 <h3 class="text-2xl font-bold mb-6">Projected Results</h3>
 <div class="space-y-4">
 <div class="flex justify-between">
 <span>Lost Deals to AI</span>
 <span id="lost-deals" class="text-red-400 font-semibold">75</span>
 </div>
 <div class="flex justify-between">
 <span>Revenue at Risk ($M)</span>
 <span id="revenue-risk" class="text-red-400 font-semibold">$18.8M</span>
 </div>
 <div class="flex justify-between">
 <span>Recovery Rate with Defense (75%)</span>
 <span id="recovery" class="text-green-400 font-semibold">$14.1M</span>
 </div>
 <div class="border-t border-slate-700 pt-4">
 <div class="flex justify-between text-lg">
 <span class="font-bold">Annual ROI</span>
 <span id="roi" class="text-sky-400 font-bold">2,820%</span>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- Pilot Program -->
 <section id="pilot" class="py-20 bg-slate-800">
 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 <div class="text-center mb-16">
 <h2 class="text-3xl md:text-5xl font-bold mb-6">90-Day Pilot Program</h2>
 <p class="text-xl text-slate-300 max-w-3xl mx-auto">
 Low-risk, high-impact proof of concept designed for enterprise financial services
 </p>
 </div>
 <div class="grid lg:grid-cols-2 gap-12">
 <div>
 <h3 class="text-2xl font-bold mb-6">What You Get</h3>
 <div class="space-y-4">
 <div class="flex items-start">
 <div class="w-6 h-6 bg-sky-500 rounded-full flex items-center justify-center mt-1 mr-3">
 <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20">
 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
 </svg>
 </div>
 <div>
 <p class="font-semibold">AI Sentiment Monitoring</p>
 <p class="text-slate-400 text-sm">Continuous tracking of 1 product + 3 competitors</p>
 </div>
 </div>
 <div class="flex items-start">
 <div class="w-6 h-6 bg-sky-500 rounded-full flex items-center justify-center mt-1 mr-3">
 <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20">
 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
 </svg>
 </div>
 <div>
 <p class="font-semibold">Top 20 Objection Responses</p>
 <p class="text-slate-400 text-sm">Compliance-approved counterpoints for common AI pushbacks</p>
 </div>
 </div>
 <div class="flex items-start">
 <div class="w-6 h-6 bg-sky-500 rounded-full flex items-center justify-center mt-1 mr-3">
 <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20">
 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
 </svg>
 </div>
 <div>
 <p class="font-semibold">Monthly Field Briefings</p>
 <p class="text-slate-400 text-sm">Trends, competitor moves, and advisor training sessions</p>
 </div>
 </div>
 <div class="flex items-start">
 <div class="w-6 h-6 bg-sky-500 rounded-full flex items-center justify-center mt-1 mr-3">
 <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20">
 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
 </svg>
 </div>
 <div>
 <p class="font-semibold">Success Metrics Dashboard</p>
 <p class="text-slate-400 text-sm">Clear ROI measurement and expansion roadmap</p>
 </div>
 </div>
 </div>
 </div>
 <div class="bg-slate-900 rounded-xl p-8">
 <h3 class="text-2xl font-bold mb-6">Success Criteria</h3>
 <div class="space-y-4 mb-6">
 <div class="flex justify-between items-center">
 <span>Advisor Confidence Increase</span>
 <span class="text-green-400 font-bold">≥25%</span>
 </div>
 <div class="flex justify-between items-center">
 <span>Objection Handling Efficiency</span>
 <span class="text-green-400 font-bold">≥40%</span>
 </div>
 <div class="flex justify-between items-center">
 <span>AI Sentiment Improvement</span>
 <span class="text-green-400 font-bold">≥70%</span>
 </div>
 </div>
 <div class="border-t border-slate-700 pt-6">
 <p class="text-3xl font-bold text-sky-400 mb-2">$50K - $75K</p>
 <p class="text-slate-400">Fixed pilot investment</p>
 <button id="pilot-cta" class="w-full mt-6 bg-sky-500 hover:bg-sky-600 text-white py-3 rounded-lg font-semibold transition-colors">
 Start Pilot
 </button>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- Contact Section -->
 <section id="contact" class="py-20">
 <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
 <div class="text-center mb-12">
 <h2 class="text-3xl md:text-5xl font-bold mb-6">Ready to Protect Your Distribution?</h2>
 <p class="text-xl text-slate-300">Schedule an executive briefing with our team</p>
 </div>
 <div class="grid lg:grid-cols-2 gap-12">
 <div class="bg-slate-800 rounded-xl p-8">
 <h3 class="text-2xl font-bold mb-6">Book Executive Briefing</h3>
 <form id="contact-form" class="space-y-4">
 <div>
 <label class="block text-sm font-medium mb-2">Full Name</label>
 <input type="text" name="name" required class="w-full bg-slate-700 border border-slate-600 rounded-lg px-4 py-2 text-white">
 </div>
 <div>
 <label class="block text-sm font-medium mb-2">Email</label>
 <input type="email" name="email" required class="w-full bg-slate-700 border border-slate-600 rounded-lg px-4 py-2 text-white">
 </div>
 <div>
 <label class="block text-sm font-medium mb-2">Company</label>
 <input type="text" name="company" required class="w-full bg-slate-700 border border-slate-600 rounded-lg px-4 py-2 text-white">
 </div>
 <div>
 <label class="block text-sm font-medium mb-2">Role</label>
 <select name="role" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-4 py-2 text-white">
 <option>Head of Distribution</option>
 <option>Chief Compliance Officer</option>
 <option>Head of Wealth/Field Leadership</option>
 <option>Product Manager</option>
 <option>Other</option>
 </select>
 </div>
 <button type="submit" class="w-full bg-sky-500 hover:bg-sky-600 text-white py-3 rounded-lg font-semibold transition-colors">
 Schedule Briefing
 </button>
 </form>
 </div>
 <div class="bg-slate-800 rounded-xl p-8">
 <h3 class="text-2xl font-bold mb-6">Direct Contact</h3>
 <div class="space-y-4">
 <div>
 <p class="text-slate-400 text-sm mb-1">Chairman & Founder</p>
 <p class="text-xl font-semibold">Louis Harvey</p>
 </div>
 <div>
 <p class="text-slate-400 text-sm mb-1">Phone</p>
 <p class="text-white">+1 (617) 624-7200</p>
 </div>
 <div>
 <p class="text-slate-400 text-sm mb-1">Email</p>
 <a href="mailto:lharvey@dalbar.com" class="text-sky-400 hover:text-sky-300">lharvey@dalbar.com</a>
 </div>
 <div>
 <p class="text-slate-400 text-sm mb-1">Website</p>
 <a href="https://dalbar.com" target="_blank" class="text-sky-400 hover:text-sky-300">DALBAR.com</a>
 </div>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- Footer -->
 <footer class="bg-slate-900 border-t border-slate-700 py-8">
 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 <div class="text-center text-slate-400">
 <p>&copy; 2024 DALBAR, Inc. All rights reserved. Protecting financial product distribution in the AI era.</p>
 </div>
 </div>
 </footer>
<script>
 // Mobile menu toggle
 const mobileMenuBtn = document.getElementById('mobile-menu-btn');
 const mobileMenu = document.getElementById('mobile-menu');
mobileMenuBtn.addEventListener('click', () => {
 mobileMenu.classList.toggle('hidden');
 });
 // Smooth scrolling for navigation links
 document.querySelectorAll('a[href^="#"]').forEach(anchor => {
 anchor.addEventListener('click', function (e) {
 e.preventDefault();
 const target = document.querySelector(this.getAttribute('href'));
 if (target) {
 target.scrollIntoView({ behavior: 'smooth', block: 'start' });
 mobileMenu.classList.add('hidden');
 }
 });
 });
 // ROI Calculator
 function updateROI() {
 const sales = parseFloat(document.getElementById('sales-input').value) || 0;
 const dealSize = parseFloat(document.getElementById('deal-size-input').value) || 0;
 const objectionRate = parseFloat(document.getElementById('objection-rate-input').value) || 0;
const totalDeals = (sales * 1000) / dealSize;
 const lostDeals = Math.round(totalDeals * (objectionRate / 100));
 const revenueRisk = (lostDeals * dealSize) / 1000;
 const recovery = revenueRisk * 0.75;
 const roi = ((recovery - 75) / 75) * 100;
document.getElementById('lost-deals').textContent = lostDeals;
 document.getElementById('revenue-risk').textContent = `$${revenueRisk.toFixed(1)}M`;
 document.getElementById('recovery').textContent = `$${recovery.toFixed(1)}M`;
 document.getElementById('roi').textContent = `${Math.round(roi)}%`;
 }
 document.getElementById('sales-input').addEventListener('input', updateROI);
 document.getElementById('deal-size-input').addEventListener('input', updateROI);
 document.getElementById('objection-rate-input').addEventListener('input', updateROI);
 // Animate counter
 function animateCounter(element, target) {
 let current = 0;
 const increment = target / 50;
 const timer = setInterval(() => {
 current += increment;
 if (current >= target) {
 current = target;
 clearInterval(timer);
 }
 element.textContent = Math.round(current);
 }, 20);
 }
 // Intersection Observer for animations
 const observerOptions = { threshold: 0.1 };
 const observer = new IntersectionObserver((entries) => {
 entries.forEach(entry => {
 if (entry.isIntersecting) {
 entry.target.classList.add('animate-fade-in');
 }
 });
 }, observerOptions);
 // Contact form handling
 document.getElementById('contact-form').addEventListener('submit', function(e) {
 e.preventDefault();
 const formData = new FormData(this);
 const data = Object.fromEntries(formData);
// Simulate form submission
 const submitBtn = this.querySelector('button[type="submit"]');
 const originalText = submitBtn.textContent;
 submitBtn.textContent = 'Scheduling...';
 submitBtn.disabled = true;
setTimeout(() => {
 alert('Thank you! We\'ll contact you within 24 hours to schedule your executive briefing.');
 this.reset();
 submitBtn.textContent = originalText;
 submitBtn.disabled = false;
 }, 1500);
 });
 // CTA button handlers
 document.getElementById('hero-cta').addEventListener('click', () => {
 document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });
 });
 document.getElementById('demo-cta').addEventListener('click', () => {
 alert('Demo video will play here. Contact us for a personalized walkthrough.');
 });
 document.getElementById('pilot-cta').addEventListener('click', () => {
 document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });
 });
 // Initialize
 updateROI();
 </script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=stuartkerr/dalbar-finalign" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>