diff --git a/public/img/home-page/1.jpg b/public/img/home-page/1.jpg new file mode 100644 index 00000000..06abefdf Binary files /dev/null and b/public/img/home-page/1.jpg differ diff --git a/public/img/home-page/2.png b/public/img/home-page/2.png new file mode 100644 index 00000000..6f97eea1 Binary files /dev/null and b/public/img/home-page/2.png differ diff --git a/public/img/home-page/3.png b/public/img/home-page/3.png new file mode 100644 index 00000000..2919e5f5 Binary files /dev/null and b/public/img/home-page/3.png differ diff --git a/public/img/home-page/map.png b/public/img/home-page/map.png new file mode 100644 index 00000000..a48854ca Binary files /dev/null and b/public/img/home-page/map.png differ diff --git a/src/app/page.tsx b/src/app/page.tsx index 9f3c9e7e..00077f86 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,9 +1,11 @@ import { Motivation } from '@/components/Main/Motivation'; +import StatsMap from '@/components/Main/StatsMap'; export default function Home() { return (
+
); } diff --git a/src/components/Main/Motivation.tsx b/src/components/Main/Motivation.tsx index 79f71095..f241d446 100644 --- a/src/components/Main/Motivation.tsx +++ b/src/components/Main/Motivation.tsx @@ -1,23 +1,27 @@ +import Image from 'next/image'; import { Title } from '../../ui/Title'; import { SkolkovoIcon } from '../icons/SkolkovoIcon'; export function Motivation() { return ( -
-
- - Интерактивный инструмент - <br /> - продаж - <span className="text-gradient"> для застройщиков</span> - -

- Помогаем девелоперам эффективно демонстрировать свой объект. -
- Продавать больше и быстрее. -

+
+
+
+ + Интерактивный инструмент + <br /> + продаж + <span className="text-gradient"> для застройщиков</span> + +

+ Помогаем девелоперам эффективно демонстрировать свой объект. +
+ Продавать больше и быстрее. +

+
+
- +
); } diff --git a/src/components/Main/StatsMap.tsx b/src/components/Main/StatsMap.tsx new file mode 100644 index 00000000..d879ed9d --- /dev/null +++ b/src/components/Main/StatsMap.tsx @@ -0,0 +1,103 @@ +import { LineThrow } from '@/ui/LineThrow'; +import { Title } from '@/ui/Title'; +import Image from 'next/image'; +import EconomicEfficiencyIcon from '../icons/EconomicEfficiencyIcon'; + +const StatsMap = () => { + return ( +
+ + Продавайте недвижимость <br /> + <span className="text-gradient">проще и </span> + <LineThrow>быстрее</LineThrow> + <span className="text-gradient"> дороже</span> + +
+
+

+ Мы собрали статистику за 13 лет работы с застройщиками, + реализовав 40 проектов +

+
+
+ {''} +
+
+
+ +

экономическая эффективность

+
+
+
+
+

+ Конверсия из консультации в бронирование
увеличивается на +

+ {''} +

+ 18% +

+
+
+

+ Конверсия из бронирования в продажу
увеличивается на +

+ {''} +

+ 12% +

+
+
+

+ Время реализации проекта
сокращается до +

+ {/* {''} */} +

+ 2раз +

+
+
+

+ Время на подготовку рекламных
материалов сокращается до +

+ {/* {''} */} +

+ 4раз +

+
+
+
+
+ ); +}; + +export default StatsMap; diff --git a/src/components/icons/EconomicEfficiencyIcon.tsx b/src/components/icons/EconomicEfficiencyIcon.tsx new file mode 100644 index 00000000..8dd02cd7 --- /dev/null +++ b/src/components/icons/EconomicEfficiencyIcon.tsx @@ -0,0 +1,18 @@ +const EconomicEfficiencyIcon = () => { + return ( + + + + ); +}; + +export default EconomicEfficiencyIcon; diff --git a/src/ui/LineThrow.tsx b/src/ui/LineThrow.tsx new file mode 100644 index 00000000..8d1141fd --- /dev/null +++ b/src/ui/LineThrow.tsx @@ -0,0 +1,21 @@ +import { PropsWithChildren } from 'react'; + +export function LineThrow({ + className = '', + children, +}: PropsWithChildren<{ className?: string }>) { + return ( + + {' '} + {children} + + // + // {' '} + // {children} + // + ); +}