// Landing — promo page at /landing. // Neumorphic style matching the rest of the product. Linked from the wordmark. // Each hero slide drives the left-side h1 tagline. `title: null` keeps the // original "Every send, compliant before it leaves your outbox." tagline // (used for the angel/score slide). const SLIDES = [ { title: null }, { title: "See how compliant you've been — historically." }, { title: "Compose with the regulator looking over your shoulder." }, { title: "Train an AI to run your inbox." }, { title: "Wake up to an inbox that's already triaged." }, ]; const LandingPage = () => { const connected = (typeof useConnected === "function") ? useConnected() : null; const ctaHref = connected ? "/dashboard" : "/connect"; const ctaLabel = connected ? "Open your dashboard" : "Connect your inbox"; const [idx, setIdx] = React.useState(0); const slideTitle = SLIDES[idx].title; return (
{/* Ambient red wash */}
{/* TopBar — matches the app TopBar geometry (height 64, padding 0 32px, dot 12, text 18) so the wordmark sits in exactly the same spot across landing and product pages. */}
RedGone
{/* Hero — wrapped in a full-width relative container so the prev/next chevrons can sit on the LEFT and RIGHT edges of the viewport, vertically centered against the hero card. */}
Compliance · for email

{slideTitle ? slideTitle : <>Every send, compliant
before it leaves
your outbox.}

RedGone reads your inbox, scores every email against FCA, SEC, or your firm's internal policy, and triages incoming messages so the only thing in front of you is what actually needs you.

FCA · SEC · INTERNAL POLICY READY
{/* Hero visual — swipeable card. Each slide is one point about the app. idx state is lifted into LandingPage so the left-side h1 tagline can mirror the active slide's title. */}
{/* Pinned features (click-throughs) */}
Try it now
{/* Bottom CTA strip */}
Built for analysts, compliance teams, and anyone who sends an email a regulator might read.
Read-only Gmail access. Your emails never leave your account. Compliance happens at the edge.
{ctaLabel} →
RedGone · compliance-first email
DEMO · BUILT FOR HACKATHON
); }; const ScoreRow = ({ label, pct, severity }) => { const color = severity === "high" ? "#E63946" : severity === "mid" ? "#F4811F" : "#F4C430"; return (
{label} {Math.round(pct * 100)}%
); }; const FeatureCard = ({ tag, title, body, href }) => ( { e.currentTarget.style.transform = "translateY(-3px)"; e.currentTarget.style.boxShadow = "var(--pillow-shadow-hover)"; }} onMouseLeave={(e) => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.boxShadow = ""; }} > {tag}
{title}
{body}
See it →
); // Hero card — swipeable. One point about the app per slide. Fixed height so // the card stays visually constant as slides cycle. Prev/next handled by // chevron buttons on the page sides (in LandingPage). Pointer events on // the card itself add touch-/trackpad-/mouse-drag swipe navigation. const SWIPE_THRESHOLD = 48; const HeroCard = ({ idx, setIdx, total }) => { const startX = React.useRef(null); const onPointerDown = (e) => { startX.current = e.clientX; }; const onPointerUp = (e) => { if (startX.current == null) return; const dx = e.clientX - startX.current; startX.current = null; if (Math.abs(dx) < SWIPE_THRESHOLD) return; setIdx((i) => (dx < 0 ? (i + 1) % total : (i - 1 + total) % total)); }; const onPointerCancel = () => { startX.current = null; }; return (
{/* Slide content */}
{idx === 0 && } {idx === 1 && } {idx === 2 && } {idx === 3 && } {idx === 4 && }
{/* Bottom controls — dots only. The prev/next chevrons live on the sides of the viewport, outside the card. */}
{Array.from({ length: total }).map((_, i) => ( ))}
); }; const SlideScore = () => ( <>
YOUR COMPLIANCE SCORE · LIVE
{/* Angel floats as an overlay so it doesn't push the score / bars down. */}
92
/100
↑ +4 this week
); const SlideHistorical = () => ( <>
BEFORE REDGONE · YOUR LAST 30 DAYS
Most analysts have never had a regulator's eye on their outbound. We score every send from your past 30 days against FCA, SEC, or your firm's policy.
41
/100
SAMPLE BASELINE
18 implied guarantees · 14 missing risk disclaimers · 24 unhedged claims
If your starting score is low, you're not alone. Pre-RedGone is just no scrutiny.
); const SlideCompose = () => ( <>
COMPOSE · LIVE LINT
Every draft is scored as you type. Phrases that violate the rules get flagged with the citation. Click Fix-All. The AI rewrites everything.
This investment is{" "} safe and should return 10%
↳ SEC RULE 482 · PERFORMANCE CLAIMS MUST INCLUDE RISK DISCLOSURES
SUGGESTED REWRITE
may target 8–12% returns over a 3-year horizon, subject to market conditions
SCORE 64 → 96
); const SlideAutomation = () => ( <>
AUTOMATION · CONVERSATIONAL
Talk to RedGone about how your inbox should work. It writes the spec file. Edit any time, or upload a PDF.
REDGONE
For account access requests — what should I do?
Always send those to me. They're often urgent.
REDGONE
Got it. Account access → Human Required. ✓
Spec is human-readable. Your compliance team can review.
); const SlideInbox = () => ( <>
TODAY'S INBOX · 47 EMAILS
RedGone categorized everything. Only what actually needs you stays in front of you.
Only 2 emails actually need you today.
); const BucketRow = ({ label, count, color, hint, highlight }) => (
{label} {count} {hint}
); window.LandingPage = LandingPage;