<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beneficios de Viajar con Nosotros</title>
<link rel="stylesheet" href="styles.css">
<!-- Aquí puedes enlazar tu archivo CSS o incluir estilos en línea -->
</head>
<body>
<!-- Encabezado -->
<header>
<nav>
<div class="logo">
<a href="#"><img src="logo.png" alt="Logo Weroad"></a>
</div>
<ul class="nav-links">
<li><a href="#">Inicio</a></li>
<li><a href="#">Viajes</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
</header>
<!-- Sección de Introducción -->
<section class="intro">
<div class="container">
<h1>Beneficios de Viajar con Nosotros</h1>
<p>Únete a nuestra comunidad de viajeros y vive experiencias únicas. Descubre todo lo que tenemos para ofrecerte.</p>
</div>
</section>
<!-- Sección de Beneficios -->
<section class="benefits">
<div class="container">
<h2>¿Por qué elegirnos?</h2>
<div class="benefit-item">
<img src="benefit-1.jpg" alt="Beneficio 1">
<h3>Guías Expertos</h3>
<p>Viaja con guías profesionales que conocen los mejores rincones del mundo.</p>
</div>
<div class="benefit-item">
<img src="benefit-2.jpg" alt="Beneficio 2">
<h3>Comunidad Exclusiva</h3>
<p>Conoce a otros viajeros apasionados y forma parte de una comunidad global.</p>
</div>
<div class="benefit-item">
<img src="benefit-3.jpg" alt="Beneficio 3">
<h3>Viajes Personalizados</h3>
<p>Diseñamos itinerarios adaptados a tus intereses y preferencias.</p>
</div>
</div>
</section>
<!-- Sección de Testimonios -->
<section class="testimonials">
<div class="container">
<h2>Lo que dicen nuestros viajeros</h2>
<div class="testimonial">
<p>"Un viaje increíble, con experiencias únicas y gente maravillosa. Definitivamente repetiré."</p>
<cite>- Juan Pérez</cite>
</div>
<div class="testimonial">
<p>"Nunca había viajado con un grupo tan unido. Las aventuras fueron inolvidables."</p>
<cite>- Ana García</cite>
</div>
</div>
</section>
<!-- Sección de Llamada a la Acción -->
<section class="cta">
<div class="container">
<h2>¿Estás listo para tu próxima aventura?</h2>
<a href="#" class="btn">Descubre nuestros viajes</a>
</div>
</section>
<!-- Pie de página -->
<footer>
<div class="container">
<p>© 2024 Weroad. Todos los derechos reservados.</p>
<ul class="social-links">
<li><a href="#">Facebook</a></li>
<li><a href="#">Instagram</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</div>
</footer>
</body>
</html>