Site institucional moderno para serviços de TI — instalação de sistemas operacionais, configuração de softwares e manutenção de hardware.

---

📋 Sobre o Projeto

Website institucional desenvolvido para um técnico de TI especializado em soluções tecnológicas. O projeto apresenta interface moderna, responsiva e minimalista, com foco em conversão de visitantes em clientes por meio de contato direto via WhatsApp.

🎯 Objetivos

• Criar presença digital profissional
• Demonstrar expertise técnica
• Facilitar o contato com clientes potenciais
• Garantir experiência de usuário fluida e moderna

---

✨ Características

• 🎨 Design Responsivo: Desktop, tablet e mobile
• ⚡ Performance Otimizada: React + Vite
• 📱 Integração WhatsApp: Botão flutuante e links diretos
• 🎭 UI Moderna: Layout limpo com Tailwind CSS
• 🔒 TypeScript: Código seguro e de fácil manutenção
• ♿ Acessibilidade: Padrões de UX inclusivos

---

🛠️ Tecnologias Utilizadas

Frontend

• React 19.1.1
• TypeScript 5.8.2
• Vite 6.2.0
• Tailwind CSS 4.1.12

Ferramentas

• PostCSS
• Autoprefixer
• ESLint

---

🚀 Serviços Oferecidos

💻 Instalação de Sistemas Operacionais

• Windows, macOS e Linux
• Configuração inicial e otimização
• Backup e recuperação de dados

📦 Configuração de Software

• Pacote Office
• Antivírus e segurança
• Drivers e softwares específicos
• Programas essenciais

🔧 Manutenção de Hardware

• Limpeza interna e externa
• Upgrade de RAM e SSD
• Troca de peças e componentes
• Otimização de performance

---

🏗️ Estrutura do Projeto

expert-ti-solucoes-em-tecnologia/
├── assets/
│   └── images/           # Imagens e logos
├── components/           # Componentes React
│   ├── AboutSection.tsx
│   ├── ContactSection.tsx
│   ├── Footer.tsx
│   ├── Header.tsx
│   ├── HeroSection.tsx
│   ├── icons.tsx
│   ├── ServicesSection.tsx
│   └── WhatsAppButton.tsx
├── App.tsx               # Principal
├── index.tsx             # Ponto de entrada
├── index.html            # Template HTML
├── package.json          # Dependências e scripts
├── tsconfig.json         # Configuração TypeScript
├── vite.config.ts        # Configuração Vite
└── metadata.json         # Metadados

---

⚙️ Como Executar

Pré-requisitos

• Node.js (≥ 18)
• npm ou yarn

Instalação

# Clone o repositório
git clone https://github.com/seu-usuario/expert-ti-solucoes-em-tecnologia.git
cd expert-ti-solucoes-em-tecnologia

# Instale as dependências
npm install

# Execute em modo desenvolvimento
npm run dev

Acesse: 👉 http://localhost:5173

Build para Produção

npm run build     # Gerar build otimizado
npm run preview   # Visualizar build localmente

---

🔧 Configuração

Edite App.tsx para configurar o WhatsApp:

const whatsappNumber = "5527999999999"; // Inclua o código do país
const contactMessage = "Olá! Vi seu site e gostaria de solicitar um orçamento.";

---

🎨 Personalização

• Cores: tailwind.config.js
• Textos: Diretamente nos componentes (components/)
• Imagens: Em assets/images/
• Serviços: Ajustáveis em ServicesSection.tsx

---

📱 Funcionalidades

Seções

• Header
• Hero Section
• Serviços
• Sobre
• Contato
• Footer
• Botão WhatsApp

Recursos Técnicos

• Componentes reutilizáveis
• Tipagem com TypeScript
• Layout mobile-first
• Animações suaves
• SEO otimizado

---

🚀 Deploy

Compatível com diversas plataformas:

• Vercel (recomendado)
• Netlify
• GitHub Pages
• Firebase Hosting

---

🤝 Contribuição

1. Faça um fork
2. Crie uma branch (git checkout -b feature/NovaFuncionalidade)
3. Commit suas alterações
4. Push para sua branch
5. Abra um Pull Request

---

📄 Licença

Este projeto está sob a licença MIT – veja LICENSE.

---

📞 Contato

TecDev - Soluções em Tecnologia 📱 WhatsApp: Clique para conversar 📧 Email: [email protected] 🌐 Website: www.tecdevsolucoes.com.br

---

💻 Desenvolvido com profissionalismo para oferecer soluções tecnológicas de qualidade.

© 2024 Expert TI - Todos os direitos reservados.

---