Este repositório contém o código-fonte da Landing Page oficial da Kingdom Softwares. O projeto foi desenvolvido com foco absoluto em Core Web Vitals, utilizando arquitetura de ilhas (Islands Architecture) para garantir zero JavaScript desnecessário no cliente.
A stack foi escolhida para maximizar performance e DX (Developer Experience):
- Framework: Astro (Foco em conteúdo estático)
- Estilização: Tailwind CSS v4
- Linguagem: TypeScript
- ĂŤcones: Lucide Astro
- Runtime/Package Manager: Bun
O projeto utiliza o Tailwind v4 com configuração de variáveis CSS nativas (@theme).
| Cor | Hex | Uso |
|---|---|---|
| Primary | #CCFF00 (Neon Lime) |
CTAs, Destaques, ĂŤcones principais |
| Secondary | #00FFFF (Cyan) |
Automação, Tecnologia, Gradientes |
| Background | #121212 (Dark) |
Fundo global |
| Surface | #1E1E1E (Dark Grey) |
Cards, Menus, Seções |
- Glassmorphism & Neon: UI moderna com efeitos de blur e bordas brilhantes.
- Bento Grid: Layout de diferenciais responsivo e assimétrico.
- Dark Mode Nativo: Identidade visual "Cyberpunk/Clean".
- Zero-JS Default: JavaScript é carregado apenas onde há interatividade (Navbar, Marquee).
Certifique-se de ter o Bun (ou Node.js) instalado.
-
Clone o repositĂłrio:
git clone https://github.com/kingdom-softwares/website.git cd website -
Instale as dependĂŞncias:
bun install # ou npm install -
Rode o servidor de desenvolvimento:
bun dev # ou npm run devO site estará disponĂvel em
http://localhost:4321.
src/
├── components/ # Componentes UI (Hero, Navbar, Services...)
├── layouts/ # Layout base (Head, Meta tags, Fontes)
├── pages/ # Rotas do site (index.astro)
├── styles/ # CSS Global (Configuração do Tailwind v4)
└── data/ # (Opcional) Dados estruturados para i18n ou listas
O projeto Ă© otimizado para deploy em Edge Networks:
Vercel: Conecte o repositĂłrio e selecione o preset "Astro".
Cloudflare Pages: Build command: bun run build, Output directory: dist.
Desenvolvido com đź’š por Douglas Maia.