);
}
// ────────── HEADER ──────────
function Header({ route, onNavigate, cartCount, cartFlash }) {
const items = [
['home', 'Home'],
['galleria', 'Galleria'],
['processo', 'Come funziona'],
['configura', 'Crea la tua']];
const inkPrimary = 'var(--sd-paper)';
const inkSecondary = 'rgba(245, 237, 224, 0.72)';
const [drawerOpen, setDrawerOpen] = React.useState(false);
React.useEffect(() => {
document.body.style.overflow = drawerOpen ? 'hidden' : '';
return () => { document.body.style.overflow = ''; };
}, [drawerOpen]);
const go = (k) => { setDrawerOpen(false); onNavigate(k); };
return (
<>
{if (onClick) {e.currentTarget.style.transform = 'translateY(-4px)';}}}
onMouseLeave={(e) => {if (onClick) {e.currentTarget.style.transform = 'translateY(0)';}}}>
);
}
function bowlColor(key) {
return {
blue: 'var(--sd-blue)',
pink: 'var(--sd-pink)',
red: 'var(--sd-red)',
cream: 'var(--sd-cream)'
}[key] || 'var(--sd-cream)';
}
// ────────── BUTTONS ──────────
const primaryBtn = {
background: 'var(--sd-ink)', color: 'var(--sd-paper)',
border: 'none', padding: '16px 28px', fontSize: 14, fontWeight: 600,
borderRadius: 999, cursor: 'pointer', letterSpacing: '0.02em',
transition: 'transform 0.15s, box-shadow 0.15s',
boxShadow: '0 6px 20px -8px rgba(26,23,21,0.4)'
};
const secondaryBtn = {
background: 'var(--sd-paper)', color: 'var(--sd-ink)',
border: '1px solid rgba(26,23,21,0.12)', padding: '16px 28px',
fontSize: 14, fontWeight: 600, borderRadius: 999, cursor: 'pointer'
};
const ghostBtn = {
background: 'none', border: 'none', padding: '8px 0',
fontSize: 14, color: 'var(--sd-ink-2)', cursor: 'pointer'
};
const footLink = { color: 'var(--sd-paper-on-dark)', cursor: 'pointer', textDecoration: 'none', opacity: 0.85 };
// ────────── BOWL SVG (per hero e sezioni) ──────────
function BowlSVG({ name, color = 'blue', size = 80 }) {
const c = bowlColor(color);
return (
);
}
Object.assign(window, {
SDLogo, Header, Footer, DogCard, BowlSVG, DOGS, DOG_HERO, bowlColor,
sdPrimaryBtn: primaryBtn, sdSecondaryBtn: secondaryBtn, sdGhostBtn: ghostBtn, sdFootLink: footLink
});{dog.name}
{dog.breed}