Files
ocenka-web/src/views/home/ui.tsx
2025-12-01 16:36:13 +03:00

69 lines
2.4 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import s from './styles.module.scss';
import Image from 'next/image';
import { Button, Icons, PartnersSlider } from '@shared/ui';
import bg from '@public/images/bg-main.jpg';
import lines from '@public/images/bg-lines.png';
import { ServiceGrid } from '@/widgets';
export default function Main() {
return (
<>
<section className={s.Main}>
<div className={s.BgWrapper}>
<Image className={s.Background} src={bg} alt={''} />
</div>
<h2 className={s.Header}>
Независимая оценка и экспертиза в <br /> Краснодарском крае
</h2>
<Image className={s.Lines} src={lines} alt={''} />
</section>
<section className={s.Row}>
<div className={s.LeftBlock}>
<div className={s.Rounded}>
<p> 3300 </p>
<p>оценок</p>
</div>
<div className={s.Rounded}>
<p>2800</p>
<p>экспертиз</p>
</div>
</div>
<div className={s.RightBlock}>
<div className={s.SubBlock}>
<Icons.MapOutline width={64} height={64} color={'#FFFFFF'} />
<p className={s.Text}>
Мы производим независимую оценку и экспертизу на всей территории
Краснодарского края и города Сочи
</p>
</div>
<div className={s.SubBlock}>
<Icons.Consultation width={64} height={64} color={'#FFFFFF'} />
<p className={s.Text}>
Клиентам предоставляется бесплатная юридическая консультация
</p>
</div>
</div>
</section>
<ServiceGrid />
<section className={s.BottomRow}>
<div className={s.LeftBlock}>
<p className={s.LineTitle}>Остались вопросы?</p>
<p className={s.LineText}>Свяжитесь с нами любым удобным способом</p>
</div>
<div className={s.RightBlock}>
<Button>Написать в чат</Button>
<Button>Бесплатный звонок</Button>
</div>
</section>
<section className={s.Slider}>
<h2 className={s.Title}>Наши клиенты и партнеры</h2>
<PartnersSlider />
</section>
</>
);
}