Skip to content

HenriqueHintz/super-assados01

Repository files navigation

Super Assados — Luxo Noir

Premium Landing Page para Rotisserie & Steakhouse | High-Performance Food Service Solution

React Vite TypeScript Framer Motion Vercel


🇧🇷 Sobre o Projeto / 🇺🇸 About the Project

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.


🛠️ Tecnologias / Technologies

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

🚀 Funcionalidades / Features

  • 🛒 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.

📦 Estrutura do Projeto / Project Structure

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

🔧 Configuração / Setup

  1. Clonar o repositório / Clone repository:

    git clone https://github.com/HenriqueHintz/super-assados01.git
  2. Instalar dependências / Install dependencies:

    npm install
  3. Executar em dev / Run dev:

    npm run dev

📈 Status

Nível / Level Classificação / Classification Status
Produção Profissional (Professional) 🚀 Finalizado

Author

Henrique Hintz

GitHub: HenriqueHintz
Instagram: @henriquehtz

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors