feat: add experts page

src/views/experts/category/ui.tsx

@@ -0,0 +1,39 @@
+import s from './styles.module.scss';
+import Image from 'next/image';
+import { Breadcrumbs } from '@/widgets';
+import { breadcrumbData } from './model/breadcrums';
+import { expertsData } from './model/experts';
+
+function Experts() {
+  return (
+    <>
+      <Breadcrumbs breadcrumbs={breadcrumbData} />
+      <section className={s.Container}>
+        {expertsData.map(({ name, photo, position, certificate }, index) => (
+          <div key={index} className={s.Block}>
+            <div className={s.Expert}>
+              <Image
+                className={s.Image}
+                src={photo}
+                alt={`${position}-${name}`}
+              />
+              <p className={s.Name}>{name}</p>
+              <p className={s.Position}>{position}</p>
+            </div>
+            <div className={s.Certificate}>
+              {certificate && (
+                <Image
+                  className={s.Image}
+                  src={certificate}
+                  alt={`${position}-${name}`}
+                />
+              )}
+            </div>
+          </div>
+        ))}
+      </section>
+    </>
+  );
+}
+
+export { Experts };