"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 (
    <>
      <footer className="footer-area bg-color">
        <div className="container">
          <div className="row">
            <div className="col-lg-4 col-sm-6">
              <div className="single-footer-widget">
                <Link href="/" className="logo">
                  <Image
                    src="/img/footer-logo.png"
                    alt="logo"
                    width={130}
                    height={54}
                  />
                </Link>
                <p>
                  Our aim to cater almost every business segment and work towards pampering their growth with multi-dimensional IT platforms to help them build an undeterred online presence.
                </p>

                <ul className="social-link">
                  <li>
                    <a
                      className="d-block"
                      target="_blank"
                      href="https://www.facebook.com/webiletechnologies/"
                    >
                      <i className="bx bxl-facebook"></i>
                    </a>
                  </li>
                  <li>
                    <a
                      className="d-block"
                      target="_blank"
                      href="https://x.com/webiletech"
                    >
                      <i className="bx bxl-twitter"></i>
                    </a>
                  </li>
                  <li>
                    <a
                      className="d-block"
                      target="_blank"
                      href="https://www.instagram.com/webiletechnologies"
                    >
                      <i className="bx bxl-instagram"></i>
                    </a>
                  </li>
                  <li>
                    <a
                      className="d-block"
                      target="_blank"
                      href="https://www.linkedin.com/company/webile-technologies"
                    >
                      <i className="bx bxl-linkedin"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>

            <div className="col-lg-2 col-sm-6">
              <div className="single-footer-widget pl-5">
                <h3>Explore</h3>

                <ul className="footer-links-list">
                  <li>
                    <Link href="/gallery">Gallery</Link>
                  </li>
                  <li>
                    <Link href="/portfolio">Portfolio</Link>
                  </li>
                  <li>
                    <Link href="/partner-with-us">Partner with Us</Link>
                  </li>
                  <li>
                    <Link href="/contact">Contact Us</Link>
                  </li>
                  <li>
                    <Link href="/terms-conditions">Terms & Conditions</Link>
                  </li>
                  <li>
                    <Link href="/refund-policy">Refund Policy</Link>
                  </li>
                  <li>
                    <Link href="/privacy-policy">Privacy Policy</Link>
                  </li>
                </ul>
              </div>
            </div>

            <div className="col-lg-2 col-sm-6">
              <div className="single-footer-widget">
                <h3>Services</h3>

                <ul className="footer-links-list">
                  <li>
                    <Link href="/service/ui-ux-design/">UI & UX Design</Link>
                  </li>
                  <li>
                    <Link href="/service/web-development-services/">Web Development</Link>
                  </li>
                  <li>
                    <Link href="/service/mobile-apps-development/">Mobile App Development</Link>
                  </li>
                  <li>
                    <Link href="/service/game-development/">Game Development</Link>
                  </li>
                  <li>
                    <Link href="/service/digital-marketing/">Digital Marketing</Link>
                  </li>
                </ul>
              </div>
            </div>

            <div className="col-lg-4 col-sm-6">
              <div className="single-footer-widget">
                <h3>Address</h3>

                <ul className="footer-contact-info">
                  <li>
                    <i className="bx bx-map"></i>
                    <a href="https://maps.app.goo.gl/5Youh12renQk1Wbz6" target="_blank">
                      509, Gala Empire, Opp. TV Tower, Near Drive In Rd, Gurukul, Ahmedabad, Gujarat 380052
                    </a>
                  </li>
                  <li className="footer_phone_contact">
                    <i className="bx bx-phone-call"></i>
                    {/* <a href="tel:+91 8153091948">+91 8153091948</a>
                    <span>,</span> */}
                    <a href="tel:+91 8000361445">8000361445</a>
                  </li>
                  <li>
                    <i className="bx bx-envelope"></i>
                    <a href="mailto:sales@webiletechnologies.com">sales@webiletechnologies.com</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>

          <div className="footer-bottom-area">
            <div className="row align-items-center">
              <div className="col-lg-12 col-md-12">
                <p className="text-center">
                  Copyright &copy;{currentYear} <strong>Webile Technologies Pvt. Ltd.</strong> 
                </p>
              </div>
            </div>
          </div>
        </div>

        <div className="footer-map">
          <Image
            src="/img/footer-map.png"
            alt="image"
            width={693}
            height={362}
          />
        </div>
      </footer>
    </>
  );
};

export default Footer;