import { MapPin, Phone, Mail, Linkedin, Instagram, Send } from "lucide-react";

export default function Footer() {
  return (
    <footer className="bg-[#0F172A] text-gray-300 pt-16 pb-6" dir="rtl">
      <div className="max-w-6xl mx-auto px-4 grid md:grid-cols-[1.9fr_1fr_1fr_1fr] gap-12">

        {/* About */}
        <div className="flex justify-center flex-col ">
          <h3 className="text-white text-lg font-bold mb-4 flex items-center gap-2">
            وب سایت پارس
            <span className="text-yellow-500">⚙️</span>
          </h3>

          <p className="text-sm leading-7 text-gray-400">
            فروش تخصصی انواع بلبرینگ، رولبرینگ و قطعات صنعتی با بهترین
            استانداردهای اروپایی و کیفیت بالا. هدف ما ارائه محصولات
            با کیفیت و ایجاد رضایت کامل مشتریان می‌باشد.
          </p>

          <div className="flex gap-3 mt-4">
            <a className="bg-white/10 p-2 rounded hover:bg-white/20">
              <Linkedin size={18} />
            </a>
            <a className="bg-white/10 p-2 rounded hover:bg-white/20">
              <Instagram size={18} />
            </a>
            <a className="bg-white/10 p-2 rounded hover:bg-white/20">
              <Send size={18} />
            </a>
          </div>
        </div>

        {/* Quick Access */}
        <div className="flex  flex-col ">
          <h4 className="text-yellow-500 font-semibold mb-4">
            دسترسی سریع
          </h4>

          <ul className="space-y-3 text-sm">
            <li className="hover:text-white cursor-pointer">صفحه اصلی</li>
            <li className="hover:text-white cursor-pointer">محصولات صنعتی</li>
            <li className="hover:text-white cursor-pointer">محصولات کشاورزی</li>
            <li className="hover:text-white cursor-pointer">دانشنامه فنی</li>
            <li className="hover:text-white cursor-pointer">درباره ما</li>
          </ul>
        </div>

        {/* Services */}
        <div className="flex flex-col ">
          <h4 className="text-yellow-500 font-semibold mb-4">
            خدمات مشتریان
          </h4>

          <ul className="space-y-3 text-sm">
            <li className="hover:text-white cursor-pointer">ثبت ارسال سفارش</li>
            <li className="hover:text-white cursor-pointer">پیگیری سفارش</li>
            <li className="hover:text-white cursor-pointer">درخواست پیش فاکتور</li>
            <li className="hover:text-white cursor-pointer">بازگشت و ضمانت</li>
            <li className="hover:text-white cursor-pointer">راهنمای خرید</li>
          </ul>
        </div>

        {/* Contact */}
        <div className="flex flex-col ">
          <h4 className="text-yellow-500 font-semibold mb-4">
            اطلاعات تماس
          </h4>

          <ul className="space-y-4 text-sm">
            <li className="flex items-center gap-2">
              <MapPin size={16} className="text-yellow-500" />
             شیراز،معالی اباد
            </li>

            <li className="flex items-center gap-2">
              <Phone size={16} className="text-yellow-500" />
              09120000000
            </li>

            <li className="flex items-center gap-2">
              <Mail size={16} className="text-yellow-500" />
              info@pars-bearing.com
            </li>
          </ul>
        </div>
      </div>

      {/* Bottom */}
      <div className="border-t border-white/10 mt-12 pt-6 text-center text-xs text-gray-400">
        تمامی حقوق این وبسایت محفوظ و متعلق به پارس می‌باشد © 2026
      </div>
    </footer>
  );
}