🏡 CodeLab - Desafio 17: HomeYou

Este repositório contém a solução para o Desafio 17 do curso CodeLab, com o projeto HomeYou — uma landing page responsiva e moderna para um serviço de design de interiores. O foco do desafio está na fidelidade ao layout do Figma, aplicação de boas práticas de CSS com Tailwind, tipografia elegante e responsividade.

---

🧪 Tecnologias utilizadas

• Vite
• TypeScript
• Tailwind CSS
• Google Fonts — Playfair e Outfit

---

📂 Estrutura do projeto

├── public/
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── Header.tsx
│   │   ├── Hero.tsx
│   │   ├── Services.tsx
│   │   ├── Gallery.tsx
│   │   ├── Footer.tsx
│   ├── App.tsx
│   └── main.tsx
├── tailwind.config.ts
├── tsconfig.json
├── package.json
├── vite.config.ts
└── README.md

---

🚀 Como rodar o projeto localmente

1. Clone o repositório:

   git clone https://github.com/seu-usuario/codelab-desafio-17-homeyou.git
   

2. Acesse a pasta do projeto:

   cd codelab-desafio-17-homeyou
   

3. Instale as dependências:

   npm install
   

4. Inicie o servidor de desenvolvimento:

   npm run dev
   

5. Acesse no navegador:

   http://localhost:5173
   

---

📸 Preview

(Adicione aqui uma imagem de preview do projeto ou um GIF)
Exemplo:

---

🎯 Funcionalidades

• 📱 Layout totalmente responsivo
• ✨ Tipografia personalizada com fontes Playfair e Outfit
• 🖼️ Seções de destaque para serviços, galeria e depoimentos
• ⚡ Carregamento otimizado com Vite
• 💡 Design elegante baseado em layout do Figma

---

🧠 Aprendizados

• Criação de landing pages responsivas com Tailwind
• Organização e reutilização de componentes
• Boas práticas de acessibilidade e semântica
• Uso de tipografias do Google Fonts com Tailwind
• Estruturação de projetos com Vite + TypeScript

---

🕹️ Demonstração

(Adicione aqui o link do projeto publicado no Vercel ou outro serviço)
Exemplo:

🔗 https://codelab-desafio-17-homeyou.vercel.app