// Home page — the main landing. // Sections: Hero (variant-switchable), brand marquee, RAL palette OS, // categories, popular products, services, branches, testimonials, CTA. function PageHome() { return ( <> ); } // ============= HERO ============= function Hero() { // Read hero variant from the nearest scoped element's data attribute // (set by applyThemeToScope). Falls back to palette-strip. const [variant, setVariant] = useState('palette-strip'); useEffect(() => { const findScope = () => { let el = document.querySelector('.fl-app-scroll[data-hero-variant]'); if (el) return el.getAttribute('data-hero-variant'); return 'palette-strip'; }; setVariant(findScope()); // Re-check whenever a tweak might have updated it const obs = new MutationObserver(() => setVariant(findScope())); document.querySelectorAll('.fl-app-scroll').forEach(el => { obs.observe(el, { attributes: true, attributeFilter: ['data-hero-variant'] }); }); return () => obs.disconnect(); }, []); if (variant === 'split-image') return ; if (variant === 'manifesto') return ; if (variant === 'product-led') return ; return ; } function HeroPalette() { // Editorial hero: oversized headline, RAL strip below, side info. // Strip wraps onto two rows on tablet, single tall column on mobile. const swatches = RAL_COLORS.slice(0, 36); return (
Bełchatów · Radomsko · od 1990 Salony otwarte do 17:00

Każdy odcień, jaki
potrafisz nazwać —
i dwadzieścia tysięcy
tych, które znajdziemy
dla Ciebie.

Otwórz katalog kolorów Policz, ile farby kupić  Doradca odbiera w 30 sek.
); } function Metric({ value, suffix, label }) { return (
{value} {suffix}
); } function HeroSplit() { return (
Salon & hurtownia · od 1990

Sklep, w którym kolor
ma swoje zdanie.

Nie sprzedajemy wiader z farbą — pomagamy dobrać matową bazę pod światło z północy, właściwą emalię na bramę garażową i tynk wenecki, który nie odpadnie po pierwszej zimie. Trzy oddziały, jeden mieszalnik na wszystko.

Przejdź do katalogu Poznaj historię firmy
Autoryzowany Tikkurila Dostawa 48h Doradca B2B
); } function PhotoMosaic() { // Stylized photo placeholder with paint stripe overlay using the brand swatches return (
{[ { c: '#8D1D2C', l: 'RAL 3003' }, { c: '#FDF4E3', l: 'RAL 9001' }, { c: '#293133', l: 'RAL 7016' }, { c: '#E5BE01', l: 'RAL 1003' }, ].map((s, i) => (
{s.l}
))}
Mieszalnik · 09:23 · Bełchatów Os. Słoneczne
); } function HeroManifesto() { // Big text block, no images. Editorial declaration. return (
Manifest · 1990 → dziś

Trzydzieści pięć lat wybierania farby za kogoś, kto nie ma na to czasu, oczu, ani cierpliwości. I jeszcze nigdy nie pomylili­śmy się dwa razy w tej samej sprawie.

{[ { n: '01', t: 'Bez pośpiechu', d: 'Spotkanie z doradcą trwa tyle, ile potrzeba — nie tyle, ile starczy w grafiku.' }, { n: '02', t: 'Bez kompromisów', d: 'Polecamy tylko to, co sami przemalowaliśmy. Tikkurila, Beckers, Teknos — sprawdzone.' }, { n: '03', t: 'Bez bajek', d: 'Jeśli farba nie nadaje się do Twojej łazienki, mówimy to wprost. Także o cenie.' }, ].map(c => (
{c.n}

{c.t}

{c.d}

))}
Otwórz katalog Czytaj dalej
); } function HeroProductLed() { // Picks 3 popular products and shows them as the hero const featured = PRODUCTS.filter(p => p.popular).slice(0, 3); return (
Polecane w tym tygodniu

Co malują profesjonaliści tego miesiąca?

Nie reklamy, nie afilianty — realny ranking sprzedaży z trzech naszych oddziałów. Aktualizowany co poniedziałek. Cena netto, bez kosmicznych marż.

{featured.map((p, i) => )}
Cały katalog
); } function FeaturedProduct({ p, rank }) { const swatch = RAL_COLORS.find(c => c.ral === p.ral) || RAL_COLORS[0]; return (
{p.brand} RAL {p.ral}
#{String(rank).padStart(2, '0')} TOP
{p.brand.toUpperCase()} · {p.subcat.toUpperCase()}

{p.name}

{p.subtitle}

od {p.price} zł {p.coverage}
); } // ============= BRAND MARQUEE ============= function BrandMarquee() { const items = [...PARTNERS, ...PARTNERS]; // duplicate for seamless loop return (
{items.map((p, i) => ( {p.name} ))}
); } // ============= PALETTE OS ============= // A novel "color OS" pane that lets the user pick an RAL family, // browse sub-swatches, and see suggested products. function SectionPalette() { const [family, setFamily] = useState('blue'); const colors = useMemo(() => RAL_COLORS.filter(c => c.family === family), [family]); const featured = colors[0] || RAL_COLORS[0]; const matchingProducts = useMemo( () => PRODUCTS.filter(p => p.ral === featured.ral).concat(PRODUCTS.slice(0, 2)).slice(0, 3), [featured.ral] ); return (
Wzornik RAL

