/* global React */ const { useState:usePState } = React; function Mock({ type }){ switch(type){ case "dashboard": return (
{[60,80,52,72,44].map((w,i)=>)}
{[0,1,2].map(i=>
)}
{[.5,.8,.6,.95,.7,.85,.55,.9].map((h,i)=>)}
); case "web": return (
{[0,1,2].map(i=>
)}
); case "checkout": return (
{['E-mail','Cartão de crédito','Endereço'].map((_,i)=>
)}
{[0,1,2].map(i=>)}
{[0,1,2].map(i=>
)}
); case "app": return (
{[0,1,2].map(i=>
)}
); case "health": return (
{[0,1,2,3].map(i=>
)}
); case "portfolio": return (
{[0,1,2].map(i=>
)}
); default: return null; } } function ProjectCard({ p, i }){ return (
syntax.studio/{p.slug}
{p.coverUrl ?
{p.title}
:
}
0{i+1} {p.year}
{p.title}
{p.subtitle}
{p.tags.map((t,j)=>{t})}
 ); } function Projects(){ const list = window.PROJECTS || []; return (
Trabalhos selecionados

Projetos que viraram produto.

Da estratégia ao handoff. Cada projeto começa numa pergunta de negócio e termina numa experiência que as pessoas usam de verdade.

{list.length} / {list.length} cases
{list.map((p,i)=>)}
); } Object.assign(window,{ Projects, Mock, ProjectCard });