// Hero — full-bleed cinematic image with editorial headline overlay function Hero() { // Animate the stat numbers once in view const statsRef = useRef(null); const [inView, setInView] = useState(false); useEffect(() => { if (!statsRef.current) return; const io = new IntersectionObserver((ents) => { ents.forEach(e => { if (e.isIntersecting) { setInView(true); io.disconnect(); } }); }, { threshold: .3 }); io.observe(statsRef.current); return () => io.disconnect(); }, []); const cap = useCountUp(13, { when: inView }); const crew = useCountUp(8700, { when: inView, duration: 2000 }); const perm = useCountUp(390, { when: inView }); const ac = useCountUp(720, { when: inView }); return (
{/* FULL-BLEED CINEMATIC HERO */}
{/* Masthead bar — sits on top of image */}
Piedmont, Oklahoma · Kingfisher County
Vol. 01 — A proposal to the community
{/* Headline block — flex-grow pushes bottom caption down */}

Responsible infrastructure,
built as a good neighbor
to the place we call home.

{/* Bottom caption bar */}
Site context
720 acres along the county's northeast corridor — low‑profile buildings, 150‑foot setbacks, natural edges kept intact.
Fig. 01 — Kingfisher County
{/* Site marker pin — absolute */}
{/* PULL-QUOTE — editorial standfirst on paper */}
In brief
Powering the future. Funding our community. A sustainable $13B economic engine, operating quietly in the background.
{/* Lede paragraph, right-aligned rail */}

Piedmont Technology Park is a proposed 720‑acre campus in Kingfisher County — designed with careful setbacks, preserved natural edges, and long‑term investment in local schools, roads, and first responders.

{/* Stat slab — animated numbers */}
{[ { k: `$${cap.toFixed(0)}B`, v: 'Capital investment', note: 'Largest in Kingfisher County history' }, { k: Math.round(crew).toLocaleString(), v: 'Construction jobs', note: 'Phased, multi‑year build' }, { k: Math.round(perm).toLocaleString(), v: 'Permanent positions', note: 'Average wages ~2× local' }, { k: Math.round(ac), v: 'Acre campus', note: '10% open space · 150 ft setbacks' }, ].map((s, i) => (
0{i+1}
{s.k}
{s.v}
{s.note}
))}
); } window.Hero = Hero;