/* Blog post — standalone page, served at /blog/:slug (clean URLs) */ const { useState, useEffect } = React; /* ── Inline Header ── */ const BPHeader = () => { const [scrolled, setScrolled] = React.useState(false); useEffect(() => { const fn = () => setScrolled(window.scrollY > 12); window.addEventListener('scroll', fn, { passive: true }); return () => window.removeEventListener('scroll', fn); }, []); return (

Conceive Iberia

); }; /* ── Inline Footer ── */ const BPFooter = () => ( ); /* ── Markdown Renderer (mirrors blog.jsx) ── */ const MarkdownRenderer = ({ content }) => { const lines = content.split('\n'); const elements = []; let i = 0; let kc = 0; const key = (p) => `${p}-${kc++}`; while (i < lines.length) { const line = lines[i]; if (line.trim() === '') { i++; continue; } if (line.startsWith('# ')) { elements.push(

{line.slice(2)}

); i++; continue; } if (line.startsWith('## ')) { elements.push(

{line.slice(3)}

); i++; continue; } if (line.startsWith('### ')) { elements.push(

{line.slice(4)}

); i++; continue; } if (line.startsWith('**') && line.endsWith('**') && line.length > 4) { elements.push(

{line.slice(2, -2)}

); i++; continue; } // Inline image if (/^!\[.*?\]$.*?$/.test(line)) { const m = line.match(/^!\[(.*?)\]$(.*?)$/); if (m) { elements.push(

); } i++; continue; } // Table if (line.includes('|') && line.trim().startsWith('|')) { const tableLines = []; while (i < lines.length && lines[i].includes('|')) { tableLines.push(lines[i]); i++; } const headerCells = tableLines[0].split('|').filter(c => c.trim() !== ''); const bodyRows = tableLines.slice(2).map(r => r.split('|').filter(c => c.trim() !== '')); elements.push(

{headerCells.map((c, ci) => )}{bodyRows.map((row, ri) => {row.map((cell, ci) => )})}

{c.trim().replace(/\\/g,'')}
{cell.trim().replace(/\\/g,'')}

); continue; } // Bullet list if (line.startsWith('- ') || line.startsWith('* ')) { const items = []; while (i < lines.length && (lines[i].startsWith('- ') || lines[i].startsWith('* '))) { items.push(lines[i].slice(2)); i++; } elements.push(

{parts.map((p,pi) => pi%2===1 ? {p} : p)}

); continue; } // Numbered list if (/^\d+\. /.test(line)) { const items = []; while (i < lines.length && /^\d+\. /.test(lines[i])) { items.push(lines[i].replace(/^\d+\. /,'')); i++; } elements.push(

{idx+1}{parts.map((p,pi) => pi%2===1 ? {p} : p)}

); continue; } const parts = line.split(/\*\*(.*?)\*\*/g); elements.push(

{parts.map((p,pi) => pi%2===1 ? {p} : p)}

); i++; } return

{elements}

; }; /* ── Main App ── */ const App = () => { // Extract slug from /blog/slug const slug = window.location.pathname.replace(/^\/blog\/?/, '').replace(/\/$/, ''); // Merge base articles (defined inline below) with window.EXTRA_ARTICLES const BASE_SLUGS = [ 'ivf-spain-vs-usa-comparison', 'how-to-evaluate-fertility-marketplace', 'complete-guide-ivf-spain-american-patients', 'complete-guide-donor-egg-ivf-spain', 'day-by-day-ivf-cycle-spain', ]; // For the 5 original articles, redirect to the SPA hash route (they live in blog.jsx) // For all 26 new articles, render here const extraArticles = window.EXTRA_ARTICLES || []; const article = extraArticles.find(a => a.slug === slug); // Update page title + meta if (article) { document.title = `${article.title} — Conceive Iberia`; const metaDesc = document.getElementById('meta-desc'); if (metaDesc) metaDesc.setAttribute('content', article.excerpt || ''); const canonical = document.getElementById('canonical'); if (canonical) canonical.setAttribute('href', `https://conceive-iberia.com/blog/${slug}`); } if (!article) { // If it's one of the original 5, redirect to SPA route if (BASE_SLUGS.includes(slug)) { window.location.replace(`/#/blog/${slug}`); return null; } return (

Article not found.

Back to blog

); } const otherArticles = extraArticles.filter(a => a.slug !== slug).slice(0, 3); return (

{/* Cover image if present */} {article.cover && (