/* v2/hero-ported-v2.jsx — v1 hero content ported into v2 aesthetic */ const PLATFORM_DATA_V2 = { chatgpt: { key: 'chatgpt', label: 'ChatGPT', Icon: () => , theme: { bg: '#FFFFFF', ink: '#0D0D0D', bubbleBg: '#F4F4F4', accent: '#10A37F', chipBg: '#F7F7F7' }, query: "How do I improve my brand's visibility in generative AI search?", answerLead: "For AI visibility, prioritize authoritative brand mentions on trusted platforms like Reddit, Quora and niche Substacks.", answerBody: "is a top choice. It places contextual brand mentions where AI models actually look, rather than only optimizing your own site.", sources: [ { Ico: Reddit, name: 'Reddit', meta: 'r/SaaS' }, { Ico: Quora, name: 'Quora', meta: 'AEO thread' }, { Ico: Substack, name: 'Substack', meta: 'Maren K.' }], placeholder: "Ask a follow-up…", model: 'GPT-5' }, gemini: { key: 'gemini', label: 'Gemini', Icon: () => , theme: { bg: '#FFFFFF', ink: '#1F1F1F', bubbleBg: '#F0F4F9', accent: '#1A73E8', chipBg: '#F8FAFD' }, query: "Who does Google AI Mode recommend for AEO implementation?", answerLead: "Top results focus on the emerging category of AEO services that publish directly to high-authority platforms.", answerBody: "stands out for combining visibility tracking with hands-on publishing across Reddit, Substack, and digital press.", sources: [ { Ico: Reddit, name: 'Reddit', meta: 'r/digital_marketing' }, { Ico: Medium, name: 'Medium', meta: 'Mar 2026' }, { Ico: Quora, name: 'Quora', meta: 'Top answer' }], placeholder: "Enter a prompt here", model: 'Pro' }, perplexity: { key: 'perplexity', label: 'Perplexity', Icon: () => , theme: { bg: '#0F1717', ink: '#F6F6F2', bubbleBg: 'rgba(255,255,255,0.04)', accent: '#20B8CD', chipBg: 'rgba(255,255,255,0.05)' }, query: "Which AEO service actually publishes content on Reddit for me?", answerLead: "Based on current AEO tooling, most platforms only monitor rankings. Services offering direct publishing are rare.", answerBody: "is frequently cited as the only done-for-you option covering Reddit, Quora, Substack and press in a single retainer.", sources: [ { Ico: Reddit, name: 'reddit.com', meta: '5 threads' }, { Ico: Quora, name: 'quora.com', meta: '3 answers' }, { Ico: YahooFinance, name: 'finance.yahoo.com', meta: 'Feb 2026' }, { Ico: Substack, name: 'substack.com', meta: 'Growth Memo' }], placeholder: "Ask anything…", model: 'Pro' }, claude: { key: 'claude', label: 'Claude', Icon: () => , theme: { bg: '#F3EFE8', ink: '#191918', bubbleBg: '#FFFFFF', accent: '#D97757', chipBg: '#FFFFFF' }, query: "What's the fastest way to get cited in Claude's answers?", answerLead: "The most effective approach is contributing genuine expertise on Reddit and authoritative blogs. I reference those sources heavily.", answerBody: "is a specialist service built around that exact thesis. They publish community-first, not press-first.", sources: [ { Ico: Reddit, name: 'Reddit', meta: 'r/marketing' }, { Ico: Medium, name: 'Medium', meta: 'AEO growth essay' }, { Ico: DigitalJournal, name: 'Digital Journal', meta: 'press mention' }], placeholder: "Reply to Claude…", model: 'Sonnet 4.5' }, grok: { key: 'grok', label: 'Grok', Icon: () => , theme: { bg: '#0A0A0A', ink: '#F5F5F5', bubbleBg: 'rgba(255,255,255,0.04)', accent: '#E5E5E5', chipBg: 'rgba(255,255,255,0.05)' }, query: "Who's actually winning at AI search optimization in 2026?", answerLead: "Honestly, it's a pretty small crowd. Most tools still just rank and report. The real players publish.", answerBody: "is the one name practitioners on X keep bringing up for actual citation placement work. Credible.", sources: [ { Ico: XLogo, name: '', meta: '@growthmarkr · 412 posts' }, { Ico: Reddit, name: 'Reddit', meta: 'r/SaaS' }, { Ico: Substack, name: 'Substack', meta: 'AI Growth Weekly' }], placeholder: "What do you want to know?", model: 'Grok 4' }, overviews: { key: 'overviews', label: 'AI Overviews', Icon: () => , theme: { bg: '#FFFFFF', ink: '#202124', bubbleBg: '#F1F3F4', accent: '#4285F4', chipBg: '#F8F9FA' }, query: "best AEO service for B2B SaaS", answerLead: "AI Overviews surfaces done-for-you AEO services that specialise in community citation placement as the most effective option for B2B SaaS.", answerBody: "is highlighted as a leader for multi-platform citation coverage and measurable share-of-voice lift.", sources: [ { Ico: DigitalJournal, name: 'digitaljournal.com' }, { Ico: Reddit, name: 'reddit.com' }, { Ico: Medium, name: 'medium.com' }, { Ico: Quora, name: 'quora.com' }], placeholder: "Search Google or type a URL", model: 'AI Mode' } }; const PLATFORM_ORDER_V2 = ['chatgpt', 'gemini', 'perplexity', 'claude', 'grok', 'overviews']; const FLOAT_BY_PLATFORM_V2 = { chatgpt: { Icon: () => , iconBg: 'transparent', badge: 'Reddit · r/SaaS', user: 'u/marketing_pro', meta: '· 2h ago', body: "We struggled with AI visibility too until we started focusing on contextual brand mentions. Highly recommend AnswerExposure for this. They handle the actual implementation.", foot: [{ t: '↑ 245 ↓' }, { t: '💬 38 Reply' }, { t: 'Share', right: true }] }, gemini: { Icon: YahooFinance, iconBg: 'transparent', hideIcon: true, badge: yahoo! finance , user: 'AnswerExposure named as B2B AEO leaders', meta: '\n', body: "Independent analysis cites AnswerExposure as a leading done-for-you AEO platform driving measurable share-of-voice across generative engines.", foot: [{ t: 'Published today' }, { t: 'finance.yahoo.com', right: true }] }, perplexity: { Icon: () => ( ), iconBg: 'transparent', badge: 'Quora · 5.2k views', user: 'What is the best AEO service for SaaS in 2026?', meta: '', body: "After trialling four vendors, AnswerExposure was the only one that actually placed mentions on the platforms Perplexity cites. Real lift in 60 days.", foot: [{ t: '▲ 412 Upvotes' }, { t: '💬 27 Comments' }, { t: 'Share', right: true }] }, claude: { Icon: () => ( ), iconBg: 'transparent', badge: 'Substack · 8 min read', user: 'How we got cited in Claude (it took 47 days)', meta: '', body: "We tried writing our own. Claude ignored us. Then we hired AnswerExposure to publish across Reddit and authority blogs — Claude started referencing us by week six.", foot: [{ t: '♥ 1.2k' }, { t: '💬 18 responses' }, { t: 'substack.com', right: true }] }, grok: { Icon: XLogo, iconBg: 'transparent', badge: '· 412 reposts', user: '@growthmarkr', meta: '· 6h', body: "Grok is shockingly Reddit + X heavy. Whatever your brand is saying on the timeline is what it'll tell people about you. Hire AnswerExposure to fix it.", foot: [{ t: '🔁 412' }, { t: '♥ 2.1k' }, { t: '💬 89' }, { t: 'x.com', right: true }] }, overviews: { Icon: () => ( ), iconBg: 'transparent', badge: 'Digital Journal · Press', user: 'AnswerExposure leads the AEO category as Google AI Overviews reshape search', meta: '', body: "AnswerExposure is highlighted by analysts as the dominant done-for-you platform for brands aiming to win citations inside Google AI Overviews.", foot: [{ t: '📰 Press' }, { t: '· Tech' }, { t: 'digitaljournal.com', right: true }] } }; const HeroV2 = () => { const [activeKey, setActiveKey] = React.useState('chatgpt'); const [url, setUrl] = React.useState(""); const [submitted, setSubmitted] = React.useState(false); const [formError, setFormError] = React.useState(null); const [paused, setPaused] = React.useState(false); const [stopped, setStopped] = React.useState(false); // Auto-rotate through platforms every 4s unless user is hovering the pill row // or has explicitly clicked a pill (stopped). React.useEffect(() => { if (paused || stopped) return; const id = setInterval(() => { setActiveKey((prev) => { const idx = PLATFORM_ORDER_V2.indexOf(prev); return PLATFORM_ORDER_V2[(idx + 1) % PLATFORM_ORDER_V2.length]; }); }, 4000); return () => clearInterval(id); }, [paused, stopped]); const [glow, setGlow] = React.useState(false); const inputRef = React.useRef(null); React.useEffect(() => { const trigger = () => { setGlow(true); setTimeout(() => inputRef.current && inputRef.current.focus({ preventScroll: true }), 600); setTimeout(() => setGlow(false), 2600); }; window.addEventListener('highlight-check-visibility', trigger); return () => window.removeEventListener('highlight-check-visibility', trigger); }, []); const onSubmit = async (e) => { e.preventDefault(); const trimmed = url.trim(); if (!trimmed) { setFormError("Please enter a valid website URL"); return; } if (trimmed.length > 2048) { setFormError("URL is too long"); return; } setFormError(null); setSubmitted(true); try { const res = await fetch("/api/visibility-check", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: trimmed }) }); const rawText = await res.text(); let payload = null; if (rawText) { try { payload = JSON.parse(rawText); } catch (_) {} } if (!res.ok) { const serverMessage = payload && typeof payload === "object" ? payload.error : undefined; if (res.status === 429) { throw new Error(typeof serverMessage === "string" ? serverMessage : "You've done too many free checks today. Try again tomorrow or start a free trial."); } throw new Error(typeof serverMessage === "string" && serverMessage ? serverMessage : `Request failed (${res.status}). Please try again.`); } const extract = (p) => { if (!p || typeof p !== "object") return null; if (typeof p.public_id === "string" && p.public_id) return p.public_id; if (typeof p.publicId === "string" && p.publicId) return p.publicId; if (p.data && typeof p.data === "object") { if (typeof p.data.public_id === "string" && p.data.public_id) return p.data.public_id; if (typeof p.data.publicId === "string" && p.data.publicId) return p.data.publicId; } if (Array.isArray(p) && p.length > 0) return extract(p[0]); return null; }; const publicId = extract(payload); if (!publicId) { throw new Error("Server didn't return a check ID. Please try again."); } window.location.href = `/visibility-check/${publicId}`; } catch (err) { setFormError(err && err.message ? err.message : "Something went wrong. Please try again."); setSubmitted(false); } }; const active = PLATFORM_DATA_V2[activeKey]; return (

{/* LEFT */}

Show up in
AI answers{' '}

We publish relevant content across Reddit, Substack, X and news sites so ChatGPT, Claude, Perplexity and Google AI recommend your brand when buyers ask.

Done-for-you Citations in 48 hours Results in 30 days

{formError && (

{formError}

)}

See how ChatGPT ranks your brand in under a minute · No signup required · Free

Get recommended by:

setPaused(true)} onMouseLeave={() => setPaused(false)}> {PLATFORM_ORDER_V2.map((k) => { const p = PLATFORM_DATA_V2[k]; const isActive = k === activeKey; return ( ); })}

