/* @jsxRuntime classic */ /* global React */ const Hero = () => (
Layerwright — Студио портфолио Осн. 2026 · София Дизайн · Изработка · SEO · Поддръжка
●  Приемаме два проекта — лято 2026

Уебсайт, който клиентите ви наистина могат да намерят.

●  Бърз на телефон ●  Създаден за Google ●  Български или английски ●  Отговор до следващия ден
); const Stat = ({ n, l }) => (
{n}
{l}
); const ClientBand = () => { const items = ["Стратегия", "Редакторски текст", "Типография и палитра", "Адаптивни оформления", "Статични билдове", "Лек CMS", "Локално SEO", "Schema markup", "Lighthouse ≥ 95", "Анализ", "Хостинг", "Редакции в същия ден"]; const row = (
{items.map((i, idx) => ( {i} ● ))}
); return (
{row}{row}
); }; const Services = () => { const items = [ { n: "I", t: "Дизайн", b: "Внимателен, редакторски сайт, който изглежда така, както бизнесът ви заслужава. Два кръга ревизии. Без шаблони.", k: ["Уайърфрейми", "Типография и палитра", "Адаптивни оформления"] }, { n: "II", t: "Изработка", b: "Статично, където може, CMS, където трябва. Бързо на телефон, индексируемо от Google, четимо от хора.", k: ["Статичен хостинг", "Лек CMS", "Lighthouse ≥ 95"] }, { n: "III", t: "Поддръжка", b: "Месечна поддръжка: обновления, резервни копия, редакции и реален човек, който отговаря, когато нещо спре.", k: ["Резервни копия седмично", "Наблюдение на uptime", "Редакции в същия ден"] }, ]; return (
{items.map((s) => (
{s.n}.
§ 02.{s.n.length}

{s.t}

{s.b}

    {s.k.map(k => (
  • —{k}
    • ))}
))}
); }; const SEOCallout = () => (
Раздел · 03 · SEO

Търсене, направено от някой, който чете.

Първо пишем текста, после се грижим да бъде индексиран. Това означава правилни заглавия, структурирани данни, sitemap, който Google ще обходи, и заглавия на страници, които печелят своите кликове. Без плъгини, преструващи се на стратегия.

Всеки сайт включва
SEO-01.md
{[ "Title тагове, написани на ръка, за всяка страница", "Meta описания, които печелят клика", "Чиста H1 → H2 → H3 структура", "Schema за вашия тип бизнес", "Sitemap и robots направени както трябва", ].map((v, i) => (
0{i+1}
{v}
))}
); const WorkGrid = () => { const items = [ { name: "outargu.com", kind: "Дизайн · изработка · SEO", url: "https://outargu.com", img: "/assets/work-outargu.jpg", tagline: "Тих, обмислен, бърз.", year: "2026" }, { name: "builoa.com", kind: "Дизайн · изработка · SEO", url: "https://builoa.com", img: "/assets/work-builoa.jpg", tagline: "Малък сайт, голяма грижа.", year: "2026" }, ]; return (
{items.map((w, i) => (
Кейс · 0{i+1} {w.year}
{w.name}
{w.tagline}
{w.name}
{w.kind} →
0{i+1} / 0{items.length}
))}
); }; const Pricing = () => (
); const PriceBlock = ({ title, amount, wasAmount, promoLabel, cadence, bullets, accent, sub }) => { const parseEur = (v) => parseFloat(String(v).replace(/[^\d.]/g, "")) || 0; const savings = wasAmount ? parseEur(wasAmount) - parseEur(amount) : 0; const pct = wasAmount ? Math.round((savings / parseEur(wasAmount)) * 100) : 0; return (
{wasAmount && !accent && (