Premium Landing Page para Rotisserie & Steakhouse | High-Performance Food Service Solution
Super Assados é uma landing page de alto padrão desenvolvida para uma rotisseria premium em Florianópolis/SC. O projeto utiliza uma estética "Noir" sofisticada para elevar a experiência visual do usuário, focando em conversão e usabilidade mobile.
Super Assados is a high-end landing page developed for a premium rotisserie in Florianópolis, Brazil. The project utilizes a sophisticated "Noir" aesthetic to enhance the user's visual experience, focusing on conversion and mobile usability.
| Tecnologia / Tech | Propósito / Purpose |
|---|---|
| React 18 | UI Reativa e Componentização / Reactive UI & Componentization |
| Vite | Tooling de build ultrarrápido / Ultra-fast build tooling |
| TypeScript | Segurança de tipos e escalabilidade / Type safety & scalability |
| Framer Motion | Animações fluidas e micro-interações / Fluid animations & micro-interactions |
| Context API | Gerenciamento de estado do carrinho / Cart state management |
- 🛒 Sistema de Carrinho (Cart System): Seleção de produtos com cálculo dinâmico e persistência de estado.
- 📂 Menu Categorizado (Categorized Menu): Navegação intuitiva por categorias (Destaques, Marmitas, Buffet).
- 🎥 Seção VSL (Video Sales Letter): Integração de vídeo focada em conversão estratégica.
- 📱 Mobile First: Experiência otimizada para dispositivos móveis com menus flutuantes.
- 📸 Instagram Feed: Integração visual com a rede social da marca.
- ⏳ Loading Experience: Tela de carregamento personalizada para garantir o carregamento de assets pesados.
src/
├── components/ # Componentes modulares (Navbar, Hero, Menu, etc.)
├── context/ # Gerenciamento de estado global (CartContext)
├── types/ # Definições de interfaces TypeScript
├── data.ts # Centralização de conteúdo e preços
└── App.tsx # Orquestração principal da aplicação-
Clonar o repositório / Clone repository:
git clone https://github.com/HenriqueHintz/super-assados01.git
-
Instalar dependências / Install dependencies:
npm install
-
Executar em dev / Run dev:
npm run dev
| Nível / Level | Classificação / Classification | Status |
|---|---|---|
| Produção | Profissional (Professional) | 🚀 Finalizado |
Henrique Hintz
GitHub: HenriqueHintz
Instagram: @henriquehtz