// Sassalbini · UI components const { useState, useEffect, useRef, useMemo } = React; const Icon = { Search: () => , Heart: ({filled}) => , Cart: () => , Close: () => , Plus: () => , Check: () => , User: () => , Arrow: () => , Phone: () => , Mail: () => , Pin: () => , Menu: () => , }; function euro(n) { return "€ " + n.toFixed(2).replace(".", ","); } function resolveAsset(path) { return (window.__ASSET_URIS && window.__ASSET_URIS[path]) || path; } window.__hooks_loaded = true; function Topbar({ cartCount, onOpenCart, onHero }) { const [menuOpen, setMenuOpen] = useState(false); const close = () => setMenuOpen(false); return (
Dai Sassalbini · Formaggi e Salumi · da tre generazioni
); } function Hero({ cartCount, onOpenCart }) { const [scene, setScene] = useState(0); const scenes = [ { img: resolveAsset("assets/hero1.jpg"), label: "Formaggi e salumi al banco", meta: "Dai Sassalbini · da tre generazioni" }, { img: resolveAsset("assets/hero2.jpg"), label: "La squadra al banco", meta: "Lunigiana · ogni giorno un mercato" }, ]; useEffect(() => { const t = setInterval(() => setScene(s => (s + 1) % scenes.length), 5200); return () => clearInterval(t); }, []); return (
{scenes.map((s, i) => (
))}
); } function Storia() { const wrapRef = useRef(null); const [progress, setProgress] = useState(0); const [visible, setVisible] = useState({}); const [activeYear, setActiveYear] = useState(STORY[0].year); const itemRefs = useRef([]); useEffect(() => { function onScroll() { const el = wrapRef.current; if (!el) return; const rect = el.getBoundingClientRect(); const vh = window.innerHeight; // progress = 0 when top hits mid-viewport, 1 when bottom leaves mid const start = rect.top - vh * 0.5; const dist = rect.height; const p = Math.max(0, Math.min(1, -start / dist)); setProgress(p); } window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); useEffect(() => { const io = new IntersectionObserver((entries) => { entries.forEach(e => { const idx = Number(e.target.dataset.idx); if (e.isIntersecting) { setVisible(v => ({ ...v, [idx]: true })); if (e.intersectionRatio > 0.5) setActiveYear(STORY[idx].year); } }); }, { threshold: [0, 0.3, 0.5, 0.8], rootMargin: "-20% 0px -30% 0px" }); itemRefs.current.forEach(r => { if (r) io.observe(r); }); return () => io.disconnect(); }, []); return (
Storia della famiglia · di generazione in generazione

Tre generazioni
al banco.

Dalla transumanza di Remo, tra Rosignano Marittimo e Sassalbo, ai furgoni che oggi attraversano i mercati toscani e liguri: una famiglia in cammino, che ha trasformato la fatica in valore e la tradizione in un'eredità viva. Scorri la timeline.

{activeYear} capitolo in evidenza
{STORY.map((s, i) => (
{s.year}
))}
    {STORY.map((s, i) => (
  1. (itemRefs.current[i] = el)} data-idx={i} className={"storyline-item " + (i % 2 === 0 ? "left" : "right") + (visible[i] ? " in" : "") + (i === STORY.length - 1 ? " is-last" : "") + ((s.video || s.photo) ? " has-aside" : "") + (s.photo ? " has-photo" : "")} >
    {s.year}
    {s.gen &&
    {s.gen}
    }

    {s.title}

    {s.body}

    {s.video && (
    )} {s.photo && (
    {s.title}
    )}
    2. ))}
); } function Filterbar({ cat, setCat, q, setQ, sort, setSort }) { return (
Latte {CATEGORIES.map(c => ( ))}
setQ(e.target.value)} />
); } function ProductCard({ p, onOpen, wished, toggleWish, inCart, onAdd }) { return (
onOpen(p)}>
{p.badges.slice(0, 2).map((b, i) => {b})}
{p.name}
{p.origin}
{p.name}
{p.meta}
{p.salePrice ? (<>{euro(p.salePrice)}{euro(p.price)}) : {euro(p.price)}} / {p.unit}
); } function ProductModal({ p, onClose, onAdd }) { const [qty, setQty] = useState(1); useEffect(() => { const onKey = e => { if (e.key === "Escape") onClose(); }; document.addEventListener("keydown", onKey); document.body.style.overflow = "hidden"; return () => { document.removeEventListener("keydown", onKey); document.body.style.overflow = ""; }; }, []); if (!p) return null; return (
e.stopPropagation()}>
{p.name}
{p.origin}

{p.name}

{p.badges.map((b, i) => {b})}

{p.meta}

Stagionatura
{p.aging}
Latte
{p.milk}
Formato
{p.format}
Consegna
Refrigerata · 24-48h
{p.salePrice ? (<>{euro(p.salePrice)}{euro(p.price)}) : {euro(p.price)}} / {p.unit}
{qty}
); } function CartPanel({ items, onClose, onQty, onRemove }) { useEffect(() => { document.body.style.overflow = "hidden"; return () => { document.body.style.overflow = ""; }; }, []); const rows = items.map(it => ({ ...it, product: PRODUCTS.find(p => p.id === it.id) })).filter(r => r.product); const subtotal = rows.reduce((s, r) => s + (r.product.salePrice ?? r.product.price) * r.qty, 0); const shipping = subtotal > 80 ? 0 : (rows.length ? 9.90 : 0); const total = subtotal + shipping; return ( <>
); } function Mercati() { const today = new Date().getDay(); // 0=Dom, 1=Lun ... const todayIdx = today === 0 ? 6 : today - 1; const todayMarket = MARKETS[todayIdx]; const todayCities = todayMarket.stops.map(s => s.city); return (
Mercati · da lunedì a sabato

Dove trovarci
questa settimana.

Il banco è itinerante: ogni settimana i furgoni attraversano la Toscana e la Liguria, dalla Versilia alle Cinque Terre. Arriviamo la mattina presto, chiudiamo quando finisce la forma.

{todayMarket.closed ? "Oggi chiuso" : "In piazza oggi"} {new Date().toLocaleDateString("it-IT", { weekday: "long", day: "numeric", month: "long" })}

{todayMarket.closed ? (<>Il banco riposa.
Ci vediamo domani.) : (<>Oggi siamo a
{todayCities.join(" · ")})}

{!todayMarket.closed && (
{todayCities.length} {todayCities.length === 1 ? "mercato" : "mercati"} oggi
Solo contanti, POS contactless e bancomat.
)}
{MARKETS.map((m, i) => (
{m.dayShort}
{m.closed ? "Riposo" : m.stops.map(s => s.city).join(" · ")}
{m.closed ? "A presto" : m.stops.length + (m.stops.length === 1 ? " mercato" : " mercati")}
))}
); } const TRUCK_SVG = ``; function makePinIcon(gold) { return window.L.divIcon({ className: "", html: `
${TRUCK_SVG}
`, iconSize: [gold ? 40 : 34, gold ? 40 : 34], iconAnchor: [gold ? 20 : 17, gold ? 46 : 40], }); } function Mappa() { const today = new Date().getDay(); const todayIdx = today === 0 ? 6 : today - 1; const [selected, setSelected] = useState(MARKETS[todayIdx].closed ? 0 : todayIdx); const mapRef = useRef(null); const leafletMap = useRef(null); const markersRef = useRef([]); useEffect(() => { if (!window.L || leafletMap.current) return; const map = window.L.map(mapRef.current, { zoomControl: false, scrollWheelZoom: false, fadeAnimation: false }); window.L.control.zoom({ position: "topright" }).addTo(map); window.L.tileLayer("https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png", { attribution: '© OpenStreetMap contributors © CARTO', subdomains: "abcd", maxZoom: 19, }).addTo(map); const allCoords = []; MARKETS.forEach((m, i) => { if (m.closed) return; markersRef.current[i] = []; m.stops.forEach(s => { allCoords.push(s.coords); const marker = window.L.marker(s.coords, { icon: makePinIcon(false) }).addTo(map); marker.bindPopup(`${s.city}
${m.day}`); marker.on("click", () => setSelected(i)); markersRef.current[i].push(marker); }); }); map.fitBounds(allCoords, { padding: [40, 40] }); leafletMap.current = map; // Ensure tiles render when section scrolls into view (offscreen init → size=0 bug) const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { map.invalidateSize(); } }); }, { threshold: 0.1 }); io.observe(mapRef.current); // And force a resize once fonts/layout settle setTimeout(() => map.invalidateSize(), 300); return () => io.disconnect(); }, []); useEffect(() => { if (!leafletMap.current) return; // Tutti i pin del giorno selezionato diventano oro, gli altri tornano normali MARKETS.forEach((m, i) => { (markersRef.current[i] || []).forEach(marker => marker.setIcon(makePinIcon(i === selected))); }); const m = MARKETS[selected]; if (m.closed || !m.stops.length) return; leafletMap.current.flyToBounds(m.stops.map(s => s.coords), { padding: [60, 60], maxZoom: 12, duration: 0.8 }); }, [selected]); return (
Mappa interattiva

Dalla Versilia
alle Cinque Terre.

Clicca su un giorno: la mappa inquadra le sue piazze e i camioncini diventano oro.

Toscana & Liguria · piazza per piazza

Il giro settimanale

{MARKETS.map((m, i) => ( ))}
); } function Testimonianze() { return (
Recensioni · la voce dei clienti

Quattro generazioni
al nostro banco.

Non solo cheese tasting. Famiglie, chef, enotecari, ragazzi che venivano con i nonni e ora portano i figli.

{TESTIMONIALS.map((t, i) => (

{t.content}

{t.avatar ? {t.name} : t.name.charAt(0)}
{t.name}
{t.role} {t.city}
★★★★★
))}
); } function Contatti() { return (
Contatti · scrivi a Marco

Ordina al telefono,
come al banco.

Chiama o scrivi: Marco ti consiglia le stagionature, organizza consegne nella zona, prepara taglieri su misura per eventi e ristoranti.

Telefono · WhatsApp +39 0187 000 000 Email info@sassalbini.it
Lun–Sab · 14:00–19:00
); } function Footer() { return ( ); } function Tweaks({ theme, setTheme }) { return (

Tweaks

Direzione visiva
Editoriale — crema & bordeaux, rivista.
Chiaro — bianco puro, minimale.
); } function Toast({ msg }) { if (!msg) return null; return
{msg.text}
; } function FloatingCart({ count, onOpen }) { return ( ); } Object.assign(window, { Topbar, Hero, Storia, Filterbar, ProductCard, ProductModal, CartPanel, Mercati, Mappa, Testimonianze, Contatti, Footer, Tweaks, Toast, FloatingCart, euro });