<!– Seção de Apresentação –>
<section style=“background: linear-gradient(135deg, #FF6B6B, #FFD93D); color: #fff; text-align: center; padding: 80px 20px; font-family: ‘Arial’, sans-serif;“>
<h1 style=“font-size: 3rem; margin-bottom: 20px;“>Team Building que Inspira</h1>
<p style=“font-size: 1.2rem; max-width: 700px; margin: 0 auto 40px;“>Transformamos equipas em verdadeiros times de champions! Atividades divertidas, criativas e cheias de energia para fortalecer a colaboração e motivação.</p>
<a href=“#servicos” style=“background-color: #fff; color: #FF6B6B; padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: bold; transition: 0.3s;“>Conhece os nossos serviços</a>
</section>

<!– Seção de Serviços –>
<section id=“servicos” style=“padding: 80px 20px; background-color: #f7f7f7; text-align: center;“>
<h2 style=“font-size: 2.5rem; margin-bottom: 50px;“>Os Nossos Serviços</h2>
<div style=“display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; max-width: 1200px; margin: 0 auto;“>

<!– Card 1 –>
<div style=“background-color: #fff; border-radius: 15px; padding: 30px; width: 300px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transition: transform 0.3s;“>
<h3 style=“color: #FF6B6B; margin-bottom: 15px;“>Workshops Criativos</h3>
<p>Atividades que estimulam a imaginação e resolvem problemas em equipa, com muita diversão.</p>
</div>

<!– Card 2 –>
<div style=“background-color: #fff; border-radius: 15px; padding: 30px; width: 300px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transition: transform 0.3s;“>
<h3 style=“color: #FFD93D; margin-bottom: 15px;“>Desafios ao Ar Livre</h3>
<p>Experiências emocionantes que fortalecem a confiança e a cooperação entre colegas.</p>
</div>

<!– Card 3 –>
<div style=“background-color: #fff; border-radius: 15px; padding: 30px; width: 300px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transition: transform 0.3s;“>
<h3 style=“color: #6BCB77; margin-bottom: 15px;“>Team Games & Competições</h3>
<p>Jogos divertidos e competitivos que aumentam a motivação e a energia do grupo.</p>
</div>

</div>
</section>

<!– Seção de Chamada à Ação –>
<section style=“background-color: #6BCB77; color: #fff; text-align: center; padding: 60px 20px;“>
<h2 style=“font-size: 2.5rem; margin-bottom: 20px;“>Pronto para transformar a tua equipa?</h2>
<p style=“font-size: 1.2rem; max-width: 700px; margin: 0 auto 30px;“>Contacta-nos hoje mesmo e descobre experiências de team building cheias de energia e diversão!</p>
<a href=“mailto:contacto@teambuilding.com” style=“background-color: #fff; color: #6BCB77; padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: bold;“>Fala Connosco</a>
</section>

<!– Estilo Hover nos Cards –>
<style>
div[style*=“box-shadow”]:hover {
transform: translateY(-10px);
box-shadow: 0 20px 30px rgba(0,0,0,0.15);
}
</style>