// Direction 1 — DÍLNA // Editorial / craft. Paper-cream background, deep walnut accents, // big Fraunces display, generous white space. References: deVOL, // Plain English, a more confident reading of Czech artisan. // Hex helper — mix two hex colors for derived shades. const _mix = (hex, target, amount) => { const h = hex.replace('#', ''); const t = target.replace('#', ''); const r = Math.round(parseInt(h.slice(0, 2), 16) * (1 - amount) + parseInt(t.slice(0, 2), 16) * amount); const g = Math.round(parseInt(h.slice(2, 4), 16) * (1 - amount) + parseInt(t.slice(2, 4), 16) * amount); const b = Math.round(parseInt(h.slice(4, 6), 16) * (1 - amount) + parseInt(t.slice(4, 6), 16) * amount); return '#' + [r, g, b].map(x => x.toString(16).padStart(2, '0')).join(''); }; // Hardcoded — Dílna je classic artisan cream + deep walnut. NE pull z BRAND.palette // (Vacek scrape ukázal: light-cyan paper z JPG loga + green primary → kompletní vizuální chaos) const dilnaTokens = { paper: '#F2EBDC', // cream paper (deVOL-style) paperDeep: _mix('#F2EBDC', '#000000', 0.06), ink: '#1F1810', ink2: '#3D2F22', walnut: '#5C3A1F', // deep walnut walnutLight: _mix('#5C3A1F', '#FFFFFF', 0.25), brand: '#A02122', // deep terracotta-red brandDeep: _mix('#A02122', '#000000', 0.2), rule: '#1F18101A', tagline: BRAND.tagline || (BRAND.since ? `Rodinné truhlářství od roku ${BRAND.since}${BRAND.location ? ' · ' + BRAND.location : ''}` : (BRAND.location ? `Rodinné truhlářství · ${BRAND.location}` : 'Rodinné truhlářství')), }; // ============================================================================ // DESKTOP — 1440 wide // ============================================================================ const DilnaDesktop = ({ tweaks }) => { const t = dilnaTokens; const heroLayout = tweaks?.heroLayout || 'full-photo'; const portfolioStyle = tweaks?.portfolioStyle || 'editorial'; const [filter, setFilter] = React.useState('all'); const filtered = filter === 'all' ? PROJECTS : PROJECTS.filter(p => p.cat === filter); return (
{/* NAV */} {/* HERO */} {heroLayout === 'full-photo' && } {heroLayout === 'split' && } {heroLayout === 'typographic' && } {/* CO DĚLÁME */}
I · Co děláme

Nábytek na míru, který přečká generace.

Pracujeme s opravdovým dřevem. Od první návštěvy až po montáž je u Vás vždy jeden řemeslník.
{/* REALIZACE */}
II · Realizace

Vybráno z dílny.

{FILTERS.map(f => ( ))}
{/* O NÁS */}
{BRAND.owner}
„{BRAND.owner}, truhlář"
III · O nás

Menší rodinná firma.
Skuteční výrobci.

Působíme na trhu už několik let. Vážíme si každého zákazníka, ale především jsme skuteční výrobci s vlastní dílnou{BRAND.location ? ` v ${BRAND.location}` : ''}.

Vyrábíme kuchyňské linky a kompletní vybavení interiérů. Dále pak pergoly, přístřešky a zahradní domky. Veškeré fotografie na našem webu dokumentují výhradně naši práci.

{(BRAND.stats.length ? BRAND.stats : [ ['vlastní', 'dílna a sklad'], ['5 let', 'záruka'], ]).map(([big, small]) => (
{big}
{small}
))}
{/* KONTAKT */}
IV · Kontakt

Pojďte
s námi navrhnout.

Zavolejte, napište nebo přijeďte do dílny. První konzultace a cenová nabídka jsou zdarma.

E-mail
{BRAND.email}
Dílna
{BRAND.address}
© {BRAND.name}, {BRAND.location} · 2026
Návrh & realizace dílny
); }; // ── Hero variants ────────────────────────────────────────────────────────── const DilnaHeroFull = ({ t }) => (
{`Hero
{dilnaTokens.tagline}

Kuchyně, interiéry
a nábytek na míru.

Rodinná dílna{BRAND.location ? ` v ${BRAND.location}` : ''}. Navrhujeme s Vámi, vyrábíme od základu, montujeme sami.
); const DilnaHeroSplit = ({ t }) => (
{dilnaTokens.tagline}

Kuchyně,
interiéry,
nábytek
na míru.

Rodinná dílna{BRAND.location ? ` v ${BRAND.location}` : ''}. Pracujeme s opravdovým dřevem, navrhujeme s Vámi, vyrábíme od základu.

); const DilnaHeroType = ({ t }) => (
{dilnaTokens.tagline}

Dřevo
na míru,
pro generace.

Rodinná dílna{BRAND.location ? ` v ${BRAND.location}` : ''}. Navrhujeme s Vámi, vyrábíme od základu, montujeme sami. Žádné subdodávky.

); // ── Nav ──────────────────────────────────────────────────────────────────── const DilnaNav = ({ t }) => ( ); // ── Portfolio variants ───────────────────────────────────────────────────── const DilnaPortfolio = ({ items, style, t }) => { if (style === 'masonry') { // Two columns, alternating heights const cols = [[], []]; items.forEach((it, i) => cols[i % 2].push(it)); return (
{cols.map((col, ci) => (
{col.map(p => )}
))}
); } if (style === 'carousel') { return (
{items.slice(0, 5).map((p, i) => (
))}
); } // editorial — asymmetric grid return (
{items.map((p, i) => { // pattern: large, small, small, small, large, small, small, small const isLarge = i % 4 === 0; return (
); })}
); }; const PortfolioCard = ({ p, t, large }) => ( {p.title}
{p.title}
{p.material}
{p.year}
 ); // ── Form ─────────────────────────────────────────────────────────────────── const DilnaForm = ({ t }) => (
e.preventDefault()}>
); const Field = ({ label, placeholder, t, dark, multi }) => (