Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-TFs-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Instalação de Ar Condicionado em São Paulo - Luciano Instalador VIP</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&family=Montserrat:wght@700&display=swap" rel="stylesheet">
<style>
/* CSS Incorporado */
:root {
--primary-color: #005c9e; /* Azul do logo - ajuste conforme a cor exata */
--secondary-color: #1a8bcd; /* Azul mais claro para hover/detalhes */
--accent-color: #f39c12; /* Cor de destaque para CTAs - exemplo laranja */
--text-color: #333333;
--light-gray: #f4f4f4;
--white: #ffffff;
--heading-font: 'Montserrat', sans-serif;
--body-font: 'Roboto', sans-serif;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--body-font);
line-height: 1.6;
color: var(--text-color);
background-color: var(--white);
}
.container {
width: 90%;
max-width: 1100px;
margin: auto;
padding: 20px 0;
}
h1, h2, h3 {
font-family: var(--heading-font);
color: var(--primary-color);
margin-bottom: 15px;
}
h1 { font-size: 2.8em; margin-bottom: 20px; line-height: 1.2;}
h2 { font-size: 2.2em; text-align: center; margin-bottom: 40px; text-transform: uppercase; }
h3 { font-size: 1.6em; }
p {
margin-bottom: 15px;
font-size: 1.1em;
}
.btn {
display: inline-block;
background-color: var(--accent-color);
color: var(--white);
padding: 12px 25px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s ease;
text-transform: uppercase;
font-size: 1.1em;
border: none;
cursor: pointer;
}
.btn:hover {
background-color: #e68a00; /* Escurecer o accent color no hover */
}
.btn-primary {
background-color: var(--primary-color);
}
.btn-primary:hover {
background-color: var(--secondary-color);
}
/* Header - Supondo que o logo do site será gerenciado pelo Elementor */
.lp-header { /* Caso queira um header dentro do HTML widget */
padding: 15px 0;
text-align: center;
background-color: var(--light-gray); /* Ou pode remover e usar o header do tema */
}
.lp-header img.logo {
max-width: 200px; /* Ajuste o tamanho */
height: auto;
}
/* Hero Section */
#hero {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('URL_DA_SUA_IMAGEM_DE_FUNDO_AQUI.jpg') no-repeat center center/cover;
/* Sugestão: imagem de um ambiente climatizado, instalação limpa ou abstrato azul */
color: var(--white);
padding: 80px 20px;
text-align: center;
min-height: 70vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#hero h1 {
color: var(--white);
font-size: 2.5em; /* Ajuste conforme necessário */
text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}
#hero p {
font-size: 1.3em;
margin-bottom: 30px;
max-width: 700px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}
#hero .whatsapp-button {
background-color: #25D366;
color: white;
padding: 15px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
display: inline-block;
transition: background-color 0.3s ease;
}
#hero .whatsapp-button i {
margin-right: 10px;
}
#hero .whatsapp-button:hover {
background-color: #1EAE54;
}
/* Services Section */
#services {
padding: 60px 0;
background-color: var(--light-gray);
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
.service-item {
background-color: var(--white);
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
text-align: center;
transition: transform 0.3s ease;
}
.service-item:hover {
transform: translateY(-10px);
}
.service-item i {
font-size: 3em;
color: var(--primary-color);
margin-bottom: 20px;
}
.service-item h3 {
font-size: 1.4em;
margin-bottom: 10px;
}
/* Why Choose Us Section */
#why-us {
padding: 60px 0;
}
.benefits-list {
list-style: none;
padding: 0;
}
.benefits-list li {
display: flex;
align-items: center;
font-size: 1.1em;
margin-bottom: 20px;
padding: 10px;
background-color: var(--light-gray);
border-radius: 5px;
border-left: 5px solid var(--primary-color);
}
.benefits-list li i {
color: var(--primary-color);
font-size: 1.8em;
margin-right: 15px;
width: 30px; /* Para alinhar o texto */
text-align: center;
}
/* About Section */
#about {
padding: 60px 0;
background-color: var(--light-gray);
}
.about-content {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px;
}
.about-text {
flex: 1;
min-width: 300px;
}
.about-image {
flex: 1;
text-align: center;
min-width: 300px;
}
.about-image img { /* Referencia a imagem do logo fornecido */
max-width: 250px; /* Ou o tamanho que desejar */
border-radius: 50%; /* Para deixar a imagem redonda como no logo */
border: 5px solid var(--primary-color);
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
/* Service Area Section */
#service-area {
padding: 60px 0;
text-align: center;
}
#service-area p {
max-width: 700px;
margin-left: auto;
margin-right: auto;
font-size: 1.2em;
}
.area-highlight {
font-weight: bold;
color: var(--primary-color);
}
/* Placeholder para mapa ou lista de bairros mais detalhada */
.map-placeholder {
width: 100%;
max-width: 600px;
height: 300px;
background-color: #e0e0e0;
margin: 20px auto;
display: flex;
justify-content: center;
align-items: center;
font-style: italic;
color: #777;
border-radius: 8px;
}
/* Testimonials Section */
#testimonials {
padding: 60px 0;
background-color: var(--primary-color);
color: var(--white);
}
#testimonials h2 {
color: var(--white);
}
.testimonial-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.testimonial-item {
background-color: rgba(255,255,255,0.1);
padding: 20px;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.3);
}
.testimonial-item p {
font-style: italic;
margin-bottom: 10px;
}
.testimonial-item span.author {
font-weight: bold;
display: block;
text-align: right;
}
/* Contact/CTA Section */
#contact-cta {
padding: 60px 0;
text-align: center;
background-color: var(--light-gray);
}
#contact-cta .contact-info p {
font-size: 1.2em;
margin-bottom: 10px;
}
#contact-cta .contact-info i {
margin-right: 8px;
color: var(--primary-color);
}
.contact-form-placeholder { /* Use o widget de formulário do Elementor */
max-width: 600px;
margin: 30px auto;
text-align: left;
}
.contact-form-placeholder label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.contact-form-placeholder input,
.contact-form-placeholder textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
font-family: var(--body-font);
}
.contact-form-placeholder textarea {
min-height: 120px;
}
/* Footer */
.lp-footer {
background-color: var(--text-color);
color: var(--white);
text-align: center;
padding: 30px 0;
}
.lp-footer p {
margin-bottom: 5px;
}
.lp-footer a {
color: var(--secondary-color);
text-decoration: none;
}
.lp-footer a:hover {
text-decoration: underline;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
h1 { font-size: 2em; }
#hero h1 {font-size: 2.2em;}
#hero p {font-size: 1.1em;}
h2 { font-size: 1.8em; }
h3 { font-size: 1.3em; }
.about-content {
flex-direction: column;
}
.about-image img {
max-width: 200px;
}
}
</style>
</head>
<body>
<main>
<section id="hero">
<div class="container">
<h1>Instalação de Ar Condicionado em São Paulo e Tatuapé - Especialistas VIP</h1>
<p>Conforto e Clima Ideal o Ano Inteiro com Nossos Serviços Profissionais de Instalação de Ar Condicionado Split, Cassete, Piso Teto, Hi Wall e Sistemas VRF.</p>
<a href="https://wa.me/SEUNUMERODEWHATSAPP?text=Olá! Gostaria de um orçamento para instalação de ar condicionado." target="_blank" class="whatsapp-button">
<i class="fab fa-whatsapp"></i> Solicite um Orçamento Gratuito Agora!
</a>
</div>
</section>
<section id="services">
<div class="container">
<h2>Nossos Serviços Especializados de Instalação de Ar Condicionado</h2>
<div class="services-grid">
<div class="service-item">
<i class="fas fa-fan"></i>
<h3>Instalação de Ar Condicionado Split</h3>
<p>Instalação precisa e eficiente de ar condicionado Split Hi-Wall, garantindo o máximo desempenho e conforto para seu ambiente residencial ou comercial.</p>
</div>
<div class="service-item">
<i class="fas fa-temperature-low"></i> <h3>Instalação de Ar Condicionado Cassete</h3>
<p>Soluções discretas e eficazes com ar condicionado Cassete, ideal para espaços comerciais e residenciais com pé direito alto ou forro.</p>
</div>
<div class="service-item">
<i class="fas fa-building"></i> <h3>Instalação de Ar Condicionado Piso Teto</h3>
<p>Versatilidade e alta capacidade com ar condicionado Piso Teto, perfeito para ambientes amplos que exigem climatização potente e uniforme.</p>
</div>
<div class="service-item">
<i class="fas fa-wind"></i> <h3>Instalação de Ar Condicionado Hi Wall</h3>
<p>A escolha popular para residências e escritórios, o Hi Wall oferece praticidade e eficiência. Instalamos com perfeição para seu conforto.</p>
</div>
<div class="service-item">
<i class="fas fa-cogs"></i> <h3>Instalação de Sistemas VRF/VRV</h3>
<p>Tecnologia de ponta para climatização de grandes edifícios e múltiplos ambientes com sistemas VRF/VRV, oferecendo eficiência energética e controle individualizado.</p>
</div>
<div class="service-item">
<i class="fas fa-tools"></i>
<h3>Manutenção e Reparos</h3>
<p>Além da instalação, oferecemos serviços de manutenção preventiva e corretiva para garantir o funcionamento ideal do seu equipamento.</p>
</div>
</div>
</div>
</section>
<section id="why-us">
<div class="container">
<h2>Por Que Escolher Luciano Instalador VIP?</h2>
<ul class="benefits-list">
<li><i class="fas fa-map-marker-alt"></i> Experiência Comprovada no Tatuapé e Atendimento em Toda São Paulo Capital.</li>
<li><i class="fas fa-user-shield"></i> Técnicos Qualificados, Certificados e Segurados.</li>
<li><i class="fas fa-comments"></i> Atendimento Rápido, Personalizado e Focado na sua Necessidade.</li>
<li><i class="fas fa-thumbs-up"></i> Garantia de Qualidade em Todos os Serviços e Equipamentos.</li>
<li><i class="fas fa-file-invoice-dollar"></i> Orçamentos Transparentes, Competitivos e Sem Surpresas.</li>
<li><i class="fas fa-check-circle"></i> Especialistas em Todos os Tipos: Split, Cassete, Piso Teto, Hi Wall e VRF.</li>
</ul>
</div>
</section>
<section id="about">
<div class="container">
<h2>Sobre Nós: Luciano Instalador VIP - Seu Parceiro em Climatização</h2>
<div class="about-content">
<div class="about-text">
<p>Com anos de experiência no mercado de climatização, <strong>Luciano Instalador VIP</strong> é sua referência em instalação de ar condicionado no Tatuapé e em toda a capital paulista. Nossa missão é proporcionar ambientes mais confortáveis e saudáveis, com soluções eficientes e um atendimento de excelência.</p>
<p>Entendemos a importância de um ambiente climatizado para o seu bem-estar e produtividade. Por isso, trabalhamos com as melhores marcas, seguimos rigorosos padrões técnicos e nos dedicamos a cada projeto como se fosse único. Conte com um especialista para a sua instalação de ar condicionado!</p>
<p><em>Luciano Instalador - VIP Partner: Confiança e profissionalismo que você merece.</em></p>
</div>
<div class="about-image">
<img src="URL_DA_IMAGEM_DO_LUCIANO_AQUI.png" alt="Luciano, especialista em instalação de ar condicionado">
</div>
</div>
</div>
</section>
<section id="service-area">
<div class="container">
<h2>Atendemos no <span class="area-highlight">Tatuapé</span> e em Toda <span class="area-highlight">São Paulo Capital</span></h2>
<p>Nossa base está no Tatuapé, mas nossa equipe está pronta para levar o melhor serviço de instalação de ar condicionado para todos os bairros de São Paulo. Seja na Zona Leste, Oeste, Norte, Sul ou Centro, conte com a agilidade e expertise de Luciano Instalador VIP.</p>
<p>Algumas regiões frequentemente atendidas: Mooca, Anália Franco, Vila Carrão, Penha, Itaquera, Santana, Moema, Pinheiros, Brooklin, e muito mais!</p>
<div class="map-placeholder">
(Opcional: Incorporar um Google Maps aqui ou uma imagem de mapa estilizada) <br>
Área de Atuação: São Paulo - Capital
</div>
</div>
</section>
<section id="testimonials">
<div class="container">
<h2>O Que Nossos Clientes Dizem</h2>
<div class="testimonial-grid">
<div class="testimonial-item">
<p>"Serviço de instalação de ar condicionado impecável no meu apartamento no Tatuapé. Rápido, limpo e muito profissional. Recomendo o Luciano!"</p>
<span class="author">- Cliente Satisfeito, Tatuapé</span>
</div>
<div class="testimonial-item">
<p>"Contratei para instalar o sistema VRF no meu escritório. Equipe muito competente e atenciosa. Resultado excelente. Empresa de instalação de ar condicionado de confiança."</p>
<span class="author">- Empresa Cliente, Centro SP</span>
</div>
<div class="testimonial-item">
<p>"Finalmente encontrei um técnico de ar condicionado em São Paulo que resolveu meu problema com o piso teto. Preço justo e ótimo atendimento."</p>
<span class="author">- Cliente Satisfeito, Zona Sul</span>
</div>
</div>
</div>
</section>
<section id="contact-cta">
<div class="container">
<h2>Fale Conosco e Garanta o Conforto do Seu Ambiente!</h2>
<p>Solicite seu orçamento para instalação de ar condicionado. É rápido, fácil e sem compromisso.</p>
<div class="contact-info">
<p><a href="https://wa.me/SEUNUMERODEWHATSAPP?text=Olá! Gostaria de um orçamento para instalação de ar condicionado." target="_blank" style="text-decoration:none; color: var(--text-color);"><i class="fab fa-whatsapp"></i> WhatsApp: (XX) XXXXX-XXXX</a></p>
<p><a href="tel:SEUNUMERODETELEFONE" style="text-decoration:none; color: var(--text-color);"><i class="fas fa-phone-alt"></i> Telefone: (XX) XXXX-XXXX</a></p>
<p><a href="mailto:SEUEMAIL@DOMINIO.COM.BR" style="text-decoration:none; color: var(--text-color);"><i class="fas fa-envelope"></i> Email: seuemail@dominio.com.br</a></p>
</div>
<div class="contact-form-placeholder">
<h3>Ou envie uma mensagem:</h3>
<form action="#" method="POST"> <div>
<label for="name">Nome:</label>
<input type="text" id="name" name="name" placeholder="Seu nome completo" required>
</div>
<div>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Seu melhor email" required>
</div>
<div>
<label for="phone">Telefone/WhatsApp:</label>
<input type="tel" id="phone" name="phone" placeholder="(XX) XXXXX-XXXX" required>
</div>
<div>
<label for="service_type">Tipo de Serviço (opcional):</label>
<input type="text" id="service_type" name="service_type" placeholder="Ex: Instalação Split Quarto">
</div>
<div>
<label for="message">Mensagem:</label>
<textarea id="message" name="message" placeholder="Descreva sua necessidade..." required></textarea>
</div>
<button type="submit" class="btn btn-primary">Enviar Mensagem</button>
</form>
<p style="font-size:0.8em; margin-top:10px;"><em>Ao enviar, você concorda com nossa política de privacidade. Recomendamos usar um plugin de formulário para esta seção.</em></p>
</div>
<a href="#hero" class="btn" style="margin-top: 20px;">Voltar ao Topo</a>
</div>
</section>
</main>
<footer class="lp-footer">
<div class="container">
<p>© <script>document.write(new Date().getFullYear())</script> Luciano Instalador VIP. Todos os direitos reservados.</p>
<p>Instalação de Ar Condicionado em São Paulo e Tatuapé.</p>
<p>CNPJ: XX.XXX.XXX/0001-XX (Se aplicável) | Endereço de Referência (se desejar): Rua Exemplo, 123 - Tatuapé, São Paulo - SP (opcional)</p>
<p><a href="/politica-de-privacidade">Política de Privacidade</a> | <a href="/termos-de-uso">Termos de Uso</a> (Crie estas páginas no WordPress)</p>
</div>
</footer>
</body>
</html>
Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
Commenter avatars come from Gravatar.