<?php include('config.php'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>API Portfolio - Hamna Sheikh</title>
    <style>
        body { background: #0f172a; color: white; font-family: sans-serif; margin: 0; }
        nav { display: flex; justify-content: space-between; align-items: center; padding: 15px 50px; background: #1e293b; }
        .nav-links { display: flex; list-style: none; gap: 20px; }
        .nav-links a { color: white; text-decoration: none; font-weight: 500; }
        .luxury-btn { color: #fbbf24 !important; border: 2px solid #fbbf24; padding: 8px 20px; border-radius: 25px; transition: 0.3s; }
        .luxury-btn:hover { background: #fbbf24; color: #1e293b !important; }
        .hero { text-align: center; margin-top: 100px; }
        .hero h1 { font-size: 3.5rem; color: #fbbf24; }
    </style>
</head>
<body>
<nav>
    <h2>Hamna Sheikh</h2>
    <ul class="nav-links">
        <li><a href="login.php">Login</a></li>
        <li><a href="signup.php">Signup</a></li>
        <li><a href="luxury_sites.php" class="luxury-btn">🌍 Luxury Sites</a></li>
    </ul>
</nav>
<div class="hero">
    <h1>Luxury Destination Explorer</h1>
    <p>Discover the world's most premium sites using Pexels API.</p>
    <br>
    <a href="luxury_sites.php" style="background:#fbbf24; color:#0f172a; padding:15px 35px; text-decoration:none; font-weight:bold; border-radius:5px;">Explore Now</a>
</div>
</body>
</html>