leandrucarvalho/barber-landing-page

Dom Ramon BarberShop Website

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.

Índice

• Dom Ramon BarberShop Website
  • Índice
  • Instalação
  • Uso
    • Seção Home
    • Seção Sobre
    • Seção Serviços
  • Estrutura do Projeto
    • Componentes
    • Estilização
  • Licença

Instalação

Para começar com este projeto, siga os passos abaixo:

1. Clone o repositório:

   git clone https://github.com/seuusuario/dom-ramon-barbershop.git
   cd dom-ramon-barbershop

2. Instale as dependências:

   npm install

3. Inicie o servidor de desenvolvimento:

   npm run dev

4. Abra seu navegador e navegue até http://localhost:3000.

Uso

Dom Ramon BarberShop Website

Seção Home

Contém uma mensagem de boas-vindas e um botão de call-to-action.

Seção Sobre

Fornece informações sobre o barbeiro e a história da barbearia.

Seção Serviços

Lista os serviços oferecidos pela barbearia.

Estrutura do Projeto

├── _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

Componentes

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

Estilização

O projeto utiliza Tailwind CSS para estilização. As cores personalizadas e outros estilos são definidos no arquivo globals.css.

Licença

Este projeto está licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes.