// Page sections — pure presentational components reading from window.OAV_COPY. // // All sections accept a `tone` key for content + a `palette`, `heroLayout`, // `serviceCards` key for layout. Components are not state-aware; the app // owns state and passes resolved props. // ── Icon ───────────────────────────────────────────────────── function Icon({ name, size = 28 }) { return ( ); } // ── Nav ────────────────────────────────────────────────────── function Nav({ scrollTo }) { return ( <>
Witney · Oxfordshire +44 (0)1865 522 678
); } // ── Hero ───────────────────────────────────────────────────── function Hero({ copy, layout, scrollTo }) { return (

{copy.h1}

{copy.sub}

{ e.preventDefault(); scrollTo('enquiry'); }}> {copy.ctaPrimary} { e.preventDefault(); scrollTo('usp'); }}> {copy.ctaSecondary}
{layout === 'Typographic' && } {layout === 'Split' && ( Conference room with 100-plus delegates, managed by Oxfordshire AV )} {layout === 'Video Frame' && (
REC · 04:11 1080 · 60p
Speaker on stage. Reel on LinkedIn by 11am.
)} {layout === 'Typographic' && (
FIG · 01 — STANDARD CONFERENCE RIG WITNEY · OX29
)}
); } // ── Problem ────────────────────────────────────────────────── function Problem({ copy }) { return (

{copy.eyebrow}

{copy.h2}

{/* Block 1 — AV is sorted */}

{copy.block1.title}

{copy.block1.body}

{/* Block 2 — Content is the problem */}

{copy.block2.title}

{copy.block2.body}

{copy.resolution}

{copy.extra}
); } // ── Services ───────────────────────────────────────────────── function Services({ copy, mode }) { const showIcons = mode === 'Icons · Grid' || mode === 'Icons · Stacked'; return (

{copy.eyebrow}

{copy.h2}

{copy.cards.map((card) => { const Tag = card.href ? 'a' : 'div'; const linkProps = card.href ? { href: card.href } : {}; return ( {card.flag && {card.flag}} {showIcons ? : {card.num}}

{card.title}

{card.body}

 ); })}
); } // ── How we work ────────────────────────────────────────────── function Process({ copy }) { return (

{copy.eyebrow}

{copy.h2}

{copy.steps.map((s) => (
{s.num}

{s.title}

{s.body}

))}
); } // ── USP / same-day social ─────────────────────────────────── function USP({ copy }) { return (
{copy.flag}

{copy.h2}

{copy.lede}

{copy.timeline.map((row, i) => (
{row.time}{row.ampm}
{row.label}

{row.title}

{row.output && ( {row.output} )}

))}

Typical same-day delivery

{copy.outputs.map((o, i) => (
{o.count} {o.label}
))}
); } // ── Where ──────────────────────────────────────────────────── function Where({ copy }) { return (

{copy.eyebrow}

{copy.h2}

{copy.p}

{copy.towns.map((t, i) => ( {t === 'Witney' && ( )} {t} ))}
); } // ── Sectors ────────────────────────────────────────────────── function Sectors({ copy }) { return (

{copy.eyebrow}

{copy.h2}

{copy.list.map((s, i) => (

{s.title}

{s.body}

{String(i + 1).padStart(2, '0')}
))}
); } // ── Why ────────────────────────────────────────────────────── function Why({ copy }) { return (

{copy.eyebrow}

{copy.h2}

{copy.cards.map((c, i) => (
{c.label}

{c.title}

))}
); } // ── FAQ ────────────────────────────────────────────────────── function FAQ({ copy }) { const [open, setOpen] = React.useState(0); return (

{copy.eyebrow}

{copy.h2}

{copy.items.map((it, i) => (
{open === i && (

)}

))}
); } // ── Enquiry form ───────────────────────────────────────────── const ZAPIER_WEBHOOK = 'https://hooks.zapier.com/hooks/catch/1833284/4o9aald/'; function Enquiry({ copy }) { const [sent, setSent] = React.useState(false); const [sending, setSending] = React.useState(false); const [error, setError] = React.useState(null); const submit = (e) => { e.preventDefault(); const fd = new FormData(e.target); const data = { name: fd.get('name'), email: fd.get('email'), phone: fd.get('phone') || '', date: fd.get('date') || '', message: fd.get('message'), }; setSending(true); setError(null); fetch(ZAPIER_WEBHOOK, { method: 'POST', body: JSON.stringify(data), }) .then((r) => { if (!r.ok) throw new Error('Network error'); setSent(true); }) .catch(() => { setError('Something went wrong — please try again or call us.'); }) .finally(() => setSending(false)); }; if (sent) { return (

); } return (

{copy.eyebrow}

{copy.h2}

{copy.sub}

{error &&

{error}

}

Or call us on +44 (0)1865 522 678 — we usually respond within a few working hours.

); } // ── Footer ─────────────────────────────────────────────────── function Footer() { return ( ); } // ── Gallery ────────────────────────────────────────────────── function Gallery() { const photos = [ { src: '/assets/images/awards-stage.webp', alt: 'Awards ceremony with custom AV and projection — Oxfordshire AV' }, { src: '/assets/images/tech-control-room.webp', alt: 'AV technician managing a live event from the control desk' }, { src: '/assets/images/streaming-multicam.webp', alt: 'Multi-camera live streaming production in progress' }, { src: '/assets/images/conf-panel.webp', alt: 'Panel discussion at an Oxfordshire conference' }, ]; return (
{photos.map((p, i) => (
{p.alt}
))}
); } // ── Clients ────────────────────────────────────────────────── function Clients() { const logos = [ { src: '/assets/logos/university-of-oxford.svg', alt: 'University of Oxford' }, { src: '/assets/logos/christ-church.svg', alt: 'Christ Church, Oxford' }, { src: '/assets/logos/keble-college.svg', alt: 'Keble College, Oxford' }, { src: '/assets/logos/worcester-college.svg', alt: 'Worcester College, Oxford' }, { src: '/assets/logos/london-business-school.svg', alt: 'London Business School' }, ]; return (

Trusted by Oxford's leading institutions

{logos.map((l, i) => (
{l.alt}
))}
); } // ── StickyCtA ──────────────────────────────────────────────── function StickyCTA() { return (
Call us Get a quote
); } Object.assign(window, { Nav, Hero, Problem, Services, Process, USP, Where, Sectors, Why, FAQ, Enquiry, Footer, Gallery, Clients, StickyCTA, });