"use client"

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

const FooterThree: React.FC = () => {
    return (
        <>
            <div className="footer-wrap-area with-black-color pt-100 pb-70">
                <div className="container">
                    <div className="row justify-content-center">
                        <div className="col-lg-3 col-md-6 col-sm-6">
                            <div className="single-footer-card">
                                <Link href="/" className="logo">
                                    <Image src="/images/logo-white.png" alt="logo" width={124} height={38} />
                                </Link>

                                <p>
                                    Lorem ipsum dolor sit amet, is consectetur adipiscing elit, sed do ipsum lorem
                                    dollar eiusmo. Lorem ipsum dolor sit amet, is sit consectetur adipiscing elit.
                                </p>

                                <ul className="social-links">
                                    <li>
                                        <a href="https://www.facebook.com/" target="_blank">
                                            <i className="bx bxl-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.twitter.com/" target="_blank">
                                            <i className="bx bxl-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.linkedin.com/" target="_blank">
                                            <i className="bx bxl-linkedin"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.instagram.com/" target="_blank">
                                            <i className="bx bxl-instagram"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div className="col-lg-3 col-md-6 col-sm-6">
                            <div className="single-footer-card ps-5">
                                <h3>Services Links</h3>

                                <ul className="footer-quick-links">
                                    <li>
                                        <Link href="/services/details">
                                            <i className="fa-solid fa-angles-right"></i> Threat Hunter
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href="/services/details">
                                            <i className="fa-solid fa-angles-right"></i> Incident Responder
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href="/services/details">
                                            <i className="fa-solid fa-angles-right"></i> Secure Managed IT
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href="/services/details">
                                            <i className="fa-solid fa-angles-right"></i> Compliance
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href="/services/details">
                                            <i className="fa-solid fa-angles-right"></i> Cyber Security
                                        </Link>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div className="col-lg-3 col-md-6 col-sm-6">
                            <div className="single-footer-card ps-5">
                                <h3>Quick Links</h3>

                                <ul className="footer-quick-links">
                                    <li>
                                        <Link href="/contact">
                                            <i className="fa-solid fa-angles-right"></i> Contact Us
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href="/about">
                                            <i className="fa-solid fa-angles-right"></i> About
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href="/services">
                                            <i className="fa-solid fa-angles-right"></i> Services
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href="/faq">
                                            <i className="fa-solid fa-angles-right"></i> FAQ
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href="/blog">
                                            <i className="fa-solid fa-angles-right"></i> Blog
                                        </Link>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div className="col-lg-3 col-md-6 col-sm-6">
                            <div className="single-footer-card">
                                <h3>Contact Info</h3>

                                <ul className="contact-links">
                                    <li>
                                        <span>Address:</span> UAE, Abu-Dhabi, Alcornaish
                                    </li>
                                    <li>
                                        <span>Website:</span>{" "}
                                        <a href="https://envytheme.com/" target="_blank">
                                            EnvyTheme.com
                                        </a>
                                    </li>
                                    <li>
                                        <span>Email:</span>{" "}
                                        <a href="mailto:njedayeh@kineticenergy.ae">njedayeh@kineticenergy.ae</a>
                                    </li>
                                    <li>
                                        <span>Phone:</span> <a href="tel:+971549940099">+971549940099</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div className="footer-wrap-line">
                    <Image
                        src="/images/cryptocurrency-home/footer/wrap-line.png"
                        alt="image"
                        width={1920}
                        height={310}
                    />
                </div>
                <div className="footer-wrap-shape">
                    <Image src="/images/cyber-security-home/layer-shape.png" alt="image" width={350} height={385} />
                </div>
            </div>

            <div className="copyright-wrap-area with-black-color">
                <div className="container">
                    <div className="row align-items-center">
                        <div className="col-lg-6 col-sm-6 col-md-6">
                            <p>
                                Copyright @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 className="list">
                                <li>
                                    <Link href="/terms-and-conditions">Terms & Conditions</Link>
                                </li>
                                <li>
                                    <Link href="/privacy-policy">Privacy Policy</Link>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}

export default FooterThree