</main>

<footer class="footer bg-dark text-white-50 pt-5 pb-4">
    <div class="container text-center text-md-start">
        <div class="row mt-3">
            <div class="col-md-4 col-lg-4 col-xl-4 mx-auto mb-4">
                <h6 class="text-uppercase fw-bold text-white"><?php echo htmlspecialchars($site_settings['site_name'] ?? 'Your Company'); ?></h6>
                <hr class="mb-4 mt-0 d-inline-block mx-auto" style="width: 60px; background-color: var(--bs-primary); height: 2px"/>
                <p><?php echo htmlspecialchars($site_settings['footer_about_text'] ?? ''); ?></p>
            </div>
            <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
                <h6 class="text-uppercase fw-bold text-white">Links</h6>
                <hr class="mb-4 mt-0 d-inline-block mx-auto" style="width: 60px; background-color: var(--bs-primary); height: 2px"/>
                <p><a href="about.php" class="text-reset">About Us</a></p><p><a href="contact.php" class="text-reset">Contact</a></p><p><a href="faq.php" class="text-reset">FAQ</a></p>
            </div>
            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
                 <h6 class="text-uppercase fw-bold text-white">Follow Us</h6>
                <hr class="mb-4 mt-0 d-inline-block mx-auto" style="width: 60px; background-color: var(--bs-primary); height: 2px"/>
                <a href="<?php echo htmlspecialchars($site_settings['footer_social_facebook_url'] ?? '#'); ?>" class="btn btn-outline-light btn-floating m-1"><i class="bi bi-facebook"></i></a>
                <a href="<?php echo htmlspecialchars($site_settings['footer_social_twitter_url'] ?? '#'); ?>" class="btn btn-outline-light btn-floating m-1"><i class="bi bi-twitter"></i></a>
                <a href="<?php echo htmlspecialchars($site_settings['footer_social_instagram_url'] ?? '#'); ?>" class="btn btn-outline-light btn-floating m-1"><i class="bi bi-instagram"></i></a>
            </div>
            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
                <h6 class="text-uppercase fw-bold text-white">Contact</h6>
                <hr class="mb-4 mt-0 d-inline-block mx-auto" style="width: 60px; background-color: var(--bs-primary); height: 2px"/>
                <p><i class="bi bi-envelope-fill me-3"></i> <?php echo htmlspecialchars($site_settings['header_contact_email'] ?? ''); ?></p>
                <p><i class="bi bi-phone-fill me-3"></i> <?php echo htmlspecialchars($site_settings['header_contact_phone'] ?? ''); ?></p>
            </div>
        </div>
    </div>
    <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
        © <?php echo date("Y"); ?> Copyright: <a class="text-white fw-bold" href="#"><?php echo htmlspecialchars($site_settings['footer_copyright_text'] ?? 'Your Website'); ?></a>
    </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="/js/main.js"></script>

</body>
</html>
