Skip to content

HenriqueHintz/el-chicano

Repository files navigation

El Chicano Pocket - Restaurante Mexicano 🌮

Experience digital premium da autêntica culinária mexicana.

Next.js React Tailwind CSS Framer Motion Vercel


🇧🇷 Sobre o Projeto

O El Chicano Pocket é uma landing page de alto padrão desenvolvida para elevar a presença digital de uma rede de restaurantes mexicanos. O foco principal é a conversão estratégica e a experiência do usuário (UX), utilizando as tecnologias mais modernas do ecossistema React para garantir performance, SEO impecável e uma interface que reflete a alma e a arte da marca.

🇺🇸 About the Project

El Chicano Pocket is a high-end landing page built to elevate the digital presence of a Mexican restaurant chain. The main focus is on strategic conversion and user experience (UX), leveraging the latest React ecosystem technologies to ensure high performance, impeccable SEO, and an interface that reflects the soul and art of the brand.


🛠️ Tecnologias | Technologies

Tecnologia Finalidade Purpose
Next.js 14 Framework Fullstack com App Router Fullstack Framework with App Router
React 18 UI Reativa e Componentizada Reactive and Componentized UI
Tailwind CSS Design System utilitário e responsivo Utility-first Design System & Responsiveness
Framer Motion Animações fluidas e micro-interações Fluid animations and micro-interactions
Lucide React Iconografia moderna e otimizada Modern and optimized iconography
Critters Otimização de CSS Crítico para Performance Critical CSS Optimization for Performance

✨ Funcionalidades | Features

  • 🚀 Performance Extrema: Otimização de fontes, imagens e CSS crítico para carregamento instantâneo.
  • 📱 Mobile-First Experience: Barra de ações rápidas exclusiva para dispositivos móveis, facilitando reservas e acesso ao menu.
  • 🎨 UI/UX Premium: Design minimalista e elegante com transições suaves e tipografia refinada.
  • 📍 Gestão de Unidades: Layout dinâmico para múltiplas localizações com integração direta ao Google Maps.
  • 💬 Conversão via WhatsApp: CTAs estrategicamente posicionados para atendimento imediato.
  • 🔍 SEO Advanced: Metadados dinâmicos e estrutura semântica otimizada para buscadores.

🚀 Setup & Instalação

Requisitos | Prerequisites

  • Node.js (v18+)
  • npm ou yarn

Instalação | Installation

  1. Clone o repositório:
    git clone https://github.com/HenriqueHintz/el-chicano.git
  2. Instale as dependências:
    npm install
  3. Inicie o servidor de desenvolvimento:
    npm run dev

📁 Estrutura do Projeto | Project Structure

├── app/               # Next.js App Router (Páginas e Meta-arquivos)
├── components/        # Componentes UI reutilizáveis
│   └── elchicano/     # Seções específicas (Hero, Menu, Footer, etc.)
├── lib/               # Utilitários, siteData e lógica de apoio
├── public/            # Assets estáticos (Imagens de alta qualidade)
└── tailwind.config.js # Customização do Design System

📈 Status do Projeto

Status: Professional / Production-Ready
Este projeto representa o estado da arte em landing pages para o setor gastronômico, focado em resultados reais de negócio.


Author

Henrique Hintz

GitHub: https://github.com/HenriqueHintz
Instagram: https://www.instagram.com/henriquehtz/

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors