// Services + Work + Process sections function Services() { const list = window.SABRANA.services; return (
Services

Four disciplines, treated as one spine.

A brand sounds like a brand when press, social, partners, and events all answer to the same brief. Sabrana writes that brief and runs every line of it.

    {list.map((s) => (
  1. {s.num}

    {s.title}

    {s.body}

      {s.deliverables.map((d) => (
    • {d}
      • ))}
    2. ))}
); } function Work() { const cases = window.SABRANA.cases; return (
Selected work

Direct engagements, and the agency years behind them.

The first two cases are current Sabrana clients. The rest are pieces of work delivered as an account executive inside Represent Communications and Smart Vision — included so you can read the full arc of the practice.

{cases.map((c, i) => { const isDirect = c.engagement && c.engagement.startsWith("Direct"); return (
{c.tag}
{c.engagement}
{c.client}

{c.title}

{c.copy}

{c.kpis.map((k) => (
{k.k}
{k.v}
))}
); })}

A fuller case-by-case portfolio — including agency-era work for Philips, Philip Morris, Miele, Velux, Geberit and the Turkish Tourism Office — is available on request.

Request a portfolio deck
); } // Abstract, tasteful SVG placeholders instead of hand-drawn illustrations. function CaseArtwork({ index }) { const common = { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid slice" }; // 0 — Vilotijević Wine: bottle silhouette + vineyard hatch if (index === 0) { return ( {Array.from({ length: 40 }).map((_, i) => ( ))} Vilotijević RESERVE · 2024 VINOGRAD · SRBIJA ); } // 1 — Sanmilend Farm: horizon, sun, fields if (index === 1) { return ( {/* sun */} {/* horizon */} {/* fields — angled rows */} {Array.from({ length: 14 }).map((_, i) => ( ))} {Array.from({ length: 8 }).map((_, i) => ( ))} {/* small barn */} ); } // 2 — Beauty / retail: concentric arcs if (index === 2) { return ( {Array.from({ length: 18 }).map((_, i) => ( ))} ); } // 3 — Corporate / media — newspaper column grid return ( The Daily VOL. XII · BELGRADE · TUESDAY {[0,1,2].map((col) => Array.from({ length: 22 }).map((_, i) => ( )) )} ); } function Process() { const list = window.SABRANA.process; return (
Process

A small studio runs on rhythm.

{list.map((p) => (
{p.num}

{p.title}

{p.body}

))}
); } Object.assign(window, { Services, Work, Process, CaseArtwork });