const { useState, useEffect, useMemo, useRef } = React; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "accent": "#FF6B35", "accent2": "#FFB088", "bookingFlow": "stepped" }/*EDITMODE-END*/; const ACCENT_PRESETS = [ { name: "Amber", a: "#FF6B35", b: "#FFB088" }, { name: "Lime", a: "#B8FF4A", b: "#E2FFA8" }, { name: "Sky", a: "#5AB8FF", b: "#A8DCFF" }, { name: "Violet",a: "#A78BFA", b: "#D4C5FF" }, { name: "Rose", a: "#FF6B9D", b: "#FFB0CC" } ]; const CALENDLY_WIDGET_SRC = "https://assets.calendly.com/assets/external/widget.js"; const CALENDLY_EVENT_URL = "https://calendly.com/mousaa/30min"; const POST_BOOKING_URL = "/post-booking.html"; function applyAccent(a, b){ const root = document.documentElement.style; root.setProperty("--accent", a); root.setProperty("--accent-2", b); // glow color from a const glow = a + "59"; // ~35% alpha hex root.setProperty("--accent-glow", glow); } // ---------- Icons ---------- const Ico = { arrow: ()=> , check: ()=> , clock: ()=> , cam: ()=> , globe: ()=> , chevL:()=> , chevR:()=> , fox: ()=> , }; // ---------- NAV ---------- function Nav(){ const [menuOpen, setMenuOpen] = useState(false); const closeMenu = () => setMenuOpen(false); return ( <>
How it works Features Pricing FAQ Sign in Book a strategy call
); } // ---------- HERO ---------- function Hero(){ return (
Now onboarding 50 founders / month

Grow organic traffic on autopilot.

Fox AI is the autonomous SEO engine for founders. We research keywords, write expert articles, build backlinks, and publish daily — so you wake up to traffic instead of a blank Notion doc.

Book a strategy call See how it works
JR AT MK SL ★★★★★   4.9 from 280+ founders • ✓ 1.2M articles published • ✓ 38M sessions driven
); } function HeroVisual(){ return (

Content calendar

Next 14 days · acmeshop.io
6 posts scheduled
This week
5
posts queued
In review
3
awaiting approval
Briefs ready
12
from research
Published
18
this month
); } function ContentCalendar(){ const posts = [ { day: "Mon", date: "18", title: "AI SEO checklist", status: "Ready", tone: "good" }, { day: "Tue", date: "19", title: "SaaS keyword map", status: "Drafting", tone: "accent" }, { day: "Wed", date: "20", title: "Product-led content", status: "Review", tone: "warn" }, { day: "Thu", date: "21", title: "Backlink outreach", status: "Queued", tone: "accent" }, { day: "Fri", date: "22", title: "Founder SEO audit", status: "Briefed", tone: "good" }, ]; const toneColor = { good: "var(--good)", accent: "var(--accent)", warn: "var(--accent-2)", }; return (
Publishing calendar ● Daily content plan
{posts.map((post)=>(
{post.day} {post.date}
{post.title}
{post.status}
))}
Next article brief
How to build a SaaS SEO moat before competitors wake up
Target keyword, outline, internal links, and image prompt prepared for approval.
Workflow
Research complete Draft queued Publish scheduled
); } // ---------- LOGOS ---------- function Logos(){ const names = ["Strategy","Calendar","Drafts","Publishing","Backlinks","Reporting"]; return (
Built around the SEO work founders need shipped
{names.map((n,i)=>(
{n}
))}
); } // ---------- PROBLEM ---------- function Problem(){ return (
The honest truth

SEO is the highest-ROI channel nobody actually does.

Every founder knows organic traffic compounds. Almost nobody does it consistently — because doing it right is slow, expensive, and unbearably manual.

Without Fox AI

You're stuck in the SEO doom loop.

  • ✕$5K/mo agencies deliver 4 mediocre articles a month and won't tell you why.
  • ✕Tools like Ahrefs and Semrush need a full-time human to actually use them.
  • ✕You publish for 2 weeks, get pulled into product, and don't ship again for 6 months.
  • ✕Paid ads stop the moment you stop paying. You own nothing.
With Fox AI

Your SEO ships every single day.

  • ✓30 expert articles a month researched, written, and published — automatically.
  • ✓Continuous keyword discovery tuned to what's actually moving in your niche.
  • ✓Real backlinks from a vetted network — not link farms.
  • ✓One flat fee. No per-article billing, no agency markups, no surprises.
); } function FlatChart({trend}){ const w=320, h=80, pad=4; const points = useMemo(()=>{ const pts=[]; for (let i=0;i<32;i++){ if (trend==="bad"){ pts.push(20 + Math.sin(i*0.4)*6 + (Math.random()-0.5)*4 - i*0.1); } else { pts.push(8 + Math.pow(i/31,2)*52 + (Math.random()-0.5)*3); } } return pts; },[trend]); const max = Math.max(...points,40); const path = points.map((p,i)=>{ const x = pad + (i/(points.length-1))*(w-pad*2); const y = h-pad - (Math.max(0,p)/max)*(h-pad*2); return `${i===0?'M':'L'}${x.toFixed(1)} ${y.toFixed(1)}`; }).join(" "); const color = trend==="bad" ? "var(--bad)" : "var(--accent)"; return (
{trend==="bad" ? "Traffic — flat" : "Traffic — compounding"}
); } // ---------- HOW IT WORKS ---------- function HowItWorks(){ return (
How it works

Onboard in 5 minutes. Compound for years.

Drop in your URL. Fox AI studies your business, finds the keywords your buyers are actually typing, and starts shipping daily.

01

Connect your site

Paste your URL. We scan your product, audience, competitors, and existing rankings — no questionnaire, no kickoff calls.

$ fox connect acmeshop.io
✓ Site analyzed (47 pages)
✓ Found 12 competitors
✓ Ingested 3 GSC properties
→ 1,847 keywords identified
02

We pick the winners

Continuous keyword discovery surfaces the searches with real intent and beatable competition — and queues them for production.

Top picks this week:
best shopify alternatives how to reduce CAC notion vs linear chargebee pricing stripe atlas review indie hacker SEO
03

Daily content + links

One expert article ships every day, fully optimized, with internal links and on-brand images — plus monthly backlinks from our vetted network.

▶ Mon — "Notion vs Linear: 2026 deep dive" published
▶ Tue — "Shopify alternatives ranked" published
▶ Wed — "How to reduce CAC for SaaS" published
▶ Thu — "Stripe Atlas review" publishing…
+ 2 backlinks placed this week
); } // ---------- FEATURES ---------- function Features(){ return (
What's inside

An entire SEO team, running while you sleep.

Continuous keyword discovery

Most tools give you a list once. Fox AI re-runs discovery weekly — catching trending searches, new competitor angles, and seasonal demand before your competitors do.

KEYWORDVOLDIFFINTENT
{[ ["best ai seo tool", "8.1K", "32", "🟢 buy"], ["seo automation", "12K", "44", "🟢 buy"], ["how to write blog posts", "27K", "28", "🟡 info"], ["content marketing 2026", "4.4K", "21", "🟢 buy"], ].map((r,i)=>(
{r[0]}{r[1]}{r[2]}{r[3]}
))}

Expert articles, not AI fluff

Every piece is fact-checked, cited, and written in your brand voice — 1,500–2,500 words with infographics, internal links, and a real point of view.

Vetted backlink network

Real, indexed sites — checked by hand, monitored continuously. If a link drops, we replace it. Zero PBNs, zero spam.

Auto-publish

WordPress, Webflow, Shopify, Framer, Ghost, Notion. One click.

50+ languages

Localized for whatever market you're attacking next.

Approve or autopilot

Review every article before it ships, or let Fox run hands-off.

Live dashboard

Track every article, link, and ranking in real time — not in a quarterly PDF.

); } // ---------- PRICING ---------- function Pricing(){ return (
Pricing

One plan. All of it.

No seat fees. No per-article billing. No "let me get on a call with our solutions consultant."

Best ROI on the market
Founder plan
$99 / month, all-in
3-day trial · Cancel anytime · No card games
  • 30 expert articles published every month
  • Continuous keyword research & competitor tracking
  • Backlink network — real sites, monitored
  • Auto-publish to WordPress, Webflow, Shopify, Framer, Ghost, Notion
  • 50+ languages, internal linking, on-brand imagery
  • Live dashboard — see every article and link as it ships
Book a strategy call
); } // ---------- FAQ ---------- function FAQ(){ const items = [ ["How is this different from ChatGPT?","ChatGPT gives you a draft. Fox AI runs the entire pipeline — keyword research tuned to your business, expert articles with citations, internal linking, image generation, daily auto-publishing, backlink building, and ranking tracking. You spend zero hours; it just runs."], ["Will Google penalize me for AI content?","No. Google's stance is 'rewards quality, regardless of how it's produced.' Our articles are fact-checked, cited, and consistently outrank human-written agency content. We've shipped 1.2M articles across 1,200+ sites — the data is conclusive."], ["What's the catch with $99?","Honestly, no catch. We built a single autonomous engine and scaled it to thousands of customers. The marginal cost per article is tiny. We'd rather have 10,000 happy founders at $99 than 100 enterprise contracts."], ["What if I don't see results?","SEO compounds — most customers see meaningful traffic lift in 60–90 days. If you're not happy in your first month, we refund you. The 3-day trial lets you see article quality before you commit."], ["Do you handle backlinks?","Yes — through a vetted network of real, indexed sites. Every site is checked by hand, monitored continuously, and replaced if a link drops. Zero PBNs, zero link farms."], ["What CMS do you support?","WordPress, Webflow, Shopify, Framer, Ghost, Notion, Wix, and any site via webhook or REST API. Setup is a single OAuth click."], ]; return (
FAQ

You probably have a few questions.

{items.map(([q,a],i)=>(
{q}+

{a}

))}
); } // ---------- BOOKING ---------- function CalendlyWidget(){ useEffect(()=>{ function handleCalendlyMessage(event){ if (event.origin !== "https://calendly.com") return; if (event.data?.event !== "calendly.event_scheduled") return; window.location.href = POST_BOOKING_URL; } function initializeCalendly(){ if (window.Calendly?.initInlineWidgets) { window.Calendly.initInlineWidgets(); } } window.addEventListener("message", handleCalendlyMessage); const existingScript = document.querySelector(`script[src="${CALENDLY_WIDGET_SRC}"]`); if (existingScript) { existingScript.addEventListener("load", initializeCalendly); initializeCalendly(); return () => { window.removeEventListener("message", handleCalendlyMessage); existingScript.removeEventListener("load", initializeCalendly); }; } const script = document.createElement("script"); script.type = "text/javascript"; script.src = CALENDLY_WIDGET_SRC; script.async = true; script.addEventListener("load", initializeCalendly); document.body.appendChild(script); return () => { window.removeEventListener("message", handleCalendlyMessage); script.removeEventListener("load", initializeCalendly); }; },[]); return (
); } function todayMidnight(){ const d=new Date(); d.setHours(0,0,0,0); return d; } function fmtDate(d){ return d.toLocaleDateString("en-US",{weekday:"long",month:"long",day:"numeric"}); } function fmtMonthYear(d){ return d.toLocaleDateString("en-US",{month:"long",year:"numeric"}); } function generateSlots(date){ // pseudo-deterministic slot list per date if (!date) return []; const day = date.getDay(); if (day===0 || day===6) return []; // closed weekends const seed = date.getDate(); const slots = []; const starts = ["09:00","09:30","10:00","10:30","11:00","13:00","13:30","14:00","14:30","15:00","15:30","16:00"]; starts.forEach((s,i)=>{ if ((seed+i) % 3 !== 0) slots.push(s); // skip ~1/3 }); return slots; } function fmt12(t){ const [h,m] = t.split(":").map(Number); const ampm = h>=12 ? "pm":"am"; const hh = ((h+11)%12)+1; return `${hh}:${m.toString().padStart(2,"0")} ${ampm}`; } function BookingWidget({flow}){ const [monthCursor, setMonthCursor] = useState(()=>{ const d=todayMidnight(); d.setDate(1); return d; }); const [selectedDay, setSelectedDay] = useState(null); const [selectedSlot, setSelectedSlot] = useState(null); const [committedSlot, setCommittedSlot] = useState(null); const [step, setStep] = useState("pick"); // pick | details | confirmed const [tz, setTz] = useState("12h"); const [form, setForm] = useState({name:"",email:"",company:"",website:"",mrr:"<$10K",notes:""}); const [touched, setTouched] = useState(false); const today = todayMidnight(); const monthDays = useMemo(()=>{ const first = new Date(monthCursor); const lastDay = new Date(first.getFullYear(), first.getMonth()+1, 0).getDate(); const startWeekday = first.getDay(); const cells = []; for (let i=0;i 1000*60*60*24*45; const disabled = isPast || isWeekend || slots.length===0 || tooFar; cells.push({date, disabled, hasSlots: slots.length>0 && !disabled, isToday: date.getTime()===today.getTime()}); } return cells; },[monthCursor]); const slots = useMemo(()=> generateSlots(selectedDay), [selectedDay]); const canPrev = monthCursor > new Date(today.getFullYear(), today.getMonth(), 1); function shiftMonth(delta){ const d = new Date(monthCursor); d.setMonth(d.getMonth()+delta); setMonthCursor(d); setSelectedDay(null); setSelectedSlot(null); } // single-page flow renders details inline below time picking const isStepped = flow === "stepped"; function commitSlot(){ setCommittedSlot(selectedSlot); if (isStepped){ setStep("details"); } } function submit(e){ e?.preventDefault(); setTouched(true); if (!form.name || !form.email || !form.email.includes("@")) return; setStep("confirmed"); } const meetingDate = selectedDay && committedSlot ? `${fmtDate(selectedDay)} · ${fmt12(committedSlot)} – ${fmt12(addMinutes(committedSlot,30))}` : null; function addMinutes(t,mins){ const [h,m]=t.split(":").map(Number); const total = h*60+m+mins; const hh = Math.floor(total/60).toString().padStart(2,"0"); const mm = (total%60).toString().padStart(2,"0"); return `${hh}:${mm}`; } if (step==="confirmed"){ return (

You're booked, {form.name.split(" ")[0] || "friend"}.

A calendar invite is on its way to {form.email}. Reply to it with anything you want me to look at before we hop on.

{selectedDay.toLocaleDateString("en-US",{month:"short"})} {selectedDay.getDate()}
Strategy call with Fox AI
{meetingDate}
30 min · Google Meet
View preparation steps
); } return (
{(!isStepped || step==="pick") && (

{fmtMonthYear(monthCursor)}

{["Sun","Mon","Tue","Wed","Thu","Fri","Sat"].map(d=>
{d.slice(0,2)}
)} {monthDays.map((c,i)=>{ if (c.empty) return
; const cls = ["cal-day"]; if (c.disabled) cls.push("disabled"); else if (c.hasSlots) cls.push("has-slots"); if (c.isToday) cls.push("today"); if (selectedDay && c.date && selectedDay.getTime()===c.date.getTime()) cls.push("selected"); return (
{ if (c.disabled) return; setSelectedDay(c.date); setSelectedSlot(null); }}>{c.date.getDate()}
); })}
Available No slots

{selectedDay ? fmtDate(selectedDay) : "Pick a date"}

{selectedDay ? `${slots.length} slots available` : "Times will appear here"}
{selectedDay ? (
{slots.length===0 ? (
Nothing free on this day.
) : slots.map(s=>(
{selectedSlot===s && ( )}
))}
) : (
← Select a date with a dot
)}
)} {/* Single-page flow: details inline below */} {!isStepped && committedSlot && (
{setCommittedSlot(null);}} />
)} {/* Stepped flow: full-width details panel */} {isStepped && step==="details" && (
{setStep("pick"); setCommittedSlot(null);}} />
)}
); } function BookingInfo(){ return ( ); } function DetailsForm({form,setForm,touched,submit,meetingDate,onChange}){ function set(k,v){ setForm(f=>({...f,[k]:v})); } const emailErr = touched && (!form.email || !form.email.includes("@")); const nameErr = touched && !form.name; return (
{meetingDate}  ·  30 min · Google Meet Change time

One last step.

set("name",e.target.value)} placeholder="Jamie Founder" style={nameErr?{borderColor:"var(--bad)"}:{}}/>
set("email",e.target.value)} placeholder="jamie@yourstartup.com" style={emailErr?{borderColor:"var(--bad)"}:{}}/>
set("company",e.target.value)} placeholder="Your company"/>
set("website",e.target.value)} placeholder="acmeshop.io"/>