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)