<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VoyageVista - Discover Your Next Adventure</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<nav>
<div class="logo">VoyageVista</div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="destinations.html">Destinations</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section class="hero">
<h1>Welcome to VoyageVista</h1>
<p>Explore the world with us. Discover breathtaking destinations and create unforgettable memories.</p>
<a href="destinations.html" class="cta">Start Exploring</a>
</section>
<section class="featured">
<h2>Featured Destinations</h2>
<div class="destinations-grid">
<div class="destination">
<img src="https://via.placeholder.com/300x200?text=Paris" alt="Paris">
<h3>Paris, France</h3>
<p>The city of love awaits you with its iconic landmarks and romantic atmosphere.</p>
</div>
<div class="destination">
<img src="https://via.placeholder.com/300x200?text=Tokyo" alt="Tokyo">
<h3>Tokyo, Japan</h3>
<p>Experience the blend of tradition and modernity in this vibrant metropolis.</p>
</div>
<div class="destination">
<img src="https://via.placeholder.com/300x200?text=New+York" alt="New York">
<h3>New York, USA</h3>
<p>The city that never sleeps, full of energy and endless possibilities.</p>
</div>
</div>
</section>
<footer>
<p>© 2025 VoyageVista. All rights reserved.</p>
</footer>
</body>
</html>