Bem-vindo ao W'Food, um site moderno e responsivo para restaurantes, desenvolvido com as melhores tecnologias para garantir uma experiência intuitiva e elegante para os usuários.
Este projeto foi desenvolvido com as seguintes tecnologias:
Next.js - Framework React para aplicações otimizadas
React - Biblioteca para criação da interface do usuário
Tailwind CSS - Framework CSS para estilização moderna e responsiva
Framer Motion - Animações suaves e interativas
Lucide Icons - Ícones modernos para UI
O projeto é organizado da seguinte maneira:
📦 wfood
├── 📂 components
│ ├── Header.jsx
│ ├── Hero.jsx
│ ├── Menu.jsx
│ ├── Reservation.jsx
│ ├── ReservationForm.jsx
│ ├── About.jsx
│ ├── Map.jsx
│ ├── Footer.jsx
│ ├── Nav.jsx
│ ├── NavMobile.jsx
│ ├── StyleGuide.jsx
│ ├── ui
│ │ ├── button.jsx
│ │ ├── calendar.jsx
│ │ ├── label.jsx
│ │ ├── input.jsx
│ │ ├── select.jsx
│ │ ├── popover.jsx
├── 📂 public
│ ├── logo.svg
│ ├── about/img.png
├── 📂 app
│ ├── page.jsx (Página principal)
│ ├── layout.jsx
│ ├── globals.css
├── 📂 lib
│ ├── utils.js
├── 📜 package.json
├── 📜 tailwind.config.js
└── 📜 next.config.js
- 🌐 Design moderno e responsivo
- 📜 Navegação intuitiva com React Scroll
- 🎨 Estilização eficiente com Tailwind CSS
- 🎬 Animações suaves com Framer Motion
- 🗺️ Mapa interativo
- 📅 Sistema de reservas intuitivo
Para rodar o projeto localmente, siga os passos abaixo:
- Clone o repositório:
git clone https://github.com/seu-usuario/wfood.git
- Acesse o diretório do projeto:
cd wfood - Instale as dependências:
npm install # ou yarn install - Inicie o servidor de desenvolvimento:
npm run dev # ou yarn dev - Acesse http://localhost:3000 no navegador.
🚀 Desenvolvido com ❤️ por Daniel Fernandes