Este projeto é uma landing page para a Dom Ramon BarberShop, desenvolvida utilizando Next.js, Tailwind CSS e TypeScript. A página inicial inclui seções para Home, Serviços e Sobre o Barbeiro, fornecendo aos usuários informações sobre a barbearia e seus serviços.
Para começar com este projeto, siga os passos abaixo:
-
Clone o repositório:
git clone https://github.com/seuusuario/dom-ramon-barbershop.git cd dom-ramon-barbershop -
Instale as dependências:
npm install
-
Inicie o servidor de desenvolvimento:
npm run dev
-
Abra seu navegador e navegue até
http://localhost:3000.
Contém uma mensagem de boas-vindas e um botão de call-to-action.
Fornece informações sobre o barbeiro e a história da barbearia.
Lista os serviços oferecidos pela barbearia.
├── _components
│ ├── ui
│ │ └── button.tsx
│ │ └── footer.tsx
│ │ └── hero.tsx
│ ├── header.tsx
│ ├── modalServiceSelector.tsx
│ ├── scrollToTopButton.tsx
│ ├── hero.tsx
│ ├── services.tsx
│ ├── about-barber.tsx
│ ├── card.tsx
│ └── footer.tsx
├── app
│ ├── page.tsx
│ ├── layout.tsx
│ ├── globals.css
├── data
│ ├── servicesData.js
├── lib
│ ├── utils.js
├── public
│ └── cartoon_interior_barbershop.png
│ └── tesoura.ico
└── README.md
- Header: Barra de navegação com links para diferentes seções da página.
- Hero: Seção introdutória com uma mensagem de boas-vindas e uma imagem.
- About: Informações sobre o barbeiro e a barbearia.
- Services: Lista os serviços oferecidos pela barbearia.
- Footer: Informações de contato e links para redes sociais.
O projeto utiliza Tailwind CSS para estilização. As cores personalizadas e outros estilos são definidos no arquivo globals.css.
Este projeto está licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent