redrockjs/ocenka-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add content to experts

Browse Source
This commit is contained in:
Valery Grunenko
2025-07-11 11:19:36 +03:00
parent dd8cc24925
commit 8fe566e1c9
58 changed files with 1640 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/experts/category/ui.tsx
View File

@@ -1,36 +1,42 @@
import s from './styles.module.scss';
import Link from 'next/link';
import Image from 'next/image';
import { Breadcrumbs } from '@/widgets';
import { breadcrumbData } from './model/breadcrums';
import { expertsData } from './model/experts';
import { ROUTES } from '@shared/const/route';
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>
))}
{expertsData.map(
({ name, photo, position, certificate, link }, index) => (
<Link href={link ?? ROUTES.EXPERTS} key={index}>
<div 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>
</Link>
),
)}
</section>
</>
);