Velo Coding — Site Institucional

Tecnologia que acelera o seu negócio

Site institucional completo da Velo Coding, desenvolvido com Next.js 14 App Router, TypeScript e Tailwind CSS.

Stack

• Framework: Next.js 14 (App Router)
• Linguagem: TypeScript (strict)
• Estilização: Tailwind CSS
• Animações: Framer Motion
• Ícones: Lucide React
• Fonte: Inter (Google Fonts via next/font)

Como rodar localmente

Pré-requisitos

• Node.js 18.17+ instalado
• npm ou yarn

Instalação

# 1. Instalar dependências
npm install

# 2. Iniciar servidor de desenvolvimento
npm run dev

Acesse http://localhost:3000 no navegador.

Build para produção

npm run build
npm run start

Estrutura de arquivos

velo-coding/
├── app/
│   ├── globals.css       # Variáveis CSS, reset e utilitários
│   ├── layout.tsx        # Layout raiz com metadados SEO e fonte Inter
│   └── page.tsx          # Página principal (importa todas as seções)
├── components/
│   ├── Navbar.tsx        # Barra de navegação com menu mobile
│   ├── Hero.tsx          # Seção hero com headline e stats
│   ├── Services.tsx      # Cards de serviços oferecidos
│   ├── TechStack.tsx     # Stack técnica do desenvolvedor
│   ├── HowItWorks.tsx    # Processo em 4 passos
│   ├── WhyUs.tsx         # 6 diferenciais em grid
│   ├── CTA.tsx           # Seção de call-to-action
│   ├── Footer.tsx        # Rodapé com links e contato
│   └── WhatsAppFloat.tsx # Botão flutuante do WhatsApp
├── tailwind.config.ts
├── tsconfig.json
├── next.config.js
└── package.json

Contato

• WhatsApp: +55 48 99165-1183
• E-mail: kauanprog@gmail.com
• Localização: Criciúma, Santa Catarina