O Body Hall é uma landing page de alta performance desenvolvida para academias premium e centros de treinamento físico. Focada em conversão, a interface apresenta uma experiência imersiva e responsiva, destacando modalidades, planos e depoimentos de forma elegante.
O projeto foi arquitetado com React 19 e Vite, garantindo extrema performance, enquanto as animações suaves promovidas pelo Framer Motion e o design flexível via Tailwind CSS entregam um visual moderno e cinematográfico.
Body Hall is a high-performance landing page developed for premium gyms and fitness centers. Conversion-focused, the interface presents an immersive and responsive experience, smoothly highlighting workout modalities, pricing plans, and testimonials.
Architected with React 19 and Vite for maximum performance, the project leverages smooth micro-animations using Framer Motion and highly flexible styling via Tailwind CSS to deliver a sleek, modern, and cinematic look.
| Tecnologia / Technology | Propósito / Purpose |
|---|---|
| React 19 | Componentização e interface declarativa / UI Components structure |
| TypeScript | Tipagem estática e segurança / Static typing & scalability |
| Vite | Build tool ultra-rápido / Ultra-fast build tool |
| Tailwind CSS | Estilização responsiva e ágil / Utility-first styling |
| Framer Motion | Animações fluidas e interações avançadas / Core animations & interactions |
| Lucide React | Ícones minimalistas e escaláveis / SVG scalable icons |
- Página Única Imersiva: Seções bem definidas (Home, Modalidades, Funcionamento, Depoimentos, Planos e Contato).
- Design Totalmente Responsivo: Layout fluido e adaptável, do celular aos grandes monitores, garantindo a usabilidade.
- Animações Cinematográficas: Transições suaves baseadas no scroll (scroll-reveal) para reter a atenção e encantar visualmente.
- CTAs de Alta Conversão: Botões flutuantes e posicionamentos estratégicos para maximizar a captação de leads via WhatsApp ou formulários.
- Performance Otimizada: Arquitetura leve do Vite somada às boas práticas do React para alcance de excelentes notas de SEO e carregamento.
- Node.js (v18+)
- NPM ou Yarn
# Clone the repository
git clone https://github.com/HenriqueHintz/bodyhallv3.git
# Access the directory
cd bodyhallv3
# Install dependencies
npm install
# Run the development server
npm run devAcesse / Access: http://localhost:5173/
src/
├── components/ # Reusable UI elements (Navigation, FloatingButtons, Footer)
├── sections/ # Contextual landing page sections (Hero, Precos, Modalidades)
├── index.css # Tailwind directives and customized globals
├── App.tsx # Main entry structuring all page sections
└── main.tsx # React DOM root and StrictMode wrapper
Author
Henrique Hintz
GitHub: https://github.com/HenriqueHintz
Instagram: https://www.instagram.com/henriquehtz/