/* BOFU page renderer */ const { useState, useEffect, useMemo } = React; /* ---------------- Pathname router (clean URLs via Vercel rewrites) ---------------- */ // All 30 BOFU slugs are served at / by Vercel → bofu.html rewrite. // /resources shows the Index. Direct URL access works correctly. const getSlug = () => { const p = window.location.pathname.replace(/^\//, '').replace(/\/$/, ''); if (!p || p === 'resources' || p === 'bofu.html') return ''; return p; }; /* ---------------- Icons ---------------- */ const IArrow = ({ size=16, stroke=1.75 }) => ( ); const IChev = ({ size=14, stroke=1.75, dir='down' }) => { const r = { down:0, up:180, left:90, right:-90 }[dir] || 0; return ; }; /* ---------------- Hero accent (placeholder image) ---------------- */ const HeroAccent = ({ kind='arch' }) => { // Lightweight editorial SVG placeholders, no stock photos const variants = { arch: ( ), cost: ( {[60,120,180,240,300,360].map((y,i)=>())} ), coast: ( ), compare: ( Spain vs ), donor: ( ), madrid: ( ), barcelona: ( ), interior: ( ), }; return variants[kind] || variants.arch; }; const InlineImage = ({ kind }) => { return (
); }; /* ---------------- Header / Footer ---------------- */ const Header = () => (
Conceive Iberia Start matching
); const Footer = () => ( ); /* ---------------- Index page ---------------- */ const TIER_LABELS = { 1: 'Tier 1 · Quick Wins', 2: 'Tier 2 · High-Intent Profile & Process', 3: 'Tier 3 · Comparison & Geographic', 4: 'Tier 4 · Niche & Logistics', }; const Index = () => { const byTier = useMemo(() => { const m = { 1:[], 2:[], 3:[], 4:[] }; BOFU_PAGES.forEach(p => m[p.tier].push(p)); return m; }, []); return (
{/* Hero */}
Resources

Honest answers for every question patients actually ask.

Thirty in-depth guides covering the cost, geography, treatment, and decision-points of IVF in Spain — written for American patients evaluating real options. No publish dates. Refreshed quarterly.

Start the matching quiz Browse all 30 guides
{/* Index by tier */}
{[1,2,3,4].map(t => (

{TIER_LABELS[t]}

{byTier[t].length} pages
{byTier[t].map(p => (
{p.intent}
{p.h1}
/{p.slug}
Read
))}
))}
); }; /* ---------------- BOFU Page ---------------- */ const Crumbs = ({ page }) => ( ); const SectionBlock = ({ s }) => { const hasImg = !!s.image; if (!hasImg) { return (

{s.h2}

{s.body.map((p,i)=>

{p}

)}
); } const right = s.imageSide !== 'left'; return (
*:first-child]:order-2'}`}>

{s.h2}

{s.body.map((p,i)=>

{p}

)}
); }; const FAQ = ({ items }) => { const [open, setOpen] = useState(0); return (

Frequently asked questions

{items.map((it,i) => { const isOpen = open === i; return (
{isOpen && (
{it.a}
)}
); })}
); }; const PullQuote = ({ q }) => (
"{q.text}"
— {q.attribution}
); const TrustStrip = () => (
{[ { v: '38', l: 'Vetted clinics in network' }, { v: '5', l: 'Published vetting criteria' }, { v: 'Flat', l: 'Commission across all clinics' }, ].map((t,i)=>(
{t.v}
{t.l}
))}
); const InternalLinks = ({ slugs }) => { const pages = slugs.map(s => BOFU_PAGES.find(p => p.slug === s)).filter(Boolean); if (!pages.length) return null; return (
Keep reading
{pages.map(p => (
{p.h1}
Read
))}
); }; const FinalCTA = ({ secondary }) => (

Find your matched clinics.

Six minutes. Three matched clinics with profile-specific pricing in your inbox within 48 hours. Free.

); const HeroBlock = ({ page }) => (
{page.intent}

{page.h1}

{page.intro}

); const BofuPage = ({ slug }) => { const page = BOFU_PAGES.find(p => p.slug === slug); useEffect(() => { if (page) document.title = `${page.h1} — Conceive Iberia`; }, [page]); if (!page) { return (

Page not found

Try the resource index or the homepage.

); } return (
{page.sections.map((s,i) => ( {i < page.sections.length - 1 &&
} ))} {page.quote && }
); }; /* ---------------- Root ---------------- */ const App = () => { const slug = getSlug(); return (
{slug ? : }
); }; ReactDOM.createRoot(document.getElementById('root')).render();