import { about } from "@/data/home";

export function About() {
  return (
    <section id="about" className="section">
      <div className="container-page">
        <div className="mx-auto max-w-3xl border-x border-[#ddd] px-6 py-2 text-center sm:px-12">
          <h2 className="mb-5 text-2xl font-bold text-[#232323] sm:text-[28px]">
            {about.title}
          </h2>
          <p className="mb-4 leading-8 text-[#666]">{about.paragraphs[0]}</p>
          <p className="mb-6 leading-8 text-[#666]">{about.paragraphs[1]}</p>
          <a
            href="/about"
            className="inline-flex items-center gap-2 text-sm font-bold text-[#232323]"
          >
            <span aria-hidden className="text-lg">‹</span>
            ادامه
          </a>
        </div>
      </div>
    </section>
  );
}