<!DOCTYPE html>
<html lang=”pt-BR”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Esfregão Mágico 360 – Página de Vendas</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
}
.product-title {
font-size: 2rem;
text-align: center;
color: #333;
}
.product-description {
font-size: 1.2rem;
line-height: 1.6;
margin-top: 20px;
}
.cta-button {
background-color: #ff6347;
color: white;
padding: 15px;
font-size: 1.5rem;
text-align: center;
display: block;
width: 100%;
margin: 20px 0;
border: none;
cursor: pointer;
}
.cta-button:hover {
background-color: #e5533e;
}
.testimonial {
margin-top: 40px;
}
.testimonial p {
font-style: italic;
}
.product-image {
width: 100%;
max-width: 500px;
margin: 20px 0;
}
.countdown-timer {
text-align: center;
font-size: 1.5rem;
color: #ff6347;
margin-top: 20px;
}
.review-section {
margin-top: 40px;
text-align: center;
}
.review-section span {
font-size: 1.5rem;
color: #333;
}
.review-section .star-rating {
font-size: 1.5rem;
color: #ff9800;
}
.guarantee {
background-color: #f1f1f1;
padding: 20px;
text-align: center;
margin-top: 40px;
font-size: 1.2rem;
}
</style>
</head>
<body>
<div class=”container”>
<!– Título do Produto –>
<h1 class=”product-title”>Esfregão Mágico 360</h1>
<!– Imagem do Produto –>
<img src=”link-para-imagem-do-produto.jpg” alt=”Esfregão Mágico 360″ class=”product-image”>
<!– Descrição do Produto –>
<p class=”product-description”>
O Esfregão Mágico 360 é a solução perfeita para facilitar a sua limpeza diária. Com um design ergonômico e tecnologia inovadora, ele permite uma limpeza mais eficiente com menos esforço. Ideal para todos os tipos de pisos, incluindo madeira e cerâmica.
</p>
<!– Botão de Call to Action –>
<button class=”cta-button” onclick=”window.location.href=’link-para-página-de-compra.html'”>Compre Agora – Oferta Exclusiva!</button>
<!– Contagem Regressiva –>
<div class=”countdown-timer”>
<p>Oferta válida até: <span id=”countdown”>01:00:00</span></p>
</div>
<!– Provas Sociais – Depoimentos de Clientes –>
<div class=”testimonial”>
<h2>O que nossos clientes estão dizendo:</h2>
<p>”Melhor esfregão que já usei! Deixa o piso impecável e é super fácil de usar!” – Maria, São Paulo</p>
<p>”Amei o Esfregão Mágico 360! É prático e eficiente, perfeito para a minha casa!” – João, Rio de Janeiro</p>
</div>
<!– Avaliação do Produto –>
<div class=”review-section”>
<span>Avaliação do Produto: </span><span class=”star-rating”>⭐⭐⭐⭐⭐</span>
<p>200 avaliações</p>
</div>
<!– Garantia e Confiança –>
<div class=”guarantee”>
<p>Compre com confiança! Oferecemos uma **garantia de 30 dias ou seu dinheiro de volta**. Sem riscos!</p>
</div>
</div>
<script>
// Exemplo de Contagem Regressiva (pode ser ajustado para funcionar em tempo real)
let countdownTime = 3600; // 1 hora em segundos
let countdownElement = document.getElementById(‘countdown’);
setInterval(function() {
if (countdownTime > 0) {
countdownTime–;
let hours = Math.floor(countdownTime / 3600);
let minutes = Math.floor((countdownTime % 3600) / 60);
let seconds = countdownTime % 60;
countdownElement.innerHTML = `${hours.toString().padStart(2, ‘0’)}:${minutes.toString().padStart(2, ‘0’)}:${seconds.toString().padStart(2, ‘0’)}`;
}
}, 1000);
</script>
</body>
</html>