"use client";
import Link from "next/link";
import {
  FaFacebookF,
  FaTwitter,
  FaInstagram,
  FaLinkedinIn,
} from "react-icons/fa";

export default function Footer() {
  return (
    <footer className="bg-gray-900 text-gray-300 py-10">
      <div className="container mx-auto px-6 md:px-12 grid grid-cols-1 md:grid-cols-4 gap-8">
        {/* Brand */}
        <div>
          <h2 className="text-2xl font-bold text-white">Update Bharat</h2>
          <p className="mt-4 text-sm">
            India’s trusted platform for Properties Listings, Sale Properties,
            and Buy Properties.
          </p>
        </div>

        {/* Quick Links */}
        <div>
          <h3 className="text-lg font-semibold text-white mb-4">Quick Links</h3>
          <ul className="space-y-2 text-sm">
            <li>
              <Link href="/" className="hover:text-white">
                Home
              </Link>
            </li>
            <li>
              <Link href="/about" className="hover:text-white">
                About Us
              </Link>
            </li>
            <li>
              <Link href="/properties" className="hover:text-white">
                Properties
              </Link>
            </li>
            <li>
              <Link href="/contact" className="hover:text-white">
                Contact
              </Link>
            </li>
            <li>
              <Link href="/faq" className="hover:text-white">
                Faq
              </Link>
            </li>
          </ul>
        </div>

        {/* Services */}
        <div>
          <h3 className="text-lg font-semibold text-white mb-4">Properties</h3>
          <ul className="space-y-2 text-sm">
            <li>
              <Link href="/properties" className="hover:text-white">
                Best Listings
              </Link>
            </li>
            <li>
              <Link href="/sale-plots" className="hover:text-white">
                Sale Plots
              </Link>
            </li>
            <li>
              <Link href="/sale-flats" className="hover:text-white">
                Sale Flats
              </Link>
            </li>
            <li>
              <Link href="/plot-sale-in-jaipur" className="hover:text-white">
                Plot sale in jaipur
              </Link>
            </li>
            <li>
              <Link href="/flats-sale-in-jaipur" className="hover:text-white">
                Flats sale in jaipur
              </Link>
            </li>
            <li>
              <Link href="/flats-in-jaipur" className="hover:text-white">
                Flats in Jaipur
              </Link>
            </li>
            <li>
              <Link href="/flats-in-ajmer" className="hover:text-white">
                Flats in Ajmer
              </Link>
            </li>
            <li>
              <Link href="/plot-in-jaipur" className="hover:text-white">
                Plot in Jaipur
              </Link>
            </li>
            <li>
              <Link href="/plot-in-ajmer" className="hover:text-white">
                Plot in Ajmer
              </Link>
            </li>
            <li>
              <Link href="/plot-in-kota" className="hover:text-white">
                Plot in Kota
              </Link>
            </li>
            <li>
              <Link href="/plot-in-kota" className="hover:text-white">
                Plot in Kota
              </Link>
            </li>
          </ul>
        </div>

        {/* Contact & Social */}
        <div>
          <h3 className="text-lg font-semibold text-white mb-4">Contact Us</h3>
          <p className="text-sm">lokeshrj48@gmail.com</p>
          <p className="text-sm">+91 9610641351</p>
          <div className="flex space-x-4 mt-4">
            <a
              href="#"
              className="p-2 bg-gray-700 rounded-full hover:bg-white hover:text-gray-900"
            >
              <FaFacebookF />
            </a>
            <a
              href="#"
              className="p-2 bg-gray-700 rounded-full hover:bg-white hover:text-gray-900"
            >
              <FaTwitter />
            </a>
            <a
              href="#"
              className="p-2 bg-gray-700 rounded-full hover:bg-white hover:text-gray-900"
            >
              <FaInstagram />
            </a>
            <a
              href="#"
              className="p-2 bg-gray-700 rounded-full hover:bg-white hover:text-gray-900"
            >
              <FaLinkedinIn />
            </a>
          </div>
        </div>
      </div>

      <div className="border-t border-gray-700 mt-10 pt-4 text-center text-sm text-gray-500">
        © {new Date().getFullYear()} Update Bharat. All Rights Reserved.
      </div>
    </footer>
  );
}
