bio-site

0
0
0
Astro
public

Bio Site

Bio site pessoal feito com Astro, para centralizar links, contatos e informacoes de forma rapida.

Stack

  • Astro
  • Tailwind CSS
  • TypeScript

O que o projeto faz

  • Home com foto e descricao
  • Paginas: Sobre, Servicos, Links e Contatos
  • Navegacao lateral com destaque da rota ativa
  • Page transitions com astro:transitions (ViewTransitions + fade)

Componentes e organizacao

  • Layout global em src/layouts/Layout.astro para manter consistencia entre paginas
  • Conteudo desacoplado em src/data/* (sobre, servicos, links, contatos)
  • Button.astro reutilizavel em src/components/ui/Button.astro com variantes e composicao de classes via tailwind-merge
  • Icones como componentes Astro em src/components/icons/*, usados via import nas paginas e nos arquivos de dados (ex.: src/data/nav.ts, src/data/contact.ts)
v0.3.3[beta]