<!-- Footer Section -->
<footer role="contentinfo">
    <div class="footer-container">
        <div id="newsletter-container">
            
            <form id="newsletter-form">
                <label for="email-input" class="hidden">Enter your email to subscribe to our newsletter</label>
                <input
                    type="email"
                    id="email-input"
                    
                    placeholder="Subscribe@BloomValleyNursery.com"
                />
                <button id="submit-btn" type="submit" aria-label="Submit the subscribe form">
                    Subscribe Now!
                </button>
            </form>
        </div>
        <div class="footer-nav-links">
            <nav id="footer-nav">
                <ul>
                    <li><a href="/" {% if currentPage == 'index' %}class="current-page" aria-current="page"{% endif %}>Home</a></li>
                    <li><a href="/gallery/" {% if currentPage == 'gallery' %}class="current-page" aria-current="page"{% endif %}>Gallery</a></li>
                    <li><a href="/about/" {% if currentPage == 'about' %}class="current-page" aria-current="page"{% endif %}>About Us</a></li>
                    <li><a href="/community/" {% if currentPage == 'community' %}class="current-page" aria-current="page"{% endif %}>Community Events</a></li>
                </ul>
            </nav>
        </div>
        
        <div id="social-media">
            <h3>Check us out on social media!</h3>
            <ul class="social-icons">
                <li id="pinterest">
                <a href="#" aria-label="Follow us on Pinterest"
                ><i class="fa-brands fa-square-pinterest fa-lg"></i></a></li>
                <li id="facebook">
                <a href="#" aria-label="Follow us on Facebook"
                ><i class="fa-brands fa-facebook fa-lg"></i
                ></a>
                </li>
                <li id="instagram">
                    <a href="#" aria-label="Follow us on Instagram"
                    ><i class="fa-brands fa-instagram fa-lg"></i
                    ></a>
                </li>
                <li id="twitter">
                    <a href="#" aria-label="Follow us on X (Twitter)"
                    ><i class="fa-brands fa-square-x-twitter fa-lg"></i
                    ></a>
                </li>
                <li id="youtube">
                    <a href="#" aria-label="View our Youtube channel"
                    ><i class="fa-brands fa-youtube fa-lg"></i
                    ></a>
                </li>
            </ul>
        </div>
        
        <div id="copyright">&copy; 2025, Derek L. Seitz, <a href="https://dlseitz.dev">dlseitz.dev</a>. Images used with permissions from <a href="/credits/" target="_blank" rel="noopener noreferrer">these contributors</a>.</div>
    </div>
</footer>
