/* global React, ReactDOM */ const { useState, useEffect, useRef, useMemo } = React; // =============== Promo Bar =============== function PromoBar() { const [t, setT] = useState({ d: 27, h: 22, m: 51, s: 36 }); useEffect(() => { const id = setInterval(() => { setT((prev) => { let { d, h, m, s } = prev; s -= 1; if (s < 0) {s = 59;m -= 1;} if (m < 0) {m = 59;h -= 1;} if (h < 0) {h = 23;d -= 1;} if (d < 0) {d = 0;h = 0;m = 0;s = 0;} return { d, h, m, s }; }); }, 1000); return () => clearInterval(id); }, []); const pad = (n) => String(n).padStart(2, "0"); return (
Промо: -10% за поръчки в следващите
{pad(t.d)}дни : {pad(t.h)}ч : {pad(t.m)}м : {pad(t.s)}с
); } // =============== Nav =============== function Nav({ onOpenOrder }) { const [open, setOpen] = React.useState(false); const close = () => setOpen(false); return ( ); } // =============== Hero =============== function Hero({ onOpenOrder }) { const [pos, setPos] = React.useState(50); const [drag, setDrag] = React.useState(false); const wrapRef = React.useRef(null); const updateFromX = (clientX) => { const r = wrapRef.current.getBoundingClientRect(); const p = ((clientX - r.left) / r.width) * 100; setPos(Math.max(2, Math.min(98, p))); }; React.useEffect(() => { if (!drag) return; const move = (e) => updateFromX(e.touches ? e.touches[0].clientX : e.clientX); const up = () => setDrag(false); window.addEventListener("mousemove", move); window.addEventListener("mouseup", up); window.addEventListener("touchmove", move); window.addEventListener("touchend", up); return () => { window.removeEventListener("mousemove", move); window.removeEventListener("mouseup", up); window.removeEventListener("touchmove", move); window.removeEventListener("touchend", up); }; }, [drag]); return (
От снимка до арт за 5 дни
★★★★★ 5.0 · 500+ ревюта

ОТ СНИМКА. ДО ЕМОЦИЯ.

Изпрати ни снимка - връщаме ти ръчно изработена дигитална карикатура за подарък, който никой няма да забрави.

Виж примери
500+Доволни клиенти
5 дниСрок
20 €Започва от
{ setDrag(true); updateFromX(e.clientX); }} onTouchStart={(e) => { setDrag(true); updateFromX(e.touches[0].clientX); }} > След
Преди
‹›
ПРЕДИ
СЛЕД
Плъзни →
{Array.from({length:3}).map((_,i)=>( Над 500 доволни клиенти 100% персонализирано Защитено плащане Доставка до офис 1 безплатна корекция 5 дни срок на изработка ))}
); } // =============== Marquee =============== function Marquee({ items, yellow }) { const doubled = [...items, ...items]; return (
{doubled.map((it, i) => {it})}
); } // =============== Steps =============== function Steps() { const { STEPS } = window.SITE_DATA; return (
Процесът

Три стъпки
до подаръка.

От идея до незабравима емоция - без технически детайли, без излишно чакане. Просто разкажи за твоят "герой".

{STEPS.map((s) =>
{s.num}

{s.title}

{s.body}

{s.cta}
)}
); } // =============== Packages =============== function Packages({ onOrder }) { const { PACKAGES, CATEGORIES } = window.SITE_DATA; const [cat, setCat] = useState("all"); const filtered = cat === "all" ? PACKAGES : PACKAGES.filter((p) => p.category === cat); return (
Избери

Избери
подаръка.

Пет персонализирани пакета - от дигитална карикатура за 20 € до пълно комбо за 70 €. Всеки е изработен специално за твоя човек.

{CATEGORIES.map((c) => )}
{filtered.map((p) =>
{p.badge && {p.badge}}
{p.tag} {p.category}

{p.title}

{p.sub}

{p.price}€
    {p.features.map((f, i) =>
  • {f}
    • )}
)}
); } // =============== Examples =============== const EXAMPLES = [ { src: "assets/godishnina.png", title: "50 години заедно", tag: "Юбилей · Карикатура" }, { src: "assets/kuche.png", title: "Домашен любимец", tag: "Илюстрация · Дигитална" }, { src: "assets/pevica.png", title: "Born to Sing", tag: "Подарък · Дама" }, { src: "assets/rejisior.png", title: "Истории, които остават", tag: "Професионалист · Постер" }]; function Examples() { const { SONGS } = window.SITE_DATA; const [playing, setPlaying] = useState(null); const [lightbox, setLightbox] = useState(null); useEffect(() => { const onKey = (e) => {if (e.key === "Escape") setLightbox(null);}; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, []); return (
Вашата работа

Реални
примери.

Преди и след - карикатура отгоре, оригинална снимка отдолу. Кликни на пример за пълен размер.

{EXAMPLES.map((ex, i) =>
setLightbox(ex)}>
{ex.title} After Before
{ex.title} №0{i + 1}
)}
Примерни песни
{SONGS.map((s, i) =>
{s.title} {s.sub}
{Array.from({ length: 60 }).map((_, j) => )}
{s.duration}
)}
{lightbox &&
setLightbox(null)}>
e.stopPropagation()}> {lightbox.title}
{lightbox.title} {lightbox.tag}
}
); } // =============== Testimonials =============== function Testimonials() { const { TESTIMONIALS } = window.SITE_DATA; return (
Отзиви

Какво казват
клиентите.

★ 5.0 средна оценка

Над 500 поръчки. Над 500 разплакани (от смях или щастие) клиенти.

{TESTIMONIALS.map((t) =>
№{t.num}

{t.quote}

★★★★★ {t.name} {t.service}
)}
); } // =============== Terms =============== function Terms() { const { TERMS } = window.SITE_DATA; const [open, setOpen] = useState(null); return (
Правна информация

Общи
условия.

Кратко и ясно - какво да очакваш, какви са твоите права и как защитаваме твоите данни.

{TERMS.map((t, i) =>
{if (e.target.open) setOpen(i);else if (open === i) setOpen(null);}}> {t.n} {t.title}
{t.body}
)}
); } // =============== Footer =============== function Footer() { return ( ); } Object.assign(window, { PromoBar, Nav, Hero, Marquee, Steps, Packages, Examples, Testimonials, Terms, Footer });