<!– Seção de Apresentação –>
<section style=“background: linear-gradient(135deg, #FF6B6B, #FFD93D); colour: #fff; text-align: centre; padding: 80px 20px; font-family: ‘Arial’, sans-serif;“>
<h1 style=“font-size: 3rem; margin-bottom: 20px;“>Team Building that Inspires</h1>
<p style=“font-size: 1.2rem; max-width: 700px; margin: 0 auto 40px;“>We turn teams into real champions! Fun, creative and energetic activities to strengthen collaboration and motivation.</p>
<a href=“#services” style=“background-color: #fff; color: #FF6B6B; padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: bold; transition: 0.3s;“>Discover our services</a>

<!– Seção de Serviços –>
<section id=“services” style=“padding: 80px 20px; background-color: #f7f7; text-align: centre;“>
<h2 style=“font-size: 2.5rem; margin-bottom: 50px;“>Our Services</h2>
<div style=“display: flex; flex-wrap: wrap; justify-content: centre; 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=“colour: #FF6B6B; margin-bottom: 15px;“>Creative Workshops</h3>
<p>Activities that stimulate the imagination and solve problems as a team, with lots of fun.</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=“colour: #FFD93D; margin-bottom: 15px;“>Outdoor Challenges</h3>
<p>Exciting experiences that strengthen trust and co-operation between colleagues.</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=“colour: #6BCB77; margin-bottom: 15px;“>Team Games & Competitions</h3>
<p>Fun and competitive games that increase the motivation and energy of the group.</p>
</div>

</div>

<!– Seção de Chamada à Ação –>
<section style=“background-color: #6BCB77; color: #fff; text-align: centre; padding: 60px 20px;“>
<h2 style=“font-size: 2.5rem; margin-bottom: 20px;“>Ready to transform your team?</h2>
<p style=“font-size: 1.2rem; max-width: 700px; margin: 0 auto 30px;“>Contact us today and discover team building experiences full of energy and fun!</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;“>Talk to us</a>

<!– 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>