diff --git a/public/fonts/Gilroy/Gilroy-Black.woff b/public/fonts/Gilroy/Gilroy-Black.woff new file mode 100644 index 0000000..ed5f38f Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Black.woff differ diff --git a/public/fonts/Gilroy/Gilroy-Black.woff2 b/public/fonts/Gilroy/Gilroy-Black.woff2 new file mode 100644 index 0000000..3a025af Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Black.woff2 differ diff --git a/public/fonts/Gilroy/Gilroy-Bold.woff b/public/fonts/Gilroy/Gilroy-Bold.woff new file mode 100644 index 0000000..3030457 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Bold.woff differ diff --git a/public/fonts/Gilroy/Gilroy-Bold.woff2 b/public/fonts/Gilroy/Gilroy-Bold.woff2 new file mode 100644 index 0000000..52fe76c Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Bold.woff2 differ diff --git a/public/fonts/Gilroy/Gilroy-ExtraBold.woff b/public/fonts/Gilroy/Gilroy-ExtraBold.woff new file mode 100644 index 0000000..df59f14 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-ExtraBold.woff differ diff --git a/public/fonts/Gilroy/Gilroy-ExtraBold.woff2 b/public/fonts/Gilroy/Gilroy-ExtraBold.woff2 new file mode 100644 index 0000000..4eab334 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-ExtraBold.woff2 differ diff --git a/public/fonts/Gilroy/Gilroy-Heavy.woff b/public/fonts/Gilroy/Gilroy-Heavy.woff new file mode 100644 index 0000000..70bb2c7 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Heavy.woff differ diff --git a/public/fonts/Gilroy/Gilroy-Heavy.woff2 b/public/fonts/Gilroy/Gilroy-Heavy.woff2 new file mode 100644 index 0000000..e4206f6 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Heavy.woff2 differ diff --git a/public/fonts/Gilroy/Gilroy-Light.woff b/public/fonts/Gilroy/Gilroy-Light.woff new file mode 100644 index 0000000..6a1470a Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Light.woff differ diff --git a/public/fonts/Gilroy/Gilroy-Light.woff2 b/public/fonts/Gilroy/Gilroy-Light.woff2 new file mode 100644 index 0000000..cff4b7a Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Light.woff2 differ diff --git a/public/fonts/Gilroy/Gilroy-Medium.woff b/public/fonts/Gilroy/Gilroy-Medium.woff new file mode 100644 index 0000000..5f52207 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Medium.woff differ diff --git a/public/fonts/Gilroy/Gilroy-Medium.woff2 b/public/fonts/Gilroy/Gilroy-Medium.woff2 new file mode 100644 index 0000000..b81df94 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Medium.woff2 differ diff --git a/public/fonts/Gilroy/Gilroy-Regular.woff b/public/fonts/Gilroy/Gilroy-Regular.woff new file mode 100644 index 0000000..499498e Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Regular.woff differ diff --git a/public/fonts/Gilroy/Gilroy-Regular.woff2 b/public/fonts/Gilroy/Gilroy-Regular.woff2 new file mode 100644 index 0000000..6571d86 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Regular.woff2 differ diff --git a/public/fonts/Gilroy/Gilroy-SemiBold.woff b/public/fonts/Gilroy/Gilroy-SemiBold.woff new file mode 100644 index 0000000..b87ecf8 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-SemiBold.woff differ diff --git a/public/fonts/Gilroy/Gilroy-SemiBold.woff2 b/public/fonts/Gilroy/Gilroy-SemiBold.woff2 new file mode 100644 index 0000000..835bbc5 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-SemiBold.woff2 differ diff --git a/public/fonts/Gilroy/Gilroy-Thin.woff b/public/fonts/Gilroy/Gilroy-Thin.woff new file mode 100644 index 0000000..b3ef0f1 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Thin.woff differ diff --git a/public/fonts/Gilroy/Gilroy-Thin.woff2 b/public/fonts/Gilroy/Gilroy-Thin.woff2 new file mode 100644 index 0000000..2874fbf Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-Thin.woff2 differ diff --git a/public/fonts/Gilroy/Gilroy-UltraLight.woff b/public/fonts/Gilroy/Gilroy-UltraLight.woff new file mode 100644 index 0000000..11477ec Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-UltraLight.woff differ diff --git a/public/fonts/Gilroy/Gilroy-UltraLight.woff2 b/public/fonts/Gilroy/Gilroy-UltraLight.woff2 new file mode 100644 index 0000000..bf9db48 Binary files /dev/null and b/public/fonts/Gilroy/Gilroy-UltraLight.woff2 differ diff --git a/public/fonts/Gilroy/stylesheet.css b/public/fonts/Gilroy/stylesheet.css new file mode 100644 index 0000000..451a436 --- /dev/null +++ b/public/fonts/Gilroy/stylesheet.css @@ -0,0 +1,90 @@ +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-Regular.woff2') format('woff2'), + url('Gilroy-Regular.woff') format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-Heavy.woff2') format('woff2'), + url('Gilroy-Heavy.woff') format('woff'); + font-weight: 900; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-ExtraBold.woff2') format('woff2'), + url('Gilroy-ExtraBold.woff') format('woff'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-Black.woff2') format('woff2'), + url('Gilroy-Black.woff') format('woff'); + font-weight: 900; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-Bold.woff2') format('woff2'), + url('Gilroy-Bold.woff') format('woff'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-UltraLight.woff2') format('woff2'), + url('Gilroy-UltraLight.woff') format('woff'); + font-weight: 100; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-Light.woff2') format('woff2'), + url('Gilroy-Light.woff') format('woff'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-Medium.woff2') format('woff2'), + url('Gilroy-Medium.woff') format('woff'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-Thin.woff2') format('woff2'), + url('Gilroy-Thin.woff') format('woff'); + font-weight: 100; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gilroy'; + src: url('Gilroy-SemiBold.woff2') format('woff2'), + url('Gilroy-SemiBold.woff') format('woff'); + font-weight: 600; + font-style: normal; + font-display: swap; +} + diff --git a/public/images/cards/card_1.jpg b/public/images/cards/card_1.jpg new file mode 100644 index 0000000..04809ad Binary files /dev/null and b/public/images/cards/card_1.jpg differ diff --git a/public/images/cards/card_10.jpg b/public/images/cards/card_10.jpg new file mode 100644 index 0000000..d3d27b4 Binary files /dev/null and b/public/images/cards/card_10.jpg differ diff --git a/public/images/cards/card_11.jpg b/public/images/cards/card_11.jpg new file mode 100644 index 0000000..7ec380d Binary files /dev/null and b/public/images/cards/card_11.jpg differ diff --git a/public/images/cards/card_12.jpg b/public/images/cards/card_12.jpg new file mode 100644 index 0000000..acbc9c1 Binary files /dev/null and b/public/images/cards/card_12.jpg differ diff --git a/public/images/cards/card_13.jpg b/public/images/cards/card_13.jpg new file mode 100644 index 0000000..cd8b425 Binary files /dev/null and b/public/images/cards/card_13.jpg differ diff --git a/public/images/cards/card_2.jpg b/public/images/cards/card_2.jpg new file mode 100644 index 0000000..4849219 Binary files /dev/null and b/public/images/cards/card_2.jpg differ diff --git a/public/images/cards/card_3.jpg b/public/images/cards/card_3.jpg new file mode 100644 index 0000000..49a5ee3 Binary files /dev/null and b/public/images/cards/card_3.jpg differ diff --git a/public/images/cards/card_4.jpg b/public/images/cards/card_4.jpg new file mode 100644 index 0000000..7938cb0 Binary files /dev/null and b/public/images/cards/card_4.jpg differ diff --git a/public/images/cards/card_5.jpg b/public/images/cards/card_5.jpg new file mode 100644 index 0000000..b6bb80b Binary files /dev/null and b/public/images/cards/card_5.jpg differ diff --git a/public/images/cards/card_6.jpg b/public/images/cards/card_6.jpg new file mode 100644 index 0000000..50cf33b Binary files /dev/null and b/public/images/cards/card_6.jpg differ diff --git a/public/images/cards/card_7.jpg b/public/images/cards/card_7.jpg new file mode 100644 index 0000000..4f83a03 Binary files /dev/null and b/public/images/cards/card_7.jpg differ diff --git a/public/images/cards/card_8.jpg b/public/images/cards/card_8.jpg new file mode 100644 index 0000000..8a6632e Binary files /dev/null and b/public/images/cards/card_8.jpg differ diff --git a/public/images/cards/card_9.jpg b/public/images/cards/card_9.jpg new file mode 100644 index 0000000..0e30a4b Binary files /dev/null and b/public/images/cards/card_9.jpg differ diff --git a/public/images/content.jpg b/public/images/content.jpg new file mode 100644 index 0000000..8fba2a7 Binary files /dev/null and b/public/images/content.jpg differ diff --git a/public/images/icons/Chevron_Down.svg b/public/images/icons/Chevron_Down.svg new file mode 100644 index 0000000..62f9960 --- /dev/null +++ b/public/images/icons/Chevron_Down.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/icons/Chevron_Right.svg b/public/images/icons/Chevron_Right.svg new file mode 100644 index 0000000..84cc13b --- /dev/null +++ b/public/images/icons/Chevron_Right.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/logo.png b/public/images/logo.png new file mode 100644 index 0000000..ce26983 Binary files /dev/null and b/public/images/logo.png differ diff --git a/public/images/map.png b/public/images/map.png new file mode 100644 index 0000000..da2d6b1 Binary files /dev/null and b/public/images/map.png differ diff --git a/src/App.tsx b/src/App.tsx index b44521f..e7c5ff4 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,9 +1,594 @@ import "./App.css"; +import PieChart from "./components/PieChart/PieChart"; +import Test from "./components/Test"; function App() { return ( -
-

Hello world!

+
+
+
+
+
+ + + +
+
+ +
+ + +
+
+
+
+
+

+ Интерактивный инструмент продаж для застройщиков +

+

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

+
+
+
+
+ +
+
+
+ +
+
+
+

+ Эффективность инстумента продаж в цифрах +

+

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

+
+
+
+

+ 10 +

+

что-то на умном

+
+
+

+ 26 +

+

что-то на умном в две строчки

+
+
+

+ 32% +

+

что-то на умном в две строчки

+
+
+

+ 12% +

+

что-то на умном в две строчки

+
+
+ +
+
+ +
+
+
+ Функциональные возможности +
+
+ Интерактивная презентация увлекает покупателей и предоставляет + актуальную информацию о жилом комплексе, отвечая на все интересующие + вопросы и показывая важные особенности и преимущества объекта +
+
+
+ +
+

SLIDER

+
+ +
+
+
+

VR HELM ANIM

+
+
+

+ Экскурсия в виртуальной реальности +

+

+ Клиенту достаточно надеть шлем виртуальной реальности, чтобы + прогуляться, оценить и ощутить пространство. Он полностью + погружается в воссозданную реальность, чувствует удобство и + уровень комфорта +

+ +
+
+
+ +
+
+
+

+ Анализируем +
+ поведение +
+ пользователей +

+

+ Система внутренней аналитики программы собирает информацию о + поведении пользователя и эффективности работы менеджеров для + создания отчета, содержащего необходимые метрики +

+
+
+
+
+

Конверсия менеджеров в брони

+
+
+ К.Н. Федоров +
+ 45% +
+
+ И.Ф. Яковлева +
+ 30% +
+
+ А.М. Ташева +
+ 20% +
+
+ А.А. Фетисов +
+ 5% +
+
+
+
+

Популярные типы квартир, %

+
+ +
+
+ + Студии +
+
+ + 1-к. квартиры +
+
+ + 2-к. квартиры +
+
+ + 3-к. квартиры +
+
+ + 4-к. квартиры +
+
+
+
+
+

Воронка продаж

+
+
+
+ Сеансы +
+ 100% +
+
+
+
+
+ В избранное +
+
+
+ 93,47% +
+
+
+
+
+ Брони +
+
+
+ 45,68% +
+
+
+
+
+ Продажи +
+
+
+ 29,13% +
+
+
+
+
+
+

+ Среднее +
+ время сеанса, +
мин. +

+

12:45

+
+
+

+ Сформировано +
+ коммерческих +
+ предложений, шт +

+

856

+
+
+

+ Конверсия +
+ из сеанса +
в продажу, % +

+

12,44

+
+
+

+ Продано через +
+ Graff.estate, +
+ млн.руб. +

+

134,5

+
+
+ Полученный отчет позволяет сделать процесс демонстрации жилого + комплекса еще эффективнее +
+
+
+
+
+ +
+
+
+
+

+ Инструмент продаж поможет вам продавать удаленно +

+
+

+ Высокий уровень графики и полное погружение покупателя в + процесс выбора квартиры. +

+

+ Покажите все преимущества вашего жилого комплекса клиенту из + любого конца мира. Местоположение и устройство значения не + имеют. Нужен только интернет. +

+
+ +
+
+
+
+ +
+
+ +
+
+
+

+ Можем оценить +
+ эффективность +
+ интерактивного +
+ инструмента продаж +

+

+ Мы изучили отраслевую аналитику на рынке продаж новых квартир и на + основе данных собрали калькулятор эффективности продукта +

+
+
+

CALC

+
+
+
+

+ Когда девелопер строит жилой комплекс используя проектное + финансирование, главное – это время. Чем быстрее вы наполняете + счета-эксроу, тем меньше процент за использование денег банка. + Сократив время реализации всего проекта, девелопер значительно + экономит на стоимости проектного финансирования. +

+ +
+
+
+
+ +
+
+
+

+ Релевантный опыт +

+
+
+
MAP
+
+
+
+ +
+
+
+

ЖК «Life Резиденция»

+

+ Россия, Тюмень +

+
+
+
+ +
+
+ +
+
+
+

МФК «Re:volution towers»

+

+ Россия, Екатеринбург +

+
+
+
+ +
+
+ +
+
+
+

Iskan Abu Dhabi

+

+ ОАЭ, Абу-Даби +

+
+
+
+ +
+
+ +
+
+
+

ЖК «Авторский квартал Машаров»

+

+ Россия, Тюмень +

+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+

+ Свяжитесь с нами +

+

+ Хотите увеличить конверсию? +
+ Давайте обсудим детали! +

+
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+ + +
+
+ + +
+
+
+
+
+
+
+

Email

+

info@graff.tech

+
+
+

Телефон

+

+7 800 770 00 76

+
+
+
+
+

Адрес

+

ул. Московская, 47, Екатеринбург

+
+
+

Социальные сети

+

+ Telegram + VK + YouTube +

+
+
+
+
+
+ + + + Политика конфиденциальности + graff.tech +

© 2023 GRAFF interactive. Все права защищены

+
+
+
+
+
); } diff --git a/src/assets/react.svg b/src/assets/react.svg deleted file mode 100644 index 6c87de9..0000000 --- a/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/PieChart/PieChart.css b/src/components/PieChart/PieChart.css new file mode 100644 index 0000000..bc50daa --- /dev/null +++ b/src/components/PieChart/PieChart.css @@ -0,0 +1,19 @@ +.pie-chart { + background: radial-gradient(circle closest-side, transparent 100%, transparent 100%), + conic-gradient( + from 270deg, + #7A31C3 0, + #7A31C3 36%, + #798FFF 0, + #798FFF 42%, + #D375FF 0, + #D375FF 52%, + #8742F8 0, + #8742F8 70%, + #FB57F4 0, + #FB57F4 100% + ); + width: 10rem; + height: 10rem; + border-radius: 9999px; +} diff --git a/src/components/PieChart/PieChart.tsx b/src/components/PieChart/PieChart.tsx new file mode 100644 index 0000000..0182554 --- /dev/null +++ b/src/components/PieChart/PieChart.tsx @@ -0,0 +1,8 @@ +import React from "react"; +import "./PieChart.css"; + +function PieChart() { + return
; +} + +export default PieChart; diff --git a/src/components/Test.tsx b/src/components/Test.tsx new file mode 100644 index 0000000..5b10ffa --- /dev/null +++ b/src/components/Test.tsx @@ -0,0 +1,9 @@ +import React from 'react' + +function test({item}: any) { + return ( +
{item}
+ ) +} + +export default test \ No newline at end of file diff --git a/src/index.css b/src/index.css index b5c61c9..28176d1 100644 --- a/src/index.css +++ b/src/index.css @@ -1,3 +1,9 @@ +@import url("/fonts/Gilroy/stylesheet.css"); + @tailwind base; @tailwind components; @tailwind utilities; + +body { + font-family: "Gilroy", sans-serif; +}