"use client"

import React from "react"
import Link from "next/link"
import Image from "next/image"

const Footer: React.FC = () => {
    const currentYear = new Date().getFullYear()
    return (
        <>
            <div className="footer-area overflow-hidden">
                <div className="container">
                    <div className="row justify-content-center">
                        <div className="col-lg-4 col-md-6 col-sm-6">
                            <div className="single-footer-widget">
                                <h3>Contact Info</h3>

                                <ul className="footer-contact-info">
                                    <li>
                                        <i className="flaticon-phone-call"></i>
                                        <span>Mon to Fri : 10:00AM - 06:00PM</span>

                                        <a href="tel:+971504546265">+971504546265</a>
                                    </li>
                                    <li>
                                        <i className="flaticon-email"></i>
                                        <span>Do You Have a Question?</span>
                                        <a href="mailto:example@taiker.com">example@taiker.com</a>
                                    </li>
                                    <li>
                                        <i className="flaticon-social-media"></i>
                                        <span>Socials Network</span>

                                        <ul className="social">
                                            <li>
                                                <a href="https://twitter.com/" target="_blank">
                                                    <i className="fab fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.facebook.com/" target="_blank">
                                                    <i className="fab fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.instagram.com/" target="_blank">
                                                    <i className="fab fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.linkedin.com/" target="_blank">
                                                    <i className="fab fa-linkedin"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.youtube.com/" target="_blank">
                                                    <i className="fab fa-youtube"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-6">
                            <div className="single-footer-widget pl-5">
                                <h3>Quick Links</h3>

                                <ul className="footer-quick-links">
                                    <li>
                                        <Link href="/">Home</Link>
                                    </li>
                                    <li>
                                        <Link href="/about2">About</Link>
                                    </li>
                                    <li>
                                        <Link href="/blog">Blog</Link>
                                    </li>
                                    <li>
                                        <Link href="/contact">Contact</Link>
                                    </li>
                                    <li>
                                        <Link href="/team2">Team Style Two</Link>
                                    </li>
                                    <li>
                                        <Link href="/features">Features</Link>
                                    </li>
                                    <li>
                                        <Link href="/contact">Support</Link>
                                    </li>
                                    <li>
                                        <Link href="/shop">Shop</Link>
                                    </li>
                                    <li>
                                        <Link href="/services">Services</Link>
                                    </li>
                                    <li>
                                        <Link href="/projects">Projects</Link>
                                    </li>
                                    <li>
                                        <Link href="/contact">Support</Link>
                                    </li>
                                    <li>
                                        <Link href="/shop">Shop</Link>
                                    </li>
                                    <li>
                                        <Link href="/team">Team</Link>
                                    </li>
                                    <li>
                                        <Link href="/conatct">Support</Link>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-6">
                            <div className="single-footer-widget pl-5">
                                <h3>Instagram</h3>

                                <ul className="footer-instagram-post">
                                    <li>
                                        <a href="https://www.instagram.com/" target="_blank">
                                            <Image
                                                src="/images/instagram-image/insta-img1.jpg"
                                                alt="image"
                                                width={150}
                                                height={122}
                                            />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.instagram.com/" target="_blank">
                                            <Image
                                                src="/images/instagram-image/insta-img2.jpg"
                                                alt="image"
                                                width={150}
                                                height={122}
                                            />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.instagram.com/" target="_blank">
                                            <Image
                                                src="/images/instagram-image/insta-img3.jpg"
                                                alt="image"
                                                width={150}
                                                height={122}
                                            />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.instagram.com/" target="_blank">
                                            <Image
                                                src="/images/instagram-image/insta-img4.jpg"
                                                alt="image"
                                                width={150}
                                                height={122}
                                            />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.instagram.com/" target="_blank">
                                            <Image
                                                src="/images/instagram-image/insta-img5.jpg"
                                                alt="image"
                                                width={150}
                                                height={122}
                                            />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.instagram.com/" target="_blank">
                                            <Image
                                                src="/images/instagram-image/insta-img6.jpg"
                                                alt="image"
                                                width={150}
                                                height={122}
                                            />
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div className="copyright-area">
                        <div className="row align-items-center">
                            <div className="col-lg-6 col-sm-6 col-md-6">
                                <p>
                                    Copyright &copy;{currentYear} Taiker. All rights reserved{" "}
                                    <a href="https://envytheme.com/" target="_blank">
                                        EnvyTheme
                                    </a>
                                </p>
                            </div>

                            <div className="col-lg-6 col-sm-6 col-md-6">
                                <ul>
                                    <li>
                                        <Link href="/terms-and-conditions">Terms & Conditions</Link>
                                    </li>
                                    <li>
                                        <Link href="/privacy-policy">Privacy Policy</Link>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}

export default Footer