<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel = 'stylesheet' href="	https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/home.css">
    <title>Travel Scout</title>
</head>
<body class="d-flex text-center text-white bg-dark">
    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
        <header class="mb-auto">
            <div class="nav-container">
                <nav class="nav nav-masthead justify-content-between float-md-right">
                    <h3 class="float-md-left mb-0 ">Travel Scout</h3>
                    <div class="d-flex">
                        <a href="#" class="nav-link active" aria-current="page">Home</a>
                    <a href="/campgrounds" class="nav-link">Campgrounds</a>
                    <% if(!currentUser){ %>
                    <a href="/login" class="nav-link">Login</a>
                    <a href="/register" class="nav-link">SignUp</a>
                    <% } else {%>
                    <a href="/logout" class="nav-link">LogOut</a>
                    <% } %>
                    </div>
                </nav>
            </div>
        </header>
        <main class="px-3">
            <h1>
                <img class="img-fluid" src="/assets/travel-scout-logo.png" alt="">
            </h1>
            <p class="lead mb-3">
                Welcome! to Travel Scout.
                <br> 
                üèïÔ∏èA campsite review website where you can find beautiful campsites <br>and leave reviewsüìù for others to check.
            </p>
            <a href="/campgrounds" class="btn btn-md btn-secondary fw-bold bg-white mt-3">View Campgrounds</a>
        </main>
        <footer class="mt-auto w-100 text-white-50">
            <div class="d-flex justify-content-between">
                <div class="text-light h6">
                    Developed by:
                    <a href="https://github.com/harsh-sharma-z"
                    class="text-light text-decoration-none footer-link"
                    target="_blank">
                        Harsh Sharma
                    </a>
                </div>
                <div class="text-light h6">
                    <span class="text-muted">&copy; 2024 Travel Scout</span>
                </div>
            </div>
        </footer>
    </div>



    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
</body>
</html>