/* global React, MARKETS, VENDORS, IN_SEASON, FAQS, OCMap, ApplyForm, SectionHead, getNextMarket, LogoMark, CalIcon */ // All page sections — Hero, Schedule, Map, In Season, Vendors, Apply, About+FAQ, Gallery, Footer. const { useState: _u3, useEffect: _e3, useMemo: _m3 } = React; /* -------------------- Hero with next-market banner -------------------- */ function Hero() { const [nm, setNm] = _u3(() => window.getNextMarket()); _e3(() => { const id = setInterval(() => setNm(window.getNextMarket()), 60000); return () => clearInterval(id); }, []); const m = nm.market; const whenLabel = nm.when === "today" ? "Today" : nm.when === "tomorrow" ? "Tomorrow" : `${m.day}`; return (
Est. 1989 · Family-run · Four markets a week

Fresh from local farms
to Orange County families.

Four mornings a week, in four corners of Orange County, our farmers, bakers, and makers set up tents at sunrise. Come buy what was picked yesterday, and leave knowing the person who grew it.

{/* Next-market banner */}
{nm.when === "today" ? "Open right now" : nm.when === "tomorrow" ? "Up next — tomorrow" : `Up next — in ${nm.daysUntil} days`}
{whenLabel}, see you in {m.name}.
{m.address}
{m.hours} · rain or shine
→
Find a market near you Become a vendor
{/* Atmospheric photo band — aerial of a market in full swing */}
Aerial view of a busy farmers market with rows of white tents and shoppers
Saturday morning, Irvine.
); } /* -------------------- Schedule grid -------------------- */ function Schedule() { return (
The week at a glance.} lede="Each market has its own personality — its regulars, its specialty vendors, its parking situation. Here's where to be when." />
{window.MARKETS.map((m) => ( ))}

*Severe-weather closures announced on Instagram and our newsletter the morning of.

); } /* -------------------- Map section -------------------- */ function MapSection() { const [sel, setSel] = _u3(null); const m = sel ? window.MARKETS.find((x) => x.id === sel) : null; return (
One county, four pins.} lede="Click any pin to see directions. Most of our shoppers travel 10 minutes or less to reach their nearest market — there's almost certainly one near you." />
); } /* -------------------- In Season -------------------- */ function InSeason() { const months = window.MONTHS; const [mi, setMi] = _u3(() => new Date().getMonth()); _e3(() => { // Re-check every hour so the page rolls over month boundaries on its own. const id = setInterval(() => setMi(new Date().getMonth()), 3600000); return () => clearInterval(id); }, []); const month = months[mi]; const isCurrent = mi === new Date().getMonth(); return (
What's peaking {isCurrent ? "right now" : `in ${month.name}`}.} lede="Seasonality is the whole point. Each month, our growers swap their tables to whatever's at its best — here's what to expect, all year." /> {/* Month picker — calendar of months, current month highlighted */}
{months.map((m, i) => { const today = new Date().getMonth() === i; const sel = mi === i; return ( ); })}
{month.items.slice(0, 10).map((p, i) => (
{window.PRODUCE_GLYPH[p.glyph]}
{p.name}
))}
); } /* -------------------- Vendor list (placeholder) -------------------- */ function Vendors() { const [filter, setFilter] = _u3("all"); const filtered = filter === "all" ? window.VENDORS : window.VENDORS.filter((v) => v.markets.includes(filter)); return (
The folks behind the tents.} lede="Over a hundred vendors rotate through our four markets. Below is a partial list — we're working on a complete searchable directory. Coming soon." />
{window.MARKETS.map((m) => ( ))}
{filtered.map((v) => (
{v.category}

{v.name}

from {v.from}
{v.markets.map((id) => { const mk = window.MARKETS.find((x) => x.id === id); return ( {mk.day.slice(0,3)} ); })}
))}

A full searchable vendor directory is coming. Want to be on it? Apply to vend.

); } /* -------------------- Apply section wrapper -------------------- */ function Apply() { return (
Apply to vend.} lede="We accept new vendors year-round. Tell us a little about what you grow or make and which markets you'd like to join — we read every application personally." />
); } /* -------------------- About + FAQ -------------------- */ function About() { const [open, setOpen] = _u3(0); return (
Our story

A family business,
three generations in.

We started in 1989 with a single Saturday market in a church parking lot and 14 farms. Almost forty years later, four mornings a week, we still do it the same way: certified producers only, no resellers, no middlemen.

Every farmer at our markets grew or made what they're selling. Every dollar you spend stays within an hour's drive of where you live. That's the whole idea.

Common questions
{window.FAQS.map((f, i) => (
{open === i && (
{f.a}
)}
))}
); } /* -------------------- Gallery -------------------- */ function Gallery() { // Stylized image tiles using picsum + warm filter overlay + caption. const tiles = [ { src: "img/stall-radishes.png", caption: "Spring onions & radishes", market: "Tustin · May" }, { src: "img/peaches.jpg", caption: "Peach baskets", market: "Costa Mesa · Jun" }, { src: "img/berries.jpg", caption: "Berry pints, all in", market: "Irvine · Jul" }, { src: "img/stall-carrots.png", caption: "Carrots, beets, chard", market: "Tustin · Apr" }, { src: "img/plums.jpg", caption: "Divine — really, really juicy", market: "Laguna Hills · Aug" }, { src: "img/aerial-market.png", caption: "A full lot, mid-morning", market: "Irvine · Jul" }, ]; return ( ); } /* -------------------- Newsletter + Footer -------------------- */ function Footer() { const [email, setEmail] = _u3(""); const [subscribed, setSub] = _u3(false); return ( ); } Object.assign(window, { Hero, Schedule, MapSection, InSeason, Vendors, Apply, About, Gallery, Footer, });