/* @jsxRuntime classic */ /* global React */ // Helpers expected on window: Icon, Button, SectionHeader // ——— Hero ——— const Hero = () => (
{/* Top meta bar */}
Layerwright — Studio folio Est. 2026 · Sofia Web design · Build · SEO · Care
●  Taking on two projects — Summer 2026

A website your customers can actually find.

●  Fast on a phone ●  Built for Google ●  Bulgarian or English ●  Reply by the next day
); const Stat = ({ n, l }) => (
{n}
{l}
); // ——— Marquee of client types ——— const ClientBand = () => { const items = ["Strategy", "Editorial copy", "Type & palette", "Responsive layouts", "Static builds", "Lightweight CMS", "Local SEO", "Schema markup", "Lighthouse ≥ 95", "Analytics", "Hosting", "Same-day edits"]; const row = (
{items.map((i, idx) => ( {i} ● ))}
); return (
{row}{row}
); }; // ——— Services ——— const Services = () => { const items = [ { n: "I", t: "Design", b: "A careful, editorial site that looks like your business deserves it. Two rounds of revisions. No templates.", k: ["Wireframes", "Type & palette", "Responsive layouts"] }, { n: "II", t: "Build", b: "Static where it can be, a CMS where it must. Fast on a phone, indexable by Google, readable by humans.", k: ["Static hosting", "Lightweight CMS", "Lighthouse ≥ 95"] }, { n: "III", t: "Keep", b: "Monthly maintenance: updates, backups, content edits, and a real person who answers when something breaks.", k: ["Backups weekly", "Uptime watch", "Same-day edits"] }, ]; return (
{items.map((s) => (
{s.n}.
§ 02.{s.n.length}

{s.t}

{s.b}

    {s.k.map(k => (
  • —{k}
    • ))}
))}
); }; // ——— SEO callout ——— const SEOCallout = () => (
Section · 03 · SEO

Search, done by someone who reads.

We write the copy, then we make sure it gets indexed. That means proper headings, structured data, a sitemap Google will actually crawl, and page titles that earn their clicks. No plugins pretending to be a strategy.

Every site ships with
SEO-01.md
{[ "Title tags written by hand, per page", "Meta descriptions that earn the click", "Clean H1 → H2 → H3 heading structure", "Schema for your business type", "Sitemap + robots the right way round", ].map((v, i) => (
0{i+1}
{v}
))}
); // ——— Work grid ——— const WorkGrid = () => { const items = [ { name: "outargu.com", kind: "Web design · build · SEO", url: "https://outargu.com", img: "/assets/work-outargu.jpg", tagline: "Quiet, considered, fast.", year: "2026" }, { name: "builoa.com", kind: "Web design · build · SEO", url: "https://builoa.com", img: "/assets/work-builoa.jpg", tagline: "Small site, big care.", year: "2026" }, ]; return (
{items.map((w, i) => (
Case · 0{i+1} {w.year}
{w.name}
{w.tagline}
{w.name}
{w.kind} →
0{i+1} / 0{items.length}
))}
); }; // ——— Testimonial ——— const Testimonial = () => (
“
Figure 04 — A note from a client
The site looks like our shopfront — calm, careful, the sort of thing a person wants to walk into. And the phone has actually rung since.
A client · Independent practice · Sofia ★ ★ ★ ★ ★
); // ——— Pricing ——— 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 && (