File: /var/www/html/acharyarajnikant.com/wp-content/themes/acharyarajnikant/footer.php
<?php
/**
* The template for displaying the footer
*
* @package Acharya_Rajnikant
*/
?>
</main><!-- #primary -->
<footer id="colophon" class="site-footer bg-theme-primary text-white pt-5 pb-3">
<div class="container pt-5">
<div class="row g-5">
<!-- Column 1: Brand & About -->
<div class="col-lg-5">
<div class="footer-brand mb-4">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo-1.svg"
alt="<?php bloginfo('name'); ?>"
style="height: 60px; width: auto; filter: brightness(0) invert(1);">
</div>
<p class="opacity-75 mb-4 pe-lg-4">
आचार्य रजनीकांत प्रामाणिक वैदिक ज्ञान और आध्यात्मिक मार्गदर्शन प्रदान करते हैं ताकि व्यक्ति जीवन की चुनौतियों का सामना स्पष्टता, शांति और समृद्धि के साथ कर सकें।
</p>
<div class="social-links d-flex gap-3">
<?php if (get_theme_mod('social_facebook', '#')): ?>
<a href="<?php echo esc_url(get_theme_mod('social_facebook', '#')); ?>" target="_blank"
class="social-icon bg-white bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center transition-all hover-translate-y"
style="width: 40px; height: 40px;">
<i class="bi bi-facebook text-white"></i>
</a>
<?php endif; ?>
<?php if (get_theme_mod('social_instagram', '#')): ?>
<a href="<?php echo esc_url(get_theme_mod('social_instagram', '#')); ?>" target="_blank"
class="social-icon bg-white bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center transition-all hover-translate-y"
style="width: 40px; height: 40px;">
<i class="bi bi-instagram text-white"></i>
</a>
<?php endif; ?>
<?php if (get_theme_mod('social_youtube', '#')): ?>
<a href="<?php echo esc_url(get_theme_mod('social_youtube', '#')); ?>" target="_blank"
class="social-icon bg-white bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center transition-all hover-translate-y"
style="width: 40px; height: 40px;">
<i class="bi bi-youtube text-white"></i>
</a>
<?php endif; ?>
<?php if (get_theme_mod('social_twitter', '#')): ?>
<a href="<?php echo esc_url(get_theme_mod('social_twitter', '#')); ?>" target="_blank"
class="social-icon bg-white bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center transition-all hover-translate-y"
style="width: 40px; height: 40px;">
<i class="bi bi-twitter text-white"></i>
</a>
<?php endif; ?>
<?php if (get_theme_mod('social_linkedin', '#')): ?>
<a href="<?php echo esc_url(get_theme_mod('social_linkedin', '#')); ?>" target="_blank"
class="social-icon bg-white bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center transition-all hover-translate-y"
style="width: 40px; height: 40px;">
<i class="bi bi-linkedin text-white"></i>
</a>
<?php endif; ?>
</div>
</div>
<!-- Column 2: Quick Links -->
<div class="col-lg-3 col-md-4">
<h5 class="fw-bold mb-4 text-white">महत्वपूर्ण लिंक</h5>
<ul class="list-unstyled footer-links">
<li class="mb-2"><a href="<?php echo esc_url(home_url('/')); ?>"
class="text-white opacity-75 hover-opacity-100 text-decoration-none d-inline-flex align-items-center gap-2 transition-all"><i
class="bi bi-chevron-right small text-theme-accent"></i> मुख्य पृष्ठ</a></li>
<li class="mb-2"><a href="<?php echo esc_url(home_url('/about/')); ?>"
class="text-white opacity-75 hover-opacity-100 text-decoration-none d-inline-flex align-items-center gap-2 transition-all"><i
class="bi bi-chevron-right small text-theme-accent"></i> हमारा परिचय</a></li>
<li class="mb-2"><a href="<?php echo esc_url(home_url('/gallery/')); ?>"
class="text-white opacity-75 hover-opacity-100 text-decoration-none d-inline-flex align-items-center gap-2 transition-all"><i
class="bi bi-chevron-right small text-theme-accent"></i> गैलरी</a></li>
<li class="mb-2"><a href="<?php echo esc_url(home_url('/contact/')); ?>"
class="text-white opacity-75 hover-opacity-100 text-decoration-none d-inline-flex align-items-center gap-2 transition-all"><i
class="bi bi-chevron-right small text-theme-accent"></i> संपर्क करें</a></li>
</ul>
</div>
<!-- Column 4: Contact Info -->
<div class="col-lg-4 col-md-4">
<h5 class="fw-bold mb-4 text-white">हमसे संपर्क करें</h5>
<div class="d-flex gap-3 mb-3">
<i class="bi bi-geo-alt text-theme-accent h5 mb-0"></i>
<p class="opacity-75 mb-0">
<?php echo esc_html(get_theme_mod('contact_location', 'Varanasi, Uttar Pradesh, India')); ?>
</p>
</div>
<div class="d-flex gap-3 mb-3">
<i class="bi bi-envelope text-theme-accent h5 mb-0"></i>
<a href="mailto:<?php echo esc_attr(get_theme_mod('contact_email', 'aacharyarajnikant@gmail.com')); ?>"
class="text-white opacity-75 hover-opacity-100 text-decoration-none transition-all">
<?php echo esc_html(get_theme_mod('contact_email', 'aacharyarajnikant@gmail.com')); ?>
</a>
</div>
<div class="d-flex gap-3 mb-3">
<i class="bi bi-whatsapp text-theme-accent h5 mb-0"></i>
<a href="tel:<?php echo esc_attr(str_replace(' ', '', get_theme_mod('contact_phone', '+917651945303'))); ?>"
class="text-white opacity-75 hover-opacity-100 text-decoration-none transition-all">
<?php echo esc_html(get_theme_mod('contact_phone', '+91-7651945303')); ?>
</a>
</div>
</div>
</div>
<!-- Divider -->
<div class="footer-divider my-5 border-top border-white opacity-10"></div>
<!-- Footer Bottom -->
<div class="row align-items-center">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
<p class="mb-0 opacity-50 small">
<?php
$default_copyright = '© ' . date('Y') . ' ' . get_bloginfo('name') . '. All rights reserved.';
echo wp_kses_post(get_theme_mod('footer_copyright_text', $default_copyright));
?>
</p>
</div>
<div class="col-md-6 text-center text-md-end">
<p class="mb-0 opacity-50 small">
<?php
$default_designer = 'Designed with <i class="bi bi-heart-fill text-danger"></i> by <a href="#" class="text-white text-decoration-none opacity-75 hover-opacity-100 transition-all">Rohit Kashyap</a>';
echo wp_kses_post(get_theme_mod('footer_designer_text', $default_designer));
?>
</p>
</div>
</div>
</div>
</footer><!-- #colophon -->
</div><!-- #page -->
<style>
.footer-links a:hover {
padding-left: 5px;
opacity: 1 !important;
}
.social-icon:hover {
background-color: var(--accent-color) !important;
transform: translateY(-3px);
}
.hover-opacity-100:hover {
opacity: 1 !important;
}
</style>
<script>
// Preloader Script
window.addEventListener('load', function () {
const preloader = document.getElementById('theme-preloader');
if (preloader) {
// Add fade-out class after window loads
preloader.classList.add('fade-out');
// Remove from DOM after transition finishes
setTimeout(() => {
preloader.style.display = 'none';
}, 600); // 600ms matches the CSS transition time
}
});
</script>
<?php wp_footer(); ?>
</body>
</html>