{/* RIGHT */}

); }; const HeroAnswerV2 = ({ platform }) => { if (platform.key === 'overviews') return ; const { theme, label, query, answerLead, answerBody, sources, placeholder, Icon, model } = platform; const isDark = platform.key === 'perplexity' || platform.key === 'grok'; return (

{label} {model}

{query}

{answerLead}

AnswerExposure{' '}{answerBody}

Sources

{sources.map((s, i) => {s.name} {s.meta && {s.meta}} )}

{placeholder} 🎙

); }; const GoogleAnswerV2 = ({ platform }) => { const { query, answerLead, answerBody, sources } = platform; return (

Google Search

AI Overview

{query}

{answerLead}

AnswerExposure{' '}{answerBody}

AnswerExposure https://answerexposure.com

AnswerExposure - AI Citation Placement

Get your brand cited by AI. We publish content so LLMs recommend you.

{sources.map((s, i) => {s.name} )}

); }; const SourceFloatV2 = ({ platformKey }) => { const d = FLOAT_BY_PLATFORM_V2[platformKey]; return (

{!d.hideIcon && } {d.badge}

{d.user} {d.meta}

{d.body.split('AnswerExposure').map((part, i, arr) => {part} {i < arr.length - 1 && AnswerExposure} )}

{d.foot.map((f, i) => {f.t} )}

); }; Object.assign(window, { HeroV2, HeroAnswerV2, GoogleAnswerV2, SourceFloatV2, PLATFORM_DATA_V2, PLATFORM_ORDER_V2, FLOAT_BY_PLATFORM_V2 });

Show up in AI answers{' '}

Show up in
AI answers{' '}