import { imsPolicy } from "@/data/company";

export function ImsPolicy() {
  return (
    <section
      id="ims-policy"
      className="section section-gray border-t border-[#e5e5e5]"
    >
      <div className="container-page text-center">
        <div className="relative mb-4 inline-block">
          <span
            aria-hidden
            className="pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 select-none whitespace-nowrap text-4xl font-extrabold tracking-[0.2em] text-[#232323]/10 uppercase sm:text-5xl md:text-6xl"
          >
            {imsPolicy.titleEn}
          </span>
          <h2 className="relative text-2xl font-bold text-[#232323] sm:text-[28px]">
            {imsPolicy.title}
          </h2>
        </div>
        <p className="mx-auto mb-6 max-w-3xl leading-8 text-[#666]">
          {imsPolicy.intro}
        </p>
        <a
          href={imsPolicy.href}
          className="inline-flex items-center gap-2 text-sm font-bold text-[#232323] transition hover:text-accent-green"
        >
          مطالعه خط مشی
          <span aria-hidden className="text-lg">
            ›
          </span>
        </a>
      </div>
    </section>
  );
}
