// Single Article Page const { Header, Footer, TweaksPanel, useScrollReveal, MobileStickyCTA } = window; const { useState, useEffect } = React; function ArticleHeader({ post }) { const dateStr = new Date(post.date).toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' }); return (
{post.category || 'Blog'} ยท {dateStr}

{post.title}

{post.excerpt}

{post.author ? post.author.charAt(0) : 'C'}
{post.author || 'Carter Electrical Contracting'}
Author
); } function TableOfContents() { const [headings, setHeadings] = useState([]); useEffect(() => { const prose = document.querySelector('.prose'); if (!prose) return; const elements = Array.from(prose.querySelectorAll('h2, h3')); const parsedHeadings = elements.map((el, index) => { if (!el.id) { el.id = `heading-${index}`; } return { id: el.id, text: el.innerText, level: el.tagName === 'H2' ? 2 : 3 }; }); setHeadings(parsedHeadings); }, []); if (headings.length === 0) return null; return ( ); } function ArticleContent({ post }) { return (
{/* Table of Contents Sidebar */} {/* Main Content */}
{post.image && (
{post.title}
)} {/* Render markdown HTML */}
); } function ArticlePage() { useScrollReveal(); // window.CURRENT_POST is injected by build-blog.js const post = window.CURRENT_POST; if (!post) return null; return ( <>