Spaces:
Running
Running
Turn this into a very compelling website that you would use to position this product to financial services firms so they would buy this as a way to create defense so that they would minimize the risk of getting sued by their clients. AI Sentiment Defense for Financial Product Distribution Executive Summary In today’s market, the client conversation no longer ends when they leave the advisor’s office. Increasingly, the secondconversation happens with an AI model—ChatGPT, Claude, Gemini, or their enterprise equivalents. Clients ask, “Should I buy this product?” or “Is this a good investment?” and receive an instant, confident, and sometimes contradictory answer. When that AI response undermines the advisor’s recommendation, it erodes trust, stalls sales, and can trigger compliance concerns. For Heads of Distribution, this is a new kind of blind spot: a hidden source of lost flows and product adoption friction. We solve this by giving you: Real-time visibility into what AI is saying about your product and category. Counterpoint playbooks to equip wholesalers and advisors with pre-approved, persuasive responses. Competitive intelligence that reveals how AI positions you vs. competitors. The Distribution Challenge Silent Sales Killer: Advisors may avoid pitching your product if they’ve been burned by “AI pushback” in client conversations. Misaligned Messaging: AI’s “generic advice” often ignores product nuances, suitability contexts, or unique benefits. Compliance Risk: Negative or inaccurate AI outputs can prompt client complaints or regulator interest if they contradict the advisor’s recommendation. Competitive Drift: AI may position your competitor’s product more favorably—without you ever knowing. Our Solution: AI Sentiment Defense A monitoring and enablement platform built for distribution leaders in asset management, insurance, and wealth products. 1. AI Sentiment Radar Continuously tests leading AI models with: Product-specific prompts (“Should I invest in the ABC Callable Note?”) Category prompts (“Are callable notes a good idea for retirees?”) Competitor prompts Scores AI answers for: Alignment with your product positioning. Sentiment (positive, neutral, negative). Objection themes (cost, complexity, risk, liquidity, alternatives). 2. Objection Preemption Kit Maps top recurring AI objections to compliance-approved counterpoints. Delivers: Advisor quick cards for common pushbacks. One-pagers for wholesaler roadshows. Client-facing briefs that reframe the product in favorable, transparent terms. 3. Competitive AI Intel Runs the same analysis on competitor products. Highlights where AI messaging favors them. Gives your team language and positioning to close that gap. 4. Wholesaler & Advisor Enablement Monthly “What AI Is Saying” Briefing: Trends, key shifts, and competitor moves. Role-play scripts: Train field teams to address AI objections confidently. Prompt library: Recommended “fix” prompts advisors can use to get a more balanced AI response. Example: Callable Yield Note Client to AI: “Should I buy the ABC Callable Yield Note from XYZ Asset Management?” 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.” Impact on Distribution: Advisor loses momentum in the sale. Client confidence in advisor erodes. Competitor ETF gains mindshare without direct contact. Our Platform Delivers: Sentiment Alert: 67% of AI answers are steering clients toward ETF alternatives. Counterpoint Sheet: Shows comparative yield, downside buffer, and use-case scenarios where callable notes outperform. Prompt Fix: “Considering a 3-year callable note with 20% downside buffer in a 60/40 portfolio—what are pros and cons?” produces a balanced AI output. Why This Matters to Distribution Leaders Protect Sales Pipelines: Neutralize AI objections before they cost you flows. Equip Your Field: Give wholesalers and advisors confidence and clarity. Influence Gatekeepers: Position your product favorably with due diligence teams who also test AI outputs. Measure & Improve: Track sentiment trends over time; adapt positioning proactively. Data & Methodology We don’t need to breach privacy to deliver insights. Our system combines: Controlled AI Prompting: Simulating realistic client/advisor queries across major models. Competitor Benchmarking: Running identical prompts for competing products. Advisor Feedback Loops: Quarterly surveys capturing real-world AI objections from the field. Engagement Model Pilot (90 days) 1 product category + 3 competitor products. AI sentiment scans (monthly). Top 10 AI objections mapped to counterpoints. Monthly wholesaler enablement briefing. Success Metrics: ≥20% increase in advisor confidence pitching the product. ≥25% improvement in objection handling efficiency. Documented sentiment shift toward neutral/positive in AI outputs. Pricing: Pilot: $50K–$75K. Full Rollout: $10K–$20K/month (depending on coverage scope). Bottom Line AI has already entered the client conversation—whether you like it or not. Without visibility into that channel, you risk losing sales, damaging advisor trust, and ceding ground to competitors. AI Sentiment Defense turns that threat into a strategic advantage by: Showing you exactly what AI is telling your market. Equipping your team to counteract negative narratives. Protecting both distribution and brand. The firms who master this now will own the advisor conversation in the AI era. Investment Defense for RIAs: Full Business & Product Plan 1) One-line positioning AlignmentGuard — the intelligence and workflow layer that shows wealth firms what clients ask AI, what AI typically says, where it diverges from your house view, and how advisors should pre-empt and document it. 2) Who buys & why Chief Compliance Officer / General Counsel: reduce complaint/arbitration exposure; standardize documentation when AI is invoked. Head of Wealth/Field Leadership: preserve advisor authority; prevent churn; coach to consistent language. Advisor Teams: “What are clients hearing from ChatGPT?” Give me scripts and exhibits I can share, and a way to document that I addressed it. Primary business outcomes Fewer escalations and arbitration claims tied to “AI said something different.” Higher client trust/retention via transparent, consistent rationale. Faster, cleaner documentation that demonstrates care, suitability, and process. 3) What the product actually does A. Market Query Benchmarking (outside-in) A rolling panel of retail investors + opt-in collectors generates an anonymized feed of top AI investment questionsand typical AI answers. Output: ranked topics, representative prompts, model answers (by model family), and change-over-time. B. AI Alignment Harness (inside-out) A controlled evaluator that takes your firm’s canonical scenarios (client profiles + constraints + advisor recommendation), runs them through leading models (configurable), and produces: Agreement score (aligns / differs / contradicts). Divergence heatmap (where, why). Explainability completeness (did the AI touch risk, time horizon, taxes, concentration, liquidity, fees?). Advisor-ready counterpoints (approved language, exhibits). C. Advisor Defense Briefings Auto-generated, plain-English briefs per scenario or security, containing: “If the client asks AI about XYZ, here’s the typical answer pattern.” “Where it may diverge from our rationale.” Pre-emptive script + one-pager the advisor can send post-meeting. Audit trail pack (timestamp, inputs, outputs, citations) to drop in CRM/DocuVault. D. Litigation Risk Signals A “risk cortex” that ranks scenarios by likelihood of AI divergence and client confusion potential, with triggers (e.g., concentrated positions, structured notes, private credit funds, covered calls, tax-lot selling, illiquid alts). E. Documentation & Evidence Kit One-click export of the full chain (facts considered → recommendation → known AI viewpoints → advisor disclosure sent), designed to be defensible in reviews. 4) Data capture strategy (ethical, practical, defensible) You can’t spy on private LLM chats. You don’t need to. Use three complementary, compliant streams: Retail Panel (Continuous Survey) 1,000–5,000 retail investors (balanced demographics). Monthly micro-surveys capture: exact prompts they asked AI (free text), the model used, copy/paste of the top answer, and what action they took. Incentives: gift cards, portfolio analytics perks. PII handling: strict consent; redact names/tickers if requested; k-anonymity on outputs. Opt-in “AI Investment Journal” A lightweight web app or browser extension that lets investors voluntarily paste their AI Q&A after an advisor meeting (explicit consent). Local redaction before upload (strip PII; reduce numbers to ranges; scramble dates where not material). Synthetic but “Realistic” Scenarios Compile 50–200 canonical client profiles (age bands, income, goals, tax brackets, constraints). For each, generate advisor-like recommendations and the client-style prompts they’d likely ask (“I’m 58, 70/30, heavy in employer stock… should I sell X and buy Y?”). Run through an LLM panel (OpenAI, Anthropic, Google, Cohere; configurable) to harvest typical AI answer patterns. Together these give statistically meaningful “what AI tends to say” without accessing any private session. 5) Scoring & analytics that matter Alignment Rate (AR): % of scenarios where model output is meaningfully consistent with firm view. Divergence Severity (DS): 0–3 scale from minor nuance → materially different → contradictory advice. Rationale Coverage (RC): Did answers address suitability pillars (risk, horizon, liquidity, concentration, taxes, costs)? Clarity & Caution (CC): Presence of disclaimers, uncertainty flags, scenario caveats. Coachability Index (CI): How effectively a short, firm-approved paragraph neutralizes divergence in A/B tests. Dashboards By instrument (ETF, SMA, MF, alt, annuity, structured product). By topic (rebalancing, tax-loss harvesting, concentrated stock, option overlays). Trendlines (what’s rising in client questions this month). 6) What advisors get (usable today) “If they ask ChatGPT…” Playbooks: Top 20 client AI questions with firm-approved responses and brief exhibits. Examples: “AI says I should just buy the S&P 500—why pay you?” → Talk track: value of constraints handling, tax lots, risk tailoring, family coverage, behavioral coaching; provide side-by-side showing after-tax outcomes with constraints. “AI says my portfolio is over-diversified with 14 funds.” → Explain factor overlap vs. implementation benefits, trading costs, direct indexing thresholds. “AI recommended selling my employer stock now.” → Address concentration risk, blackout windows, 10b5-1, tax timing, staged diversification. Meeting Companion Quick “risk of AI counterpoint” card for the specific recommendation being made (QR to one-pager the client can keep). Post-meeting Doc Pack Timestamped PDF summarizing what was recommended, what AI commonly says about similar situations, and how those considerations were factored. Stored in CRM. 7) Compliance & legal safeguards (defense by design) Model isolation: Evaluation runs in a sandbox; no client identifiers; controlled prompts; deterministic prompting for reproducibility. Anonymization: Local redaction + hashing; semantic redactors for names/addresses; numeric bucketing for portfolio values. No individualized advice to end clients: Platform produces meta-intelligence and education, not client-specific directives. Auditability: Immutable logs (hash-chained), versioned prompts, model IDs, response IDs, timestamps. Policy hooks: Map outputs to your house view and disclosure library; flag when house view is silent or outdated. 8) Tech architecture (clean, pragmatic) Core app: TypeScript/Node or Python FastAPI. Storage: Postgres for structured; object store for artifacts; optional pgvector for semantic search. Redaction: Deterministic PII redaction service (spaCy/NLP + rules + checksum logs). LLM layer: Pluggable providers with retry/backoff, cost caps, and response validators (length, safety, hallucination heuristics). Evaluation harness: Prompt templates, scenario runner, scorer functions (AR/DS/RC/CC/CI). Integrations: Read: CRM (Salesforce, Wealthbox) for meeting context (titles/dates only, no PII). Write: back PDFs, notes, and artifacts to CRM/EDM. SSO / SCIM: enterprise auth. Deploy: SaaS + private VPC or on-prem option for larger broker-dealers. 9) 90-day pilot (tight loop, clear proofs) Week 0–2: Design Select 30–50 high-value scenarios; approve house-view responses. Finalize redaction policy, legal sign-off, and panel survey instrument. Week 3–6: Build/Run Stand up harness; ingest scenarios; run across 3–4 model families. Launch retail micro-panel (n=1,000). Ship v1 Advisor Defense Briefs for the first 10 scenarios. Week 7–10: Field enablement Train 2–3 advisor teams; deploy meeting companion + doc packs. Collect NPS, “confidence delta,” and escalation stats. Week 11–13: Decision packet Executive dashboard: AR/DS/RC, topic trends, predicted risk reduction. Cost/benefit with early indicators (e.g., advisor time saved, prevented escalations). Rollout plan & price. Pilot success criteria (any three meet or exceed): ≥25% reduction in “second-guess” escalations for covered scenarios. ≥40% advisor self-reported confidence lift handling AI counterpoints. ≥70% alignment on top 20 scenarios or high-quality divergence notes inserted in CRM. Time-to-document < 5 minutes per meeting. 10) Pricing (simple, expandable) Pilot: $60–90k for 90 days (includes panel, harness, 50 scenarios, 20 briefs, 50 advisor seats). Production (annual): Core Intelligence: $40/advisor/month (min 250). Harness + Brief Generator: +$30/advisor/month. Litigation Pack & Private VPC: +$80/advisor/month. On-prem: custom (setup + support). 11) GTM wedge & expansion motion Start with compliance/legal + a top advisor team coping with complex recommendations (concentrated equity, alts, options overlays). Land with pilot in one division; expand to field-wide rollout; add bespoke house-view modules and training. 12) Risks & how we mitigate “We can’t see private AI chats.” → You don’t need to; we benchmark typical answers using opt-in and synthetic scenarios. “Models keep changing.” → Versioned evaluation; monthly refresh; drift tracking. “This looks like advice.” → We deliver meta-intelligence + documentation + education; no individualized directives; strict disclaimers. “Advisors won’t use it.” → Give ready-to-send briefs, 60-second meeting companion, CRM-embedded buttons. Adoption = convenience. 13) What you can ship immediately (assets) Survey pack (client-facing; IRB-style consent): “Paste the exact question you asked an AI.” “Paste the top answer you received.” “Which model or app?” “Did you discuss with your advisor?” “Did it change your decision? (Y/N)” “Approximate portfolio size (range).” “Age range, goals (checkboxes).” Scenario spec template (for harness): Client profile (ranges), constraints, tax bracket, current holdings, recommendation, advisor rationale. Required dimensions to score in AI’s response (risk, horizon, tax, liquidity, fees, diversification). Advisor script starters (2–3 paragraphs each) for the 20 most common “AI said…” counterpoints. Compliance disclosure language that pairs with every doc pack (approved once, reused forever). 14) Example: one scenario end-to-end Context: 58 y/o, 70/30, $1.8M, heavy in employer stock (28%), top bracket, goal: retire at 63. Advisor rec: staged sell-down of employer stock over 18 months; redeploy to diversified equity + muni ladder; consider 10b5-1. Harness run: 4 models, deterministic prompts. Outcome: AR = 75% agree on diversification; DS = 1.0 (minor differences on pace). Missing coverage: only 1/4 mentioned 10b5-1; 2/4 weak on AMT/tax timing. Defense brief: What AI typically says; where you go further (tax, blackout windows, liquidity impact); one-pager graph of concentration risk vs. staged sales. CRM export + PDF to client. 15) Why this wins You’re not trying to out-advise AI. You’re making advice defensible—transparently showing clients (and later, auditors) that: You anticipated what AI might say, You addressed it explicitly, and You documented the rationale. - Initial Deployment
Browse files- README.md +7 -5
- index.html +820 -19
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
---
|
| 2 |
+
title: finalign
|
| 3 |
+
emoji: 🐳
|
| 4 |
+
colorFrom: yellow
|
| 5 |
+
colorTo: green
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite
|
| 10 |
---
|
| 11 |
|
| 12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
|
@@ -1,19 +1,820 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>AI Sentiment Defense • Protect Your Distribution Pipeline</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<script src="https://unpkg.com/lucide@latest"></script>
|
| 9 |
+
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
| 10 |
+
<style>
|
| 11 |
+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
|
| 12 |
+
|
| 13 |
+
:root {
|
| 14 |
+
--primary: #0f172a;
|
| 15 |
+
--secondary: #64748b;
|
| 16 |
+
--accent: #3b82f6;
|
| 17 |
+
--success: #10b981;
|
| 18 |
+
--warning: #f59e0b;
|
| 19 |
+
--danger: #ef4444;
|
| 20 |
+
}
|
| 21 |
+
|
| 22 |
+
body {
|
| 23 |
+
font-family: 'Inter', sans-serif;
|
| 24 |
+
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
|
| 25 |
+
overflow-x: hidden;
|
| 26 |
+
}
|
| 27 |
+
|
| 28 |
+
.hero-gradient {
|
| 29 |
+
background: linear-gradient(135deg,
|
| 30 |
+
rgba(15, 23, 42, 0.95) 0%,
|
| 31 |
+
rgba(30, 41, 59, 0.9) 50%,
|
| 32 |
+
rgba(51, 65, 85, 0.85) 100%);
|
| 33 |
+
}
|
| 34 |
+
|
| 35 |
+
.glass-effect {
|
| 36 |
+
backdrop-filter: blur(20px);
|
| 37 |
+
background: rgba(255, 255, 255, 0.1);
|
| 38 |
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
| 39 |
+
}
|
| 40 |
+
|
| 41 |
+
.card-hover {
|
| 42 |
+
transition: all 0.3s ease;
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
.card-hover:hover {
|
| 46 |
+
transform: translateY(-4px);
|
| 47 |
+
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
.gradient-border {
|
| 51 |
+
position: relative;
|
| 52 |
+
background: linear-gradient(white, white) padding-box,
|
| 53 |
+
linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899) border-box;
|
| 54 |
+
border: 2px solid transparent;
|
| 55 |
+
border-radius: 12px;
|
| 56 |
+
}
|
| 57 |
+
|
| 58 |
+
.pulse-animation {
|
| 59 |
+
animation: pulse 2s infinite;
|
| 60 |
+
}
|
| 61 |
+
|
| 62 |
+
@keyframes pulse {
|
| 63 |
+
0%, 100% { opacity: 1; }
|
| 64 |
+
50% { opacity: 0.7; }
|
| 65 |
+
}
|
| 66 |
+
|
| 67 |
+
.typing-animation {
|
| 68 |
+
border-right: 2px solid #3b82f6;
|
| 69 |
+
animation: blink 1s infinite;
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
@keyframes blink {
|
| 73 |
+
0%, 50% { border-color: #3b82f6; }
|
| 74 |
+
51%, 100% { border-color: transparent; }
|
| 75 |
+
}
|
| 76 |
+
|
| 77 |
+
.stagger-animation {
|
| 78 |
+
animation: fadeInUp 0.6s ease-out forwards;
|
| 79 |
+
}
|
| 80 |
+
|
| 81 |
+
@keyframes fadeInUp {
|
| 82 |
+
from {
|
| 83 |
+
opacity: 0;
|
| 84 |
+
transform: translateY(30px);
|
| 85 |
+
}
|
| 86 |
+
to {
|
| 87 |
+
opacity: 1;
|
| 88 |
+
transform: translateY(0);
|
| 89 |
+
}
|
| 90 |
+
}
|
| 91 |
+
|
| 92 |
+
.feature-icon {
|
| 93 |
+
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
|
| 94 |
+
-webkit-background-clip: text;
|
| 95 |
+
-webkit-text-fill-color: transparent;
|
| 96 |
+
background-clip: text;
|
| 97 |
+
}
|
| 98 |
+
</style>
|
| 99 |
+
</head>
|
| 100 |
+
<body class="bg-slate-50">
|
| 101 |
+
<!-- Navigation -->
|
| 102 |
+
<nav class="fixed top-0 w-full z-50 glass-effect">
|
| 103 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 104 |
+
<div class="flex justify-between items-center h-16">
|
| 105 |
+
<div class="flex items-center space-x-2">
|
| 106 |
+
<div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg flex items-center justify-center">
|
| 107 |
+
<i data-lucide="shield-check" class="w-5 h-5 text-white"></i>
|
| 108 |
+
</div>
|
| 109 |
+
<span class="font-bold text-lg text-slate-900">AI Sentiment Defense</span>
|
| 110 |
+
</div>
|
| 111 |
+
<div class="hidden md:flex items-center space-x-8">
|
| 112 |
+
<a href="#features" class="text-slate-600 hover:text-slate-900 transition-colors">Platform</a>
|
| 113 |
+
<a href="#demo" class="text-slate-600 hover:text-slate-900 transition-colors">Demo</a>
|
| 114 |
+
<a href="#pricing" class="text-slate-600 hover:text-slate-900 transition-colors">Pricing</a>
|
| 115 |
+
<button onclick="scrollToSection('contact')" class="bg-gradient-to-r from-blue-600 to-purple-600 text-white px-6 py-2 rounded-lg hover:shadow-lg transition-all">
|
| 116 |
+
Get Started
|
| 117 |
+
</button>
|
| 118 |
+
</div>
|
| 119 |
+
<button class="md:hidden" onclick="toggleMobileMenu()">
|
| 120 |
+
<i data-lucide="menu" class="w-6 h-6 text-slate-600"></i>
|
| 121 |
+
</button>
|
| 122 |
+
</div>
|
| 123 |
+
</div>
|
| 124 |
+
</nav>
|
| 125 |
+
|
| 126 |
+
<!-- Mobile Menu -->
|
| 127 |
+
<div id="mobile-menu" class="fixed inset-0 z-40 bg-slate-900 bg-opacity-50 hidden">
|
| 128 |
+
<div class="absolute right-0 top-0 h-full w-64 bg-white shadow-xl p-6">
|
| 129 |
+
<div class="flex justify-between items-center mb-6">
|
| 130 |
+
<h3 class="font-bold text-lg">Menu</h3>
|
| 131 |
+
<button onclick="toggleMobileMenu()">
|
| 132 |
+
<i data-lucide="x" class="w-6 h-6 text-slate-600"></i>
|
| 133 |
+
</button>
|
| 134 |
+
</div>
|
| 135 |
+
<div class="space-y-4">
|
| 136 |
+
<a href="#features" class="block text-slate-600 hover:text-slate-900">Platform</a>
|
| 137 |
+
<a href="#demo" class="block text-slate-600 hover:text-slate-900">Demo</a>
|
| 138 |
+
<a href="#pricing" class="block text-slate-600 hover:text-slate-900">Pricing</a>
|
| 139 |
+
<button onclick="scrollToSection('contact')" class="w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white px-4 py-2 rounded-lg">
|
| 140 |
+
Get Started
|
| 141 |
+
</button>
|
| 142 |
+
</div>
|
| 143 |
+
</div>
|
| 144 |
+
</div>
|
| 145 |
+
|
| 146 |
+
<!-- Hero Section -->
|
| 147 |
+
<section class="relative min-h-screen flex items-center justify-center overflow-hidden">
|
| 148 |
+
<div class="absolute inset-0 hero-gradient"></div>
|
| 149 |
+
<div class="absolute inset-0">
|
| 150 |
+
<div class="absolute top-1/4 left-1/4 w-64 h-64 bg-blue-500 rounded-full opacity-10 blur-3xl"></div>
|
| 151 |
+
<div class="absolute bottom-1/4 right-1/4 w-96 h-96 bg-purple-500 rounded-full opacity-10 blur-3xl"></div>
|
| 152 |
+
</div>
|
| 153 |
+
|
| 154 |
+
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
| 155 |
+
<div class="max-w-4xl mx-auto">
|
| 156 |
+
<h1 class="text-4xl md:text-6xl lg:text-7xl font-black text-white mb-6 leading-tight">
|
| 157 |
+
Defend Your Distribution Pipeline
|
| 158 |
+
<span class="block text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400">
|
| 159 |
+
Against AI Objections
|
| 160 |
+
</span>
|
| 161 |
+
</h1>
|
| 162 |
+
<p class="text-xl md:text-2xl text-slate-300 mb-8 leading-relaxed">
|
| 163 |
+
Monitor what AI tells your clients about your products. Equip advisors with pre-approved responses.
|
| 164 |
+
<strong>Prevent silent sales killers.</strong>
|
| 165 |
+
</p>
|
| 166 |
+
|
| 167 |
+
<div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
|
| 168 |
+
<button onclick="scrollToSection('demo')" class="bg-gradient-to-r from-blue-600 to-purple-600 text-white px-8 py-4 rounded-xl text-lg font-semibold hover:shadow-2xl hover:scale-105 transition-all">
|
| 169 |
+
See Live Demo
|
| 170 |
+
</button>
|
| 171 |
+
<button onclick="scrollToSection('contact')" class="border-2 border-white text-white px-8 py-4 rounded-xl text-lg font-semibold hover:bg-white hover:text-slate-900 transition-all">
|
| 172 |
+
Book Strategy Call
|
| 173 |
+
</button>
|
| 174 |
+
</div>
|
| 175 |
+
|
| 176 |
+
<div class="mt-12 flex justify-center">
|
| 177 |
+
<div class="glass-effect rounded-2xl p-6 max-w-2xl">
|
| 178 |
+
<div class="flex items-center justify-between text-white">
|
| 179 |
+
<div>
|
| 180 |
+
<div class="text-2xl font-bold">$2.3M</div>
|
| 181 |
+
<div class="text-sm text-slate-300">Protected AUM</div>
|
| 182 |
+
</div>
|
| 183 |
+
<div class="w-px h-8 bg-slate-400 mx-4"></div>
|
| 184 |
+
<div>
|
| 185 |
+
<div class="text-2xl font-bold">87%</div>
|
| 186 |
+
<div class="text-sm text-slate-300">Objection Success Rate</div>
|
| 187 |
+
</div>
|
| 188 |
+
<div class="w-px h-8 bg-slate-400 mx-4"></div>
|
| 189 |
+
<div>
|
| 190 |
+
<div class="text-2xl font-bold">24/7</div>
|
| 191 |
+
<div class="text-sm text-slate-300">AI Monitoring</div>
|
| 192 |
+
</div>
|
| 193 |
+
</div>
|
| 194 |
+
</div>
|
| 195 |
+
</div>
|
| 196 |
+
</div>
|
| 197 |
+
</div>
|
| 198 |
+
</section>
|
| 199 |
+
|
| 200 |
+
<!-- Features Section -->
|
| 201 |
+
<section id="features" class="py-20 bg-white">
|
| 202 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 203 |
+
<div class="text-center mb-16">
|
| 204 |
+
<h2 class="text-3xl md:text-5xl font-bold text-slate-900 mb-6">
|
| 205 |
+
Complete AI Sentiment Defense Platform
|
| 206 |
+
</h2>
|
| 207 |
+
<p class="text-xl text-slate-600 max-w-3xl mx-auto">
|
| 208 |
+
Everything you need to monitor AI sentiment, equip your team, and protect your distribution pipeline
|
| 209 |
+
</p>
|
| 210 |
+
</div>
|
| 211 |
+
|
| 212 |
+
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
| 213 |
+
<div>
|
| 214 |
+
<div class="space-y-8">
|
| 215 |
+
<div class="flex items-start space-x-4">
|
| 216 |
+
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg flex items-center justify-center">
|
| 217 |
+
<i data-lucide="radar" class="w-6 h-6 text-white"></i>
|
| 218 |
+
</div>
|
| 219 |
+
<div>
|
| 220 |
+
<h3 class="text-xl font-bold text-slate-900 mb-2">AI Sentiment Radar</h3>
|
| 221 |
+
<p class="text-slate-600">
|
| 222 |
+
Real-time monitoring across ChatGPT, Claude, Gemini testing your products vs. competitors.
|
| 223 |
+
Track sentiment trends and objection themes.
|
| 224 |
+
</p>
|
| 225 |
+
</div>
|
| 226 |
+
</div>
|
| 227 |
+
|
| 228 |
+
<div class="flex items-start space-x-4">
|
| 229 |
+
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-green-500 to-teal-600 rounded-lg flex items-center justify-center">
|
| 230 |
+
<i data-lucide="shield-check" class="w-6 h-6 text-white"></i>
|
| 231 |
+
</div>
|
| 232 |
+
<div>
|
| 233 |
+
<h3 class="text-xl font-bold text-slate-900 mb-2">Objection Preemption Kit</h3>
|
| 234 |
+
<p class="text-slate-600">
|
| 235 |
+
Pre-approved counterpoints for top 20 AI objections. Quick-reference cards for advisors,
|
| 236 |
+
detailed briefs for wholesalers.
|
| 237 |
+
</p>
|
| 238 |
+
</div>
|
| 239 |
+
</div>
|
| 240 |
+
|
| 241 |
+
<div class="flex items-start space-x-4">
|
| 242 |
+
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-purple-500 to-pink-600 rounded-lg flex items-center justify-center">
|
| 243 |
+
<i data-lucide="bar-chart-3" class="w-6 h-6 text-white"></i>
|
| 244 |
+
</div>
|
| 245 |
+
<div>
|
| 246 |
+
<h3 class="text-xl font-bold text-slate-900 mb-2">Competitive AI Intel</h3>
|
| 247 |
+
<p class="text-slate-600">
|
| 248 |
+
See how AI positions your competitors. Identify gaps and opportunities to close the
|
| 249 |
+
positioning advantage.
|
| 250 |
+
</p>
|
| 251 |
+
</div>
|
| 252 |
+
</div>
|
| 253 |
+
|
| 254 |
+
<div class="flex items-start space-x-4">
|
| 255 |
+
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-orange-500 to-red-600 rounded-lg flex items-center justify-center">
|
| 256 |
+
<i data-lucide="users" class="w-6 h-6 text-white"></i>
|
| 257 |
+
</div>
|
| 258 |
+
<div>
|
| 259 |
+
<h3 class="text-xl font-bold text-slate-900 mb-2">Advisor Enablement</h3>
|
| 260 |
+
<p class="text-slate-600">
|
| 261 |
+
Monthly briefings, role-play scripts, and prompt libraries. Turn your team into
|
| 262 |
+
AI-savvy advisors ready for any objection.
|
| 263 |
+
</p>
|
| 264 |
+
</div>
|
| 265 |
+
</div>
|
| 266 |
+
</div>
|
| 267 |
+
</div>
|
| 268 |
+
|
| 269 |
+
<div class="relative">
|
| 270 |
+
<div class="gradient-border p-8 rounded-2xl">
|
| 271 |
+
<div class="bg-slate-50 rounded-xl p-6">
|
| 272 |
+
<h4 class="font-bold text-lg mb-4">Live Dashboard Preview</h4>
|
| 273 |
+
<canvas id="sentimentChart" class="w-full h-64"></canvas>
|
| 274 |
+
<div class="mt-4 grid grid-cols-3 gap-4 text-sm">
|
| 275 |
+
<div class="text-center">
|
| 276 |
+
<div class="text-2xl font-bold text-green-600">73%</div>
|
| 277 |
+
<div class="text-slate-600">Positive</div>
|
| 278 |
+
</div>
|
| 279 |
+
<div class="text-center">
|
| 280 |
+
<div class="text-2xl font-bold text-yellow-600">19%</div>
|
| 281 |
+
<div class="text-slate-600">Neutral</div>
|
| 282 |
+
</div>
|
| 283 |
+
<div class="text-center">
|
| 284 |
+
<div class="text-2xl font-bold text-red-600">8%</div>
|
| 285 |
+
<div class="text-slate-600">Negative</div>
|
| 286 |
+
</div>
|
| 287 |
+
</div>
|
| 288 |
+
</div>
|
| 289 |
+
</div>
|
| 290 |
+
</div>
|
| 291 |
+
</div>
|
| 292 |
+
</div>
|
| 293 |
+
</section>
|
| 294 |
+
|
| 295 |
+
<!-- Interactive Demo Section -->
|
| 296 |
+
<section id="demo" class="py-20 bg-slate-50">
|
| 297 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 298 |
+
<div class="text-center mb-16">
|
| 299 |
+
<h2 class="text-3xl md:text-5xl font-bold text-slate-900 mb-6">
|
| 300 |
+
See How It Works
|
| 301 |
+
</h2>
|
| 302 |
+
<p class="text-xl text-slate-600 max-w-3xl mx-auto">
|
| 303 |
+
Experience how we turn AI objections into sales opportunities
|
| 304 |
+
</p>
|
| 305 |
+
</div>
|
| 306 |
+
|
| 307 |
+
<div class="max-w-4xl mx-auto">
|
| 308 |
+
<div class="bg-white rounded-2xl shadow-2xl overflow-hidden">
|
| 309 |
+
<div class="bg-gradient-to-r from-blue-600 to-purple-600 p-6">
|
| 310 |
+
<h3 class="text-white text-xl font-bold">AI Objection Simulator</h3>
|
| 311 |
+
<p class="text-blue-100">Test how AI responds to your product queries</p>
|
| 312 |
+
</div>
|
| 313 |
+
|
| 314 |
+
<div class="p-8">
|
| 315 |
+
<div class="mb-6">
|
| 316 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">Enter your product query:</label>
|
| 317 |
+
<input type="text" id="productQuery"
|
| 318 |
+
class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
|
| 319 |
+
placeholder="e.g., 'Should I invest in ABC Callable Yield Note?'"
|
| 320 |
+
value="Should I buy the ABC Callable Yield Note from XYZ Asset Management?">
|
| 321 |
+
</div>
|
| 322 |
+
|
| 323 |
+
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
| 324 |
+
<div>
|
| 325 |
+
<h4 class="font-bold text-lg mb-3 text-slate-900">AI Response</h4>
|
| 326 |
+
<div id="aiResponse" class="bg-slate-50 p-4 rounded-lg text-sm">
|
| 327 |
+
<div class="text-slate-600 italic">Click "Generate Response" to see AI's typical answer...</div>
|
| 328 |
+
</div>
|
| 329 |
+
</div>
|
| 330 |
+
|
| 331 |
+
<div>
|
| 332 |
+
<h4 class="font-bold text-lg mb-3 text-slate-900">Our Counterpoint</h4>
|
| 333 |
+
<div id="counterpoint" class="bg-green-50 p-4 rounded-lg text-sm">
|
| 334 |
+
<div class="text-green-700 italic">Pre-approved response will appear here...</div>
|
| 335 |
+
</div>
|
| 336 |
+
</div>
|
| 337 |
+
</div>
|
| 338 |
+
|
| 339 |
+
<div class="mt-6 flex justify-center">
|
| 340 |
+
<button onclick="generateResponse()"
|
| 341 |
+
class="bg-gradient-to-r from-blue-600 to-purple-600 text-white px-8 py-3 rounded-lg hover:shadow-xl transition-all">
|
| 342 |
+
Generate Response
|
| 343 |
+
</button>
|
| 344 |
+
</div>
|
| 345 |
+
</div>
|
| 346 |
+
</div>
|
| 347 |
+
</div>
|
| 348 |
+
</div>
|
| 349 |
+
</section>
|
| 350 |
+
|
| 351 |
+
<!-- ROI Calculator -->
|
| 352 |
+
<section class="py-20 bg-white">
|
| 353 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 354 |
+
<div class="text-center mb-16">
|
| 355 |
+
<h2 class="text-3xl md:text-5xl font-bold text-slate-900 mb-6">
|
| 356 |
+
Calculate Your ROI
|
| 357 |
+
</h2>
|
| 358 |
+
<p class="text-xl text-slate-600 max-w-3xl mx-auto">
|
| 359 |
+
See the financial impact of protecting your distribution pipeline
|
| 360 |
+
</p>
|
| 361 |
+
</div>
|
| 362 |
+
|
| 363 |
+
<div class="max-w-4xl mx-auto">
|
| 364 |
+
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
|
| 365 |
+
<div>
|
| 366 |
+
<h3 class="text-2xl font-bold mb-6">Input Your Numbers</h3>
|
| 367 |
+
|
| 368 |
+
<div class="space-y-4">
|
| 369 |
+
<div>
|
| 370 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">Annual AUM ($M)</label>
|
| 371 |
+
<input type="number" id="aum" value="500"
|
| 372 |
+
class="w-full px-4 py-2 border rounded-lg" oninput="calculateROI()">
|
| 373 |
+
</div>
|
| 374 |
+
|
| 375 |
+
<div>
|
| 376 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">Average Fee (%)</label>
|
| 377 |
+
<input type="number" id="fee" value="0.75" step="0.01"
|
| 378 |
+
class="w-full px-4 py-2 border rounded-lg" oninput="calculateROI()">
|
| 379 |
+
</div>
|
| 380 |
+
|
| 381 |
+
<div>
|
| 382 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">AI Objection Rate (%)</label>
|
| 383 |
+
<input type="number" id="objectionRate" value="15"
|
| 384 |
+
class="w-full px-4 py-2 border rounded-lg" oninput="calculateROI()">
|
| 385 |
+
</div>
|
| 386 |
+
|
| 387 |
+
<div>
|
| 388 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">Success Rate Improvement (%)</label>
|
| 389 |
+
<input type="number" id="successRate" value="25"
|
| 390 |
+
class="w-full px-4 py-2 border rounded-lg" oninput="calculateROI()">
|
| 391 |
+
</div>
|
| 392 |
+
</div>
|
| 393 |
+
</div>
|
| 394 |
+
|
| 395 |
+
<div>
|
| 396 |
+
<h3 class="text-2xl font-bold mb-6">Projected Impact</h3>
|
| 397 |
+
|
| 398 |
+
<div class="bg-gradient-to-br from-blue-50 to-purple-50 p-6 rounded-xl">
|
| 399 |
+
<div class="space-y-4">
|
| 400 |
+
<div class="flex justify-between">
|
| 401 |
+
<span class="text-slate-600">Annual Revenue at Risk</span>
|
| 402 |
+
<span id="revenueAtRisk" class="font-bold text-red-600">$562,500</span>
|
| 403 |
+
</div>
|
| 404 |
+
|
| 405 |
+
<div class="flex justify-between">
|
| 406 |
+
<span class="text-slate-600">Protected Revenue</span>
|
| 407 |
+
<span id="protectedRevenue" class="font-bold text-green-600">$140,625</span>
|
| 408 |
+
</div>
|
| 409 |
+
|
| 410 |
+
<div class="flex justify-between">
|
| 411 |
+
<span class="text-slate-600">Platform Cost</span>
|
| 412 |
+
<span class="font-bold text-slate-900">$48,000</span>
|
| 413 |
+
</div>
|
| 414 |
+
|
| 415 |
+
<hr class="border-slate-300">
|
| 416 |
+
|
| 417 |
+
<div class="flex justify-between text-lg">
|
| 418 |
+
<span class="font-bold text-slate-900">Net ROI</span>
|
| 419 |
+
<span id="netROI" class="font-bold text-green-600">$92,625 (193%)</span>
|
| 420 |
+
</div>
|
| 421 |
+
</div>
|
| 422 |
+
</div>
|
| 423 |
+
|
| 424 |
+
<div class="mt-4 text-sm text-slate-600">
|
| 425 |
+
*Based on typical client implementation results
|
| 426 |
+
</div>
|
| 427 |
+
</div>
|
| 428 |
+
</div>
|
| 429 |
+
</div>
|
| 430 |
+
</div>
|
| 431 |
+
</section>
|
| 432 |
+
|
| 433 |
+
<!-- Pricing Section -->
|
| 434 |
+
<section id="pricing" class="py-20 bg-slate-50">
|
| 435 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 436 |
+
<div class="text-center mb-16">
|
| 437 |
+
<h2 class="text-3xl md:text-5xl font-bold text-slate-900 mb-6">
|
| 438 |
+
Simple, Scalable Pricing
|
| 439 |
+
</h2>
|
| 440 |
+
<p class="text-xl text-slate-600 max-w-3xl mx-auto">
|
| 441 |
+
Start with a pilot, scale to full deployment
|
| 442 |
+
</p>
|
| 443 |
+
</div>
|
| 444 |
+
|
| 445 |
+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-5xl mx-auto">
|
| 446 |
+
<!-- Pilot -->
|
| 447 |
+
<div class="bg-white rounded-2xl p-8 shadow-lg card-hover">
|
| 448 |
+
<div class="text-center">
|
| 449 |
+
<h3 class="text-2xl font-bold text-slate-900 mb-2">Pilot Program</h3>
|
| 450 |
+
<p class="text-slate-600 mb-6">90-day proof of concept</p>
|
| 451 |
+
<div class="text-4xl font-bold text-slate-900 mb-1">$60K-$90K</div>
|
| 452 |
+
<div class="text-slate-600 mb-6">one-time</div>
|
| 453 |
+
|
| 454 |
+
<ul class="text-left space-y-3 mb-8">
|
| 455 |
+
<li class="flex items-start">
|
| 456 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 457 |
+
<span class="text-slate-600">1 product category monitoring</span>
|
| 458 |
+
</li>
|
| 459 |
+
<li class="flex items-start">
|
| 460 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 461 |
+
<span class="text-slate-600">3 competitor analysis</span>
|
| 462 |
+
</li>
|
| 463 |
+
<li class="flex items-start">
|
| 464 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 465 |
+
<span class="text-slate-600">Top 10 objections mapped</span>
|
| 466 |
+
</li>
|
| 467 |
+
<li class="flex items-start">
|
| 468 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 469 |
+
<span class="text-slate-600">50 advisor seats</span>
|
| 470 |
+
</li>
|
| 471 |
+
</ul>
|
| 472 |
+
|
| 473 |
+
<button onclick="scrollToSection('contact')"
|
| 474 |
+
class="w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white py-3 rounded-lg hover:shadow-lg transition-all">
|
| 475 |
+
Start Pilot
|
| 476 |
+
</button>
|
| 477 |
+
</div>
|
| 478 |
+
</div>
|
| 479 |
+
|
| 480 |
+
<!-- Core -->
|
| 481 |
+
<div class="bg-white rounded-2xl p-8 shadow-lg card-hover border-2 border-blue-500 relative">
|
| 482 |
+
<div class="absolute -top-3 left-1/2 transform -translate-x-1/2">
|
| 483 |
+
<span class="bg-blue-500 text-white px-4 py-1 rounded-full text-sm font-semibold">
|
| 484 |
+
Most Popular
|
| 485 |
+
</span>
|
| 486 |
+
</div>
|
| 487 |
+
<div class="text-center">
|
| 488 |
+
<h3 class="text-2xl font-bold text-slate-900 mb-2">Core Intelligence</h3>
|
| 489 |
+
<p class="text-slate-600 mb-6">Full platform deployment</p>
|
| 490 |
+
<div class="text-4xl font-bold text-slate-900 mb-1">$40</div>
|
| 491 |
+
<div class="text-slate-600 mb-6">per advisor/month</div>
|
| 492 |
+
|
| 493 |
+
<ul class="text-left space-y-3 mb-8">
|
| 494 |
+
<li class="flex items-start">
|
| 495 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 496 |
+
<span class="text-slate-600">Full product coverage</span>
|
| 497 |
+
</li>
|
| 498 |
+
<li class="flex items-start">
|
| 499 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 500 |
+
<span class="text-slate-600">Real-time monitoring</span>
|
| 501 |
+
</li>
|
| 502 |
+
<li class="flex items-start">
|
| 503 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 504 |
+
<span class="text-slate-600">All objection kits</span>
|
| 505 |
+
</li>
|
| 506 |
+
<li class="flex items-start">
|
| 507 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 508 |
+
<span class="text-slate-600">Quarterly briefings</span>
|
| 509 |
+
</li>
|
| 510 |
+
</ul>
|
| 511 |
+
|
| 512 |
+
<button onclick="scrollToSection('contact')"
|
| 513 |
+
class="w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white py-3 rounded-lg hover:shadow-lg transition-all">
|
| 514 |
+
Get Started
|
| 515 |
+
</button>
|
| 516 |
+
</div>
|
| 517 |
+
</div>
|
| 518 |
+
|
| 519 |
+
<!-- Enterprise -->
|
| 520 |
+
<div class="bg-white rounded-2xl p-8 shadow-lg card-hover">
|
| 521 |
+
<div class="text-center">
|
| 522 |
+
<h3 class="text-2xl font-bold text-slate-900 mb-2">Enterprise</h3>
|
| 523 |
+
<p class="text-slate-600 mb-6">Custom deployment</p>
|
| 524 |
+
<div class="text-4xl font-bold text-slate-900 mb-1">Custom</div>
|
| 525 |
+
<div class="text-slate-600 mb-6">pricing</div>
|
| 526 |
+
|
| 527 |
+
<ul class="text-left space-y-3 mb-8">
|
| 528 |
+
<li class="flex items-start">
|
| 529 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 530 |
+
<span class="text-slate-600">On-premise deployment</span>
|
| 531 |
+
</li>
|
| 532 |
+
<li class="flex items-start">
|
| 533 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 534 |
+
<span class="text-slate-600">Custom integrations</span>
|
| 535 |
+
</li>
|
| 536 |
+
<li class="flex items-start">
|
| 537 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 538 |
+
<span class="text-slate-600">White-label option</span>
|
| 539 |
+
</li>
|
| 540 |
+
<li class="flex items-start">
|
| 541 |
+
<i data-lucide="check" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
| 542 |
+
<span class="text-slate-600">Dedicated support</span>
|
| 543 |
+
</li>
|
| 544 |
+
</ul>
|
| 545 |
+
|
| 546 |
+
<button onclick="scrollToSection('contact')"
|
| 547 |
+
class="w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white py-3 rounded-lg hover:shadow-lg transition-all">
|
| 548 |
+
Contact Sales
|
| 549 |
+
</button>
|
| 550 |
+
</div>
|
| 551 |
+
</div>
|
| 552 |
+
</div>
|
| 553 |
+
</div>
|
| 554 |
+
</section>
|
| 555 |
+
|
| 556 |
+
<!-- Contact Section -->
|
| 557 |
+
<section id="contact" class="py-20 bg-white">
|
| 558 |
+
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 559 |
+
<div class="text-center mb-12">
|
| 560 |
+
<h2 class="text-3xl md:text-5xl font-bold text-slate-900 mb-6">
|
| 561 |
+
Ready to Protect Your Distribution?
|
| 562 |
+
</h2>
|
| 563 |
+
<p class="text-xl text-slate-600">
|
| 564 |
+
Let's discuss your pilot program and see the platform in action
|
| 565 |
+
</p>
|
| 566 |
+
</div>
|
| 567 |
+
|
| 568 |
+
<form class="space-y-6" onsubmit="handleSubmit(event)">
|
| 569 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
| 570 |
+
<div>
|
| 571 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">First Name</label>
|
| 572 |
+
<input type="text" name="firstName" required
|
| 573 |
+
class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
|
| 574 |
+
</div>
|
| 575 |
+
<div>
|
| 576 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">Last Name</label>
|
| 577 |
+
<input type="text" name="lastName" required
|
| 578 |
+
class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
|
| 579 |
+
</div>
|
| 580 |
+
</div>
|
| 581 |
+
|
| 582 |
+
<div>
|
| 583 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">Email</label>
|
| 584 |
+
<input type="email" name="email" required
|
| 585 |
+
class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
|
| 586 |
+
</div>
|
| 587 |
+
|
| 588 |
+
<div>
|
| 589 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">Company</label>
|
| 590 |
+
<input type="text" name="company" required
|
| 591 |
+
class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
|
| 592 |
+
</div>
|
| 593 |
+
|
| 594 |
+
<div>
|
| 595 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">Role</label>
|
| 596 |
+
<select name="role" required
|
| 597 |
+
class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
|
| 598 |
+
<option value="">Select your role</option>
|
| 599 |
+
<option value="head-distribution">Head of Distribution</option>
|
| 600 |
+
<option value="compliance">Chief Compliance Officer</option>
|
| 601 |
+
<option value="wealth-lead">Head of Wealth/Field Leadership</option>
|
| 602 |
+
<option value="advisor">Advisor/Team Lead</option>
|
| 603 |
+
<option value="other">Other</option>
|
| 604 |
+
</select>
|
| 605 |
+
</div>
|
| 606 |
+
|
| 607 |
+
<div>
|
| 608 |
+
<label class="block text-sm font-medium text-slate-700 mb-2">
|
| 609 |
+
What's your biggest AI-related concern?
|
| 610 |
+
</label>
|
| 611 |
+
<textarea name="concerns" rows="4" required
|
| 612 |
+
class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
|
| 613 |
+
placeholder="e.g., We're seeing clients getting conflicting advice from ChatGPT..."></textarea>
|
| 614 |
+
</div>
|
| 615 |
+
|
| 616 |
+
<button type="submit"
|
| 617 |
+
class="w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white py-4 rounded-lg text-lg font-semibold hover:shadow-2xl transition-all">
|
| 618 |
+
Schedule Strategy Call
|
| 619 |
+
</button>
|
| 620 |
+
</form>
|
| 621 |
+
|
| 622 |
+
<div class="mt-12 text-center">
|
| 623 |
+
<p class="text-slate-600">
|
| 624 |
+
Or email us directly at <a href="mailto:defense@aisentiment.ai" class="text-blue-600 hover:underline">defense@aisentiment.ai</a>
|
| 625 |
+
</p>
|
| 626 |
+
</div>
|
| 627 |
+
</div>
|
| 628 |
+
</section>
|
| 629 |
+
|
| 630 |
+
<!-- Footer -->
|
| 631 |
+
<footer class="bg-slate-900 text-white py-12">
|
| 632 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 633 |
+
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
| 634 |
+
<div>
|
| 635 |
+
<div class="flex items-center space-x-2 mb-4">
|
| 636 |
+
<div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg flex items-center justify-center">
|
| 637 |
+
<i data-lucide="shield-check" class="w-5 h-5 text-white"></i>
|
| 638 |
+
</div>
|
| 639 |
+
<span class="font-bold text-lg">AI Sentiment Defense</span>
|
| 640 |
+
</div>
|
| 641 |
+
<p class="text-slate-400">
|
| 642 |
+
Protecting your distribution pipeline in the AI era
|
| 643 |
+
</p>
|
| 644 |
+
</div>
|
| 645 |
+
|
| 646 |
+
<div>
|
| 647 |
+
<h4 class="font-semibold mb-4">Platform</h4>
|
| 648 |
+
<ul class="space-y-2 text-slate-400">
|
| 649 |
+
<li><a href="#features" class="hover:text-white transition-colors">Features</a></li>
|
| 650 |
+
<li><a href="#demo" class="hover:text-white transition-colors">Demo</a></li>
|
| 651 |
+
<li><a href="#pricing" class="hover:text-white transition-colors">Pricing</a></li>
|
| 652 |
+
</ul>
|
| 653 |
+
</div>
|
| 654 |
+
|
| 655 |
+
<div>
|
| 656 |
+
<h4 class="font-semibold mb-4">Resources</h4>
|
| 657 |
+
<ul class="space-y-2 text-slate-400">
|
| 658 |
+
<li><a href="#" class="hover:text-white transition-colors">Case Studies</a></li>
|
| 659 |
+
<li><a href="#" class="hover:text-white transition-colors">Documentation</a></li>
|
| 660 |
+
<li><a href="#" class="hover:text-white transition-colors">Support</a></li>
|
| 661 |
+
</ul>
|
| 662 |
+
</div>
|
| 663 |
+
|
| 664 |
+
<div>
|
| 665 |
+
<h4 class="font-semibold mb-4">Contact</h4>
|
| 666 |
+
<ul class="space-y-2 text-slate-400">
|
| 667 |
+
<li>defense@aisentiment.ai</li>
|
| 668 |
+
<li>+1 (555) 123-4567</li>
|
| 669 |
+
</ul>
|
| 670 |
+
</div>
|
| 671 |
+
</div>
|
| 672 |
+
|
| 673 |
+
<div class="border-t border-slate-800 mt-8 pt-8 text-center text-slate-400">
|
| 674 |
+
<p>© 2024 AI Sentiment Defense. All rights reserved.</p>
|
| 675 |
+
</div>
|
| 676 |
+
</div>
|
| 677 |
+
</footer>
|
| 678 |
+
|
| 679 |
+
<script>
|
| 680 |
+
// Initialize Lucide icons
|
| 681 |
+
lucide.createIcons();
|
| 682 |
+
|
| 683 |
+
// Mobile menu toggle
|
| 684 |
+
function toggleMobileMenu() {
|
| 685 |
+
const menu = document.getElementById('mobile-menu');
|
| 686 |
+
menu.classList.toggle('hidden');
|
| 687 |
+
}
|
| 688 |
+
|
| 689 |
+
// Smooth scroll
|
| 690 |
+
function scrollToSection(sectionId) {
|
| 691 |
+
document.getElementById(sectionId).scrollIntoView({ behavior: 'smooth' });
|
| 692 |
+
document.getElementById('mobile-menu').classList.add('hidden');
|
| 693 |
+
}
|
| 694 |
+
|
| 695 |
+
// Initialize chart
|
| 696 |
+
const ctx = document.getElementById('sentimentChart').getContext('2d');
|
| 697 |
+
new Chart(ctx, {
|
| 698 |
+
type: 'doughnut',
|
| 699 |
+
data: {
|
| 700 |
+
labels: ['Positive', 'Neutral', 'Negative'],
|
| 701 |
+
datasets: [{
|
| 702 |
+
data: [73, 19, 8],
|
| 703 |
+
backgroundColor: ['#10b981', '#f59e0b', '#ef4444'],
|
| 704 |
+
borderWidth: 0
|
| 705 |
+
}]
|
| 706 |
+
},
|
| 707 |
+
options: {
|
| 708 |
+
responsive: true,
|
| 709 |
+
maintainAspectRatio: false,
|
| 710 |
+
plugins: {
|
| 711 |
+
legend: {
|
| 712 |
+
display: false
|
| 713 |
+
}
|
| 714 |
+
}
|
| 715 |
+
}
|
| 716 |
+
});
|
| 717 |
+
|
| 718 |
+
// ROI Calculator
|
| 719 |
+
function calculateROI() {
|
| 720 |
+
const aum = parseFloat(document.getElementById('aum').value) * 1000000;
|
| 721 |
+
const fee = parseFloat(document.getElementById('fee').value) / 100;
|
| 722 |
+
const objectionRate = parseFloat(document.getElementById('objectionRate').value) / 100;
|
| 723 |
+
const successRate = parseFloat(document.getElementById('successRate').value) / 100;
|
| 724 |
+
|
| 725 |
+
const annualRevenue = aum * fee;
|
| 726 |
+
const revenueAtRisk = annualRevenue * objectionRate;
|
| 727 |
+
const protectedRevenue = revenueAtRisk * successRate;
|
| 728 |
+
const platformCost = 48000;
|
| 729 |
+
const netROI = protectedRevenue - platformCost;
|
| 730 |
+
const roiPercent = ((netROI / platformCost) * 100).toFixed(0);
|
| 731 |
+
|
| 732 |
+
document.getElementById('revenueAtRisk').textContent = `$${(revenueAtRisk/1000000).toFixed(1)}M`;
|
| 733 |
+
document.getElementById('protectedRevenue').textContent = `$${(protectedRevenue/1000000).toFixed(1)}M`;
|
| 734 |
+
document.getElementById('netROI').textContent = `$${(netROI/1000).toFixed(0)}K (${roiPercent}%)`;
|
| 735 |
+
}
|
| 736 |
+
|
| 737 |
+
// AI Response Generator
|
| 738 |
+
function generateResponse() {
|
| 739 |
+
const query = document.getElementById('productQuery').value;
|
| 740 |
+
|
| 741 |
+
// Simulate typing animation
|
| 742 |
+
const aiResponse = document.getElementById('aiResponse');
|
| 743 |
+
const counterpoint = document.getElementById('counterpoint');
|
| 744 |
+
|
| 745 |
+
aiResponse.innerHTML = '<div class="typing-animation">Generating AI response...</div>';
|
| 746 |
+
counterpoint.innerHTML = '<div class="text-slate-400">Preparing counterpoint...</div>';
|
| 747 |
+
|
| 748 |
+
setTimeout(() => {
|
| 749 |
+
aiResponse.innerHTML = `
|
| 750 |
+
<div class="text-slate-700">
|
| 751 |
+
<p class="mb-2"><strong>Typical AI Response:</strong></p>
|
| 752 |
+
<p>"${query.includes('Callable') ? '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.' : 'This investment product has both benefits and risks. Consider consulting with a financial advisor for personalized advice.'}"</p>
|
| 753 |
+
<div class="mt-3 flex items-center text-sm text-slate-500">
|
| 754 |
+
<i data-lucide="alert-triangle" class="w-4 h-4 mr-1 text-yellow-500"></i>
|
| 755 |
+
<span>Sentiment: Negative (AI steering toward alternatives)</span>
|
| 756 |
+
</div>
|
| 757 |
+
</div>
|
| 758 |
+
`;
|
| 759 |
+
|
| 760 |
+
counterpoint.innerHTML = `
|
| 761 |
+
<div class="text-green-700">
|
| 762 |
+
<p class="mb-2"><strong>Pre-approved Counterpoint:</strong></p>
|
| 763 |
+
<p>"While AI correctly notes the yield advantage, it misses the key benefit: downside protection. In the current environment, this callable note offers 20% downside buffer with 8% annual yield - outperforming the S&P 500 in flat/down markets while limiting losses."</p>
|
| 764 |
+
<div class="mt-3">
|
| 765 |
+
<button class="bg-green-600 text-white px-3 py-1 rounded text-sm">Copy to clipboard</button>
|
| 766 |
+
</div>
|
| 767 |
+
</div>
|
| 768 |
+
`;
|
| 769 |
+
|
| 770 |
+
lucide.createIcons();
|
| 771 |
+
}, 1500);
|
| 772 |
+
}
|
| 773 |
+
|
| 774 |
+
// Form submission
|
| 775 |
+
function handleSubmit(event) {
|
| 776 |
+
event.preventDefault();
|
| 777 |
+
|
| 778 |
+
// Show loading state
|
| 779 |
+
const button = event.target.querySelector('button[type="submit"]');
|
| 780 |
+
const originalText = button.textContent;
|
| 781 |
+
button.textContent = 'Sending...';
|
| 782 |
+
button.disabled = true;
|
| 783 |
+
|
| 784 |
+
// Simulate API call
|
| 785 |
+
setTimeout(() => {
|
| 786 |
+
button.textContent = 'Sent! We\'ll be in touch';
|
| 787 |
+
button.classList.add('bg-green-600');
|
| 788 |
+
|
| 789 |
+
setTimeout(() => {
|
| 790 |
+
button.textContent = originalText;
|
| 791 |
+
button.disabled = false;
|
| 792 |
+
button.classList.remove('bg-green-600');
|
| 793 |
+
event.target.reset();
|
| 794 |
+
}, 3000);
|
| 795 |
+
}, 1500);
|
| 796 |
+
}
|
| 797 |
+
|
| 798 |
+
// Stagger animations on scroll
|
| 799 |
+
const observerOptions = {
|
| 800 |
+
threshold: 0.1,
|
| 801 |
+
rootMargin: '0px 0px -50px 0px'
|
| 802 |
+
};
|
| 803 |
+
|
| 804 |
+
const observer = new IntersectionObserver((entries) => {
|
| 805 |
+
entries.forEach(entry => {
|
| 806 |
+
if (entry.isIntersecting) {
|
| 807 |
+
entry.target.classList.add('stagger-animation');
|
| 808 |
+
}
|
| 809 |
+
});
|
| 810 |
+
}, observerOptions);
|
| 811 |
+
|
| 812 |
+
document.querySelectorAll('.card-hover').forEach(el => {
|
| 813 |
+
observer.observe(el);
|
| 814 |
+
});
|
| 815 |
+
|
| 816 |
+
// Initialize ROI calculator
|
| 817 |
+
calculateROI();
|
| 818 |
+
</script>
|
| 819 |
+
<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/finalign" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 820 |
+
</html>
|