import s from './styles.module.scss';
import { breadcrumbData } from './model/breadcrums';
import { Breadcrumbs } from '@/widgets';
import Link from 'next/link';
import { Partners } from '@/feature/article';
import { linksData } from './model/links';

function JuristCategory() {
  return (
    <>
      <Breadcrumbs breadcrumbs={breadcrumbData} />
      <section className={s.Container}>
        <h2 className={s.Header}>Юридические услуги</h2>
        <div className={s.Grid}>
          {linksData.map(({ block }, index) => (
            <div key={index} className={s.Block}>
              <ul className={s.List}>
                {block.map(({ name, link }, idx) => (
                  <li key={idx} className={s.ListItem}>
                    {link ? <Link href={link}>{name}</Link> : name}
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>
      </section>
      <Partners />
    </>
  );
}

export { JuristCategory };