Otwórz paletę,
znajdź swój ton.

Kliknij rodzinę kolorów — wzornik rozsunie się i pokaże dostępne odcienie wraz z gotowymi produktami z magazynu. Każdy z 1850 standardów RAL zmieszamy na poczekaniu.

RAL {featured.ral}

{featured.name}

{featured.hex.toUpperCase()}
{colors.map(c => (
{c.ral}
))}
); } // ============= CATEGORIES ============= function SectionCategories() { return (
Cztery filary asortymentu

Sklep w czterech aktach.

Zobacz pełny katalog
{CATEGORIES.map((c, i) => )}
); } function CategoryCard({ c, idx }) { const numbers = ['I', 'II', 'III', 'IV']; return (
{numbers[idx]} {c.count} pozycji

{c.title}

{c.subtitle}

OTWÓRZ ); } // ============= POPULAR PRODUCTS ============= function SectionPopular() { const [tab, setTab] = useState('all'); const tabs = [ { id: 'all', label: 'Wszystkie' }, { id: 'dekoracyjne', label: 'Dekoracyjne' }, { id: 'przemyslowe', label: 'Przemysłowe' }, { id: 'tynki', label: 'Tynki' }, ]; const items = useMemo(() => { let list = PRODUCTS; if (tab !== 'all') list = list.filter(p => p.category === tab); return list.slice(0, 6); }, [tab]); return (
Bestsellery · 2025/Q4

Co się najczęściej sprzedaje.

{tabs.map(t => ( ))}
{items.map(p => )}
); } function ProductCard({ p }) { const swatch = RAL_COLORS.find(c => c.ral === p.ral) || RAL_COLORS[0]; return (
{p.brand}
{p.popular && BESTSELLER}
{p.brand.toUpperCase()} · {p.subcat.toUpperCase()}

{p.name}

{p.subtitle}

{p.finish} {p.coverage} {p.sizes.join(' / ')}
od {p.price} zł
); } // ============= SERVICES ============= function SectionServices() { const services = [ { icon: 'palette', title: 'Mieszalnik na poczekaniu', desc: 'Każdy odcień RAL, NCS, Tikkurila Symphony lub własna próbka — ważymy w 8 minut.', stat: '8 min', statLabel: 'średni czas' }, { icon: 'truck', title: 'Dostawa pod budowę', desc: 'Trzy busy w trasie, dowóz tego samego dnia w obrębie 30 km — bez minimum.', stat: '48h', statLabel: 'maks. termin' }, { icon: 'users', title: 'Doradca dedykowany B2B', desc: 'Stała osoba do kontaktu, indywidualny cennik, fakturowanie z odroczeniem 14 dni.', stat: '14 dni', statLabel: 'termin płatności' }, { icon: 'shield-check', title: 'Gwarancja zwrotu', desc: 'Nie pasuje kolor? Wymieniamy lub zwracamy w ciągu 30 dni — bez paragonów.', stat: '30 dni', statLabel: 'pełen zwrot' }, ]; return (
Co dostajesz oprócz wiadra

Sprzedajemy farbę.
Dostarczamy spokój.

{services.map((s, i) => (

{s.title}

{s.desc}

{s.stat}
{s.statLabel}
))}
); } // ============= BRANCHES ============= function SectionBranches() { return (
Trzy oddziały · jedno mieszanie

Gdzie nas znaleźć?

{BRANCHES.map(b => )}
); } function BranchCard({ b }) { return (
{b.role} OTWARTE

{b.name}

{b.note}

  • {b.address}
  • {b.phone}
  • {b.weekdays}
    {b.saturday}
); } // ============= TESTIMONIALS ============= function SectionTestimonials() { const [idx, setIdx] = useState(0); const t = TESTIMONIALS[idx]; return (
Opinie · 4.9 / 5

Wspierają nas od lat.

“ {t.text} ”
{Array.from({ length: 5 }).map((_, i) => ( ))}
{t.name}
{t.role}
Projekt: {t.project}
{TESTIMONIALS.map((_, i) => (
); } // ============= CTA ============= function SectionCTA() { return (
Następny krok

Wpadnij na kawę
i próbnik koloru.

Salon przy Os. Słonecznym 11 w Bełchatowie ma sześć foteli, tablicę z 1850 odcieniami RAL, i ekspres ciśnieniowy. Doradca odpowie na pytania, których nie wiesz, że masz.

Umów wizytę 502 263 652
); } window.PageHome = PageHome;