<div class="footer">
    <div class="footer-grid">
        <div class="footer-grid-1">
            <a href="#room">Rooms</a>
            <a href="../services.php">Services</a>
            <a href="#">News</a>
            <a href="#">Gallery</a>
            <a href="#">About</a>
        </div>
        <div class="footer-grid-2">
            <div class="footer-grid-2-title">
                <a href="#">Information<i class="bi bi-arrow-right-circle"></i></a>
            </div>
            <a href="#">General information</a>
            <a href="#">Loyalty program</a>
        </div>
        <div class="footer-grid-3">
            <img src="./images/logo-white.png" class="pre-header-img" style="width: 120px; margin-bottom:80px; margin-top:50px;"/>
            <div class="footer-grid-3-title" style="margin-bottom:100px;">
                <p style="font-size: 22px;">Midtown Hotel</p>
                <p style="margin-top: 10px;">36381 Trantow Hill,</p>
                <p style="margin-top: -10px;">New Port, FL 57941</p>
                <p style="margin-top: 50px;">+123 45 678 90 00</p>
                <p style="margin-top: -10px;">reception@midtownhotel.com</p>
            </div>
            <div style="display: flex; margin-bottom:50px; gap: 10px; font-size: 30px;">
                <a href="#" style="color:lightgray;"><i class='bx bxl-trip-advisor'></i></a>
                <a href="#" style="color:lightgray;"><i class='bx bxl-facebook-circle'></i></a>
                <a href="#" style="color:lightgray;"><i class='bx bxl-instagram'></i></a>
                <a href="#" style="color:lightgray;"><i class='bx bxl-youtube' ></i></a>
            </div>
        </div>
    </div>
    <div class="wave-area">
        <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
            <defs>
                <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
            </defs>
            <g class="parallax">
                <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(19,50,50,0.7"/>
                <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(19,40,40,0.5)" />
                <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(19,30,30,0.3)" />
                <use xlink:href="#gentle-wave" x="48" y="7" fill="#296161" />
            </g>
        </svg>
    </div>
</div>