Site desenvolvido para a Luck's Studio Barbearia, localizada em Osasco - SP. O objetivo foi criar uma presença digital completa onde os clientes possam conhecer os serviços e realizar agendamentos online de forma prática.
O diferencial do projeto é a integração com Supabase para persistência real dos agendamentos em banco de dados, com contato direto via WhatsApp integrado.
| Feature | Descrição |
|---|---|
| 🏠 Landing Page | Apresentação da barbearia com identidade visual |
| ✂️ Serviços | Lista completa dos cortes e serviços disponíveis |
| 📅 Agendamento Online | Sistema de reserva integrado ao banco de dados |
| Botão de contato direto pelo WhatsApp | |
| 🗺️ Localização | Informações de endereço e como chegar |
| 📱 Responsivo | Layout otimizado para celular e desktop |
LUCKS-STUDIO/
├── index.html
├── vite.config.ts
├── tailwind.config.js
├── supabase/
│ └── migrations/ # Migrations do banco de dados
└── src/
├── components/ # Header, Hero, Serviços, Agendamento, Contato
├── App.tsx # Componente raiz
├── main.tsx
└── index.css
Frontend
Backend / Banco de Dados
Deploy
- Node.js 18+
- Conta no Supabase (gratuito)
git clone https://github.com/pkeddits/LUCKS-STUDIO.git
cd LUCKS-STUDIOnpm installCrie um arquivo .env na raiz do projeto:
VITE_SUPABASE_URL=sua_url_aqui
VITE_SUPABASE_ANON_KEY=sua_chave_aquinpm run devO site estará disponível em http://localhost:5173.
| Parte | Plataforma | URL |
|---|---|---|
| Frontend + DB | Vercel + Supabase | lucks-studio.vercel.app |
Em Settings → Environment Variables:
VITE_SUPABASE_URL=sua_url_aqui
VITE_SUPABASE_ANON_KEY=sua_chave_aqui
- Painel administrativo para gerenciar agendamentos
- Autenticação de usuários (cliente e barbeiro)
- Notificações automáticas por WhatsApp
- Histórico de cortes por cliente
Desenvolvido com ♥ por Felipe Lima · 2026
React · TypeScript · Tailwind CSS · Supabase · Vite