<?php
// Set the base URL for the website
$protocol = 'https';
$host = 'www.finggu.com';
$baseUrl = $protocol . '://' . $host;
$relativePath = '/';

// Current year for copyright
$currentYear = date('Y');
?>
<!-- Footer Component -->
</div> <!-- Close content wrapper from header -->

<!-- Footer -->
<footer class="bg-gray-900 text-white pt-16 pb-8" itemscope itemtype="https://schema.org/ProfessionalService">
    <!-- Structured Data for LocalBusiness -->
    <div itemscope itemtype="https://schema.org/LocalBusiness" class="hidden">
        <h1 itemprop="name">Finggu Infotech</h1>
        <img itemprop="logo" src="<?php echo $baseUrl; ?>/assets/images/logo.png" alt="Finggu Infotech Logo" />
        <p itemprop="description">Leading web design and development company in Mumbai offering professional digital solutions.</p>
        <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
            <span itemprop="streetAddress">A-402, Channur Bhavan CHS., Ghanshyam Near Station</span>,
            <span itemprop="addressLocality">Dombivali West</span>,
            <span itemprop="addressRegion">Maharashtra</span>,
            <span itemprop="postalCode">421202</span>
        </div>
        <p>Phone: <span itemprop="telephone">+91 86554 42429</span></p>
        <p>Email: <span itemprop="email">info@finggu.com</span></p>
        <p>Website: <a href="https://finggu.com" itemprop="url">finggu.com</a></p>
        <div itemprop="geo" itemscope itemtype="https://schema.org/GeoCoordinates">
            <meta itemprop="latitude" content="19.2183" />
            <meta itemprop="longitude" content="73.0856" />
        </div>
        <p>Opening Hours: 
            <meta itemprop="openingHours" content="Mo-Sa 10:00-19:00">Mon-Sat 10:00 AM - 7:00 PM
        </p>
    </div>
    <div class="container mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
            <!-- Company Info -->
            <div class="mb-8 md:mb-0">
                <a href="<?php echo $baseUrl; ?>" class="flex items-center mb-6" aria-label="Finggu Infotech Home">
                    <img src="<?php echo $baseUrl; ?>/assets/images/logo.png" alt="Finggu Infotech Logo" class="h-10 w-auto mr-2">
                    
                </a>
                <p class="text-gray-400 mb-6">Transforming ideas into digital reality with cutting-edge web solutions and innovative design.</p>
                <div class="flex space-x-4">
                    <a href="https://facebook.com" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors duration-300" aria-label="Facebook">
                        <i class="fab fa-facebook-f text-xl w-8 h-8 flex items-center justify-center rounded-full border border-gray-600 hover:border-red-500 hover:bg-red-500"></i>
                    </a>
                    <a href="https://twitter.com" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors duration-300" aria-label="Twitter">
                        <i class="fab fa-twitter text-xl w-8 h-8 flex items-center justify-center rounded-full border border-gray-600 hover:border-red-500 hover:bg-red-500"></i>
                    </a>
                    <a href="https://instagram.com" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors duration-300" aria-label="Instagram">
                        <i class="fab fa-instagram text-xl w-8 h-8 flex items-center justify-center rounded-full border border-gray-600 hover:border-red-500 hover:bg-red-500"></i>
                    </a>
                    <a href="https://linkedin.com" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors duration-300" aria-label="LinkedIn">
                        <i class="fab fa-linkedin-in text-xl w-8 h-8 flex items-center justify-center rounded-full border border-gray-600 hover:border-red-500 hover:bg-red-500"></i>
                    </a>
                </div>
            </div>

            <!-- Quick Links -->
            <div>
                <h3 class="text-xl font-bold mb-6 text-white">Quick Links</h3>
                <ul class="space-y-3">
                    <li><a href="<?php echo $baseUrl; ?>/about.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300" title="Learn more about Finggu Infotech">About Us</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/services.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300" title="Explore our professional services">Our Services</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/portfolio.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300" title="View our portfolio">Portfolio</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/testimonials.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300" title="Read client testimonials">Testimonials</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/blog/" class="text-gray-400 hover:text-red-500 transition-colors duration-300" title="Read our latest articles">Blog</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/contact.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300" title="Get in touch with us">Contact Us</a></li>
                </ul>
            </div>

            <!-- Services -->
            <div>
                <h3 class="text-xl font-bold mb-6 text-white">Our Services</h3>
                <ul class="space-y-3">
                    <li><a href="<?php echo $baseUrl; ?>/services/digital-marketing.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300">Digital Marketing</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/services/ecommerce.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300">E-commerce Solutions</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/services/mobile-apps.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300">Mobile App Development</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/services/seo.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300">SEO Services</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/services/web-design.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300">Web Design</a></li>
                    <li><a href="<?php echo $baseUrl; ?>/services/web-development.php" class="text-gray-400 hover:text-red-500 transition-colors duration-300">Web Development</a></li>
                </ul>
            </div>

            <!-- Contact Info -->
            <div>
                <h3 class="text-xl font-bold mb-6 text-white">Contact Us</h3>
                <ul class="space-y-4">
                    <li class="flex items-start" itemscope itemtype="https://schema.org/PostalAddress">
                        <i class="fas fa-map-marker-alt text-red-500 mt-1 mr-3"></i>
                        <span itemprop="streetAddress">A-402, Channur Bhavan CHS., Ghanshyam Near Station</span>, 
                        <span itemprop="addressLocality">Dombivali West</span>, 
                        <span itemprop="addressRegion">Maharashtra</span> 
                        <span itemprop="postalCode">421202</span>
                        <meta itemprop="addressCountry" content="IN" />
                    </li>
                    <li class="flex items-center">
                        <i class="fas fa-phone-alt text-red-500 mr-3"></i>
                        <a href="tel:+918655442429" class="hover:text-red-500 transition-colors duration-300" itemprop="telephone">+91 86554 42429</a>
                    </li>
                    <li class="flex items-center">
                        <i class="fas fa-envelope text-red-500 mr-3"></i>
                        <a href="mailto:info@finggu.com" class="hover:text-red-500 transition-colors duration-300" itemprop="email">info@finggu.com</a>
                    </li>
                    <li class="flex items-center">
                        <i class="fas fa-clock text-red-500 mr-3"></i>
                        <span class="text-gray-400">24/7 Available</span>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Newsletter -->
        <!-- Newsletter Section with Schema -->
        <div class="border-t border-gray-800 pt-12 pb-8" itemscope itemtype="https://schema.org/Newsletter">
            <div class="max-w-3xl mx-auto text-center">

                <h3 class="text-2xl md:text-3xl font-bold mb-4 text-white">Subscribe to Our Newsletter</h3>
                <p class="text-gray-400 mb-6 max-w-2xl mx-auto">Stay updated with our latest news, offers, and industry insights. No spam, we promise.</p>
                <form class="flex flex-col sm:flex-row gap-3 max-w-xl mx-auto px-4">
                    <div class="flex-1">
                        <input type="email" placeholder="Your email address" class="w-full px-5 py-3 rounded-md bg-gray-800 border border-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-red-500 focus:border-transparent transition-colors" required>
                    </div>
                    <button type="submit" class="bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white font-medium px-6 py-3 rounded-md transition-all duration-300 transform hover:-translate-y-0.5 hover:shadow-lg">
                        <span class="flex items-center justify-center">
                            <span>Subscribe</span>
                            <i class="fas fa-paper-plane ml-2"></i>
                        </span>
                    </button>
                </form>
                <p class="text-xs text-gray-500 mt-3">We respect your privacy. Unsubscribe at any time.</p>
            </div>
        </div>

        <!-- Copyright -->
        <!-- Footer Bottom -->
        <div class="border-t border-gray-800 pt-8">
            <div class="container mx-auto px-4">
                <div class="flex flex-col md:flex-row justify-between items-center">
                    <p class="text-gray-400 text-sm mb-4 md:mb-0">&copy; <?php echo $currentYear; ?> Finggu Infotech. All rights reserved.</p>
                    <div class="flex flex-wrap justify-center gap-4">
                        <a href="<?php echo $baseUrl; ?>/privacy-policy.php" class="text-gray-400 hover:text-white text-sm hover:underline" title="Privacy Policy">Privacy Policy</a>
                        <span class="text-gray-600">|</span>
                        <a href="<?php echo $baseUrl; ?>/terms-of-service.php" class="text-gray-400 hover:text-white text-sm hover:underline" title="Terms of Service">Terms of Service</a>
                        <span class="text-gray-600">|</span>
                        <a href="<?php echo $baseUrl; ?>/sitemap.xml" class="text-gray-400 hover:text-white text-sm hover:underline" title="Sitemap">Sitemap</a>
                    </div>
                </div>
                <!-- Back to Top Button -->
               
            </div>
        </div>
        
        <!-- JSON-LD for BreadcrumbList -->
        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "<?php echo $baseUrl; ?>"
                }<?php 
                    $uri = $_SERVER['REQUEST_URI'];
                    $segments = explode('/', trim(parse_url($uri, PHP_URL_PATH), '/'));
                    $url = $baseUrl;
                    
                    foreach ($segments as $index => $segment) {
                        if (!empty($segment) && $segment != 'index.php') {
                            $url .= '/' . $segment;
                            $name = ucwords(str_replace(['-', '.php'], [' ', ''], $segment));
                            echo ',';
                ?>
                {
                    "@type": "ListItem",
                    "position": <?php echo $index + 2; ?>,
                    "name": "<?php echo $name; ?>",
                    "item": "<?php echo $url; ?>"
                }
                <?php 
                        }
                    }
                ?>
            ]
        }
        </script>
    </div>
</footer>

<!-- WhatsApp Floating Button 
<a href="https://wa.me/918655442429" target="_blank" rel="noopener noreferrer" class="whatsapp-float" aria-label="Chat with us on WhatsApp">
    <i class="fab fa-whatsapp"></i>
</a>-->

<!-- Back to Top Button -->
<!-- <button id="back-to-top" class="fixed bottom-20 right-6 bg-red-600 text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg hover:bg-red-700 transition-colors z-40">
    <i class="fas fa-arrow-up"></i>
</button> -->

<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
<!-- Font Awesome JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>

<!-- Main JavaScript -->
<script src="<?php echo $baseUrl; ?>/assets/js/main.js"></script>

<!-- Initialize GSAP animations -->
<script>
    if (typeof gsap !== 'undefined') {
        gsap.registerPlugin(ScrollTrigger);
        
        // Animate elements when they come into view
        gsap.utils.toArray('.animate-on-scroll').forEach((element) => {
            gsap.from(element, {
                scrollTrigger: {
                    trigger: element,
                    start: 'top 80%',
                    toggleActions: 'play none none none',
                    once: true
                },
                opacity: 0,
                y: 20,
                duration: 0.6,
                ease: 'power2.out'
            });
        });
    }
</script>

<!-- Update copyright year -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const yearElement = document.getElementById('current-year');
        if (yearElement) {
            yearElement.textContent = new Date().getFullYear();
        }
    });
</script>

<!-- Link Tracker -->
<script src="/assets/js/link-tracker.js"></script>

</body>
</html>
<!-- End of Footer Component -->
