<script>
    import "./Footer.css";
    import ThemeToggle from "../ThemeToggle/ThemeToggle.svelte";
    const year = new Date().getFullYear();
</script>

<footer class="footer" id="contact">
    <div class="footer-container">
        <div class="footer-content">
            <div class="footer-section">
                <div class="footer-logo-section">
                    <h3>CIMA PROGETTI Srls</h3>
                    <span
                        class="footer-logo footer-logo-mask"
                        aria-hidden="true"
                    ></span>
                </div>
                <div class="footer-social-section">
                    <p>Scoprirci anche sui nostri canali social</p>
                    <div class="footer-links">
                        <a
                            href="https://www.facebook.com/profile.php?id=61587060986122"
                            target="_blank"
                            rel="noopener noreferrer">
                            <span class="social-icon icon-facebook" aria-hidden="true"></span>
                            <span class="sr-only">Facebook</span>
                        </a>
                        <a
                            href="https://www.instagram.com/cimaprogetti/"
                            target="_blank"
                            rel="noopener noreferrer">
                            <span class="social-icon icon-instagram" aria-hidden="true"></span>
                            <span class="sr-only">Instagram</span>
                        </a>
                        <a 
                            href="https://www.linkedin.com/company/cima-progetti-srls/"
                            target="_blank"
                            rel="noopener noreferrer">
                            <span class="social-icon icon-linkedin" aria-hidden="true"></span>
                            <span class="sr-only">LinkedIn</span>
                        </a>
                        <a
                            href="https://www.tiktok.com/@cima.progetti"
                            target="_blank"
                            rel="noopener noreferrer">
                            <span class="social-icon icon-tiktok" aria-hidden="true"></span>
                            <span class="sr-only">TikTok</span>
                        </a>
                        <ThemeToggle />
                    </div>
                </div>
            </div>
            <div class="footer-section-info-container">
                <div class="footer-section-info">
                    <h4>LEGALS</h4>
                    <ul>  
                        <li><p>Via Via Otranto 39 <br /> 00192 Roma, Italia</p></li>
                        <li><p>REA RM-1778381</p></li>
                    </ul>
                </div>
                <div class="footer-section-info">
                    <h4>SUPPORTO</h4>
                    <ul>
                        <li><a href="#privacy-policy">Privacy Policy</a></li>
                        <li><a href="#terms-of-service">Termini e Condizioni</a></li>
                        <li><a href="#faq">FAQ</a></li>
                    </ul>
                </div>
                <div class="footer-section-info">
                    <h4>CONTATTI</h4>
                    <ul>
                        <li><a href="mailto:info@cimaprogetti.it">info@cimaprogetti.it</a></li>
                        <li><a href="tel:+393382451171">+39 338 245 1171</a></li>
                        <li><a href="mailto:cima.progetti@pec-societa.it">cima.progetti@pec-societa.it</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; {year} CIMA PROGETTI. soluzioni digitali.</p>
        </div>
    </div>
</footer>
