🎵 Harmony Spotlight Lab

Transformando paixão em arte através do ensino musical de excelência.

---

🚀 Sobre o Projeto

O Harmony Spotlight Lab é uma plataforma moderna para uma escola de música, focada em oferecer uma experiência visual envolvente e informativa para alunos em busca de aprendizado musical. O site apresenta nossos cursos, professores e a atmosfera única da nossa escola.

✨ Funcionalidades

• 🎭 Hero Carousel Dinâmico: Uma apresentação visual impactante com transições suaves usando Framer Motion.
• 📚 Catálogo de Cursos: Exibição organizada dos diversos instrumentos e teorias oferecidas.
• 🖼️ Galeria da Escola: Explore nosso ambiente e momentos especiais através de uma galeria interativa.
• 📱 Design Responsivo: Experiência otimizada para dispositivos móveis, tablets e desktops.
• 🎨 UI Moderna: Interface construída com os melhores componentes do Shadcn UI.

🛠️ Tecnologias Utilizadas

A stack principal deste projeto inclui:

• Frontend: React 18 com TypeScript
• Build Tool: Vite
• Estilização: Tailwind CSS & Lucide Icons
• Componentes: Shadcn UI & Radix UI
• Animações: Framer Motion
• Formulários & Validação: React Hook Form & Zod

📦 Como Instalar e Rodar

1. Clonar o repositório:

   git clone https://github.com/danilobrayann/harmony-spotlight-lab.git

2. Entrar no diretório:

   cd harmony-spotlight-lab

3. Instalar as dependências:

   npm install
   # ou se preferir bun
   bun install

4. Iniciar o servidor de desenvolvimento:

   npm run dev

5. Abrir no navegador: Acesse http://localhost:5173

📂 Estrutura de Pastas

src/
├── assets/         # Imagens e vetores
├── components/     # Componentes React (UI e Seções)
├── hooks/          # Hooks personalizados
├── lib/            # Utilitários (como o cn do shadcn)
├── pages/          # Páginas principais (Index.tsx)
└── App.tsx         # Componente raiz

---

Desenvolvido com ❤️ por Danilo Brayann