- 
- 
+ 
+ 
-
+
+
- 
- 
+ 
+ 
-
+
+
- 
- 
+ 
+ 
-
+
+
diff --git a/src/components/InteractionsWithClients/Slider/InteractionsSlide.tsx b/src/components/InteractionsWithClients/Slider/InteractionsSlide.tsx
index bf5be2d..670ef50 100644
--- a/src/components/InteractionsWithClients/Slider/InteractionsSlide.tsx
+++ b/src/components/InteractionsWithClients/Slider/InteractionsSlide.tsx
@@ -8,13 +8,14 @@ export const InteractionSlide = forwardRef<
const videoRef = useRef{title}
- +
-
+ <Title>
Создаем систему для{' '}
<span className="text-gradient">
эффективного взаимодействия с клиентами
diff --git a/src/components/Layout/Ellipse.tsx b/src/components/Layout/Ellipse.tsx
index 78b2b4c..5c5e9d4 100644
--- a/src/components/Layout/Ellipse.tsx
+++ b/src/components/Layout/Ellipse.tsx
@@ -36,7 +36,7 @@ export function Ellipse() {
<div
ref={ref}
style={{ top: mousePos[1], left: mousePos[0] }}
- className="fixed -z-[9] bg-[url('src/assets/Ellipse.png')] bg-cover bg-no-repeat bg-center -translate-y-[50%] -translate-x-[50%] aspect-[348.75/262.77] w-[21.75vw]"
+ className="fixed -z-[9] bg-[url('images/Ellipse.png')] bg-cover bg-no-repeat bg-center -translate-y-[50%] -translate-x-[50%] aspect-[348.75/262.77] w-[21.75vw]"
/>
);
}
diff --git a/src/components/Promotion.tsx b/src/components/Promotion.tsx
index 0bd79fd..0237158 100644
--- a/src/components/Promotion.tsx
+++ b/src/components/Promotion.tsx
@@ -85,7 +85,7 @@ function DesktopFeature({
return (
<div
id={hashes.get(number)}
- className="p-7 border-t border-x border-[#3D425C] last:border-b bg-[url(/src/assets/promotion/Ellipse.png)] bg-[length:0%_0%] hover:bg-[length:100%_100%] transition-all bg-no-repeat bg-top"
+ className="p-7 border-t border-x border-[#3D425C] last:border-b bg-[url(/images/promotion/Ellipse.png)] bg-[length:0%_0%] hover:bg-[length:100%_100%] transition-all bg-no-repeat bg-top"
>
<motion.div
ref={ref}
diff --git a/src/components/Showreel.tsx b/src/components/Showreel.tsx
index c97ccdd..4e4115f 100644
--- a/src/components/Showreel.tsx
+++ b/src/components/Showreel.tsx
@@ -3,7 +3,7 @@ import { FullScreenIcon } from './icons/FullScreenIcon';
export function Showreel() {
return (
- <div className="lg:aspect-[1552/616] sm:aspect-[720/440] aspect-[328/204] [background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),center/cover_url(src/assets/motivation/Showreel.png)_no-repeat] flex justify-center items-center">
+ <div className="lg:aspect-[1552/616] sm:aspect-[720/440] aspect-[328/204] [background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),center/cover_url(images/motivation/Showreel.png)_no-repeat] flex justify-center items-center">
<button className="sm:p-[22px] p-3 aspect-square rounded-full border bg-[#14161F33]">
<ClassNameWrapper
className="max-sm:w-5 max-sm:h-5"
diff --git a/src/consts/clients.ts b/src/consts/clients.ts
index dae5645..0f805bc 100644
--- a/src/consts/clients.ts
+++ b/src/consts/clients.ts
@@ -1,43 +1,43 @@
import { IClient } from '../types/IClient';
export const clients: IClient[] = [
- { src: '/src/assets/clients/sezar_group.png' },
- { src: '/src/assets/clients/legenda.png' },
- { src: '/src/assets/clients/osnova.png' },
- { src: '/src/assets/clients/upside.png' },
- { src: '/src/assets/clients/brusnika.png' },
- { src: '/src/assets/clients/capital_group.png' },
- { src: '/src/assets/clients/a101.png' },
- { src: '/src/assets/clients/forum.png' },
- { src: '/src/assets/clients/leto.png' },
- { src: '/src/assets/clients/center.png' },
- { src: '/src/assets/clients/center-invest.png' },
- { src: '/src/assets/clients/rodina.png' },
- { src: '/src/assets/clients/acons.png' },
- { src: '/src/assets/clients/alfa.png' },
- { src: '/src/assets/clients/sk+.png' },
- { src: '/src/assets/clients/delom.png' },
- { src: '/src/assets/clients/kama.png' },
- { src: '/src/assets/clients/risan.png' },
- { src: '/src/assets/clients/golos.png' },
- { src: '/src/assets/clients/dns.png' },
- { src: '/src/assets/clients/sibintel.png' },
- { src: '/src/assets/clients/kortros.png' },
- { src: '/src/assets/clients/mayak.png' },
- { src: '/src/assets/clients/sbk.png' },
- { src: '/src/assets/clients/nks.png' },
- { src: '/src/assets/clients/atom.png' },
- { src: '/src/assets/clients/yit.png' },
- { src: '/src/assets/clients/sinara.png' },
- { src: '/src/assets/clients/pik.png' },
- { src: '/src/assets/clients/as.png' },
- { src: '/src/assets/clients/efes.png' },
- { src: '/src/assets/clients/atmosfera.png' },
- { src: '/src/assets/clients/abudhabi.png' },
- { src: '/src/assets/clients/mavis.png' },
- { src: '/src/assets/clients/enko.png' },
- { src: '/src/assets/clients/paritet.png' },
- { src: '/src/assets/clients/fortis.png' },
- { src: '/src/assets/clients/ugmk.png' },
- { src: '/src/assets/clients/atlas.png' },
+ { src: '/images/clients/sezar_group.png', title: 'Sezar Group' },
+ { src: '/images/clients/legenda.png', title: 'Legenda' },
+ { src: '/images/clients/osnova.png', title: 'Основа' },
+ { src: '/images/clients/upside.png', title: 'Upside Towers' },
+ { src: '/images/clients/brusnika.png', title: 'Брусника' },
+ { src: '/images/clients/capital_group.png', title: 'Capital Group' },
+ { src: '/images/clients/a101.png', title: 'А101' },
+ { src: '/images/clients/forum.png', title: 'Forum' },
+ { src: '/images/clients/leto.png', title: 'Лето' },
+ { src: '/images/clients/center.png', title: 'Center' },
+ { src: '/images/clients/center-invest.png', title: 'Центр-инвест' },
+ { src: '/images/clients/rodina.png', title: 'Rodina' },
+ { src: '/images/clients/acons.png', title: 'Acons' },
+ { src: '/images/clients/alfa.png', title: 'Alfa' },
+ { src: '/images/clients/sk+.png', title: 'СК+' },
+ { src: '/images/clients/delom.png', title: 'Delom' },
+ { src: '/images/clients/kama.png', title: 'Камастройинвест' },
+ { src: '/images/clients/risan.png', title: 'Risan' },
+ { src: '/images/clients/golos.png', title: 'Голос' },
+ { src: '/images/clients/dns.png', title: 'DNS девелопмент' },
+ { src: '/images/clients/sibintel.png', title: 'Сибинтел' },
+ { src: '/images/clients/kortros.png', title: 'Кортрос' },
+ { src: '/images/clients/mayak.png', title: 'Маяк' },
+ { src: '/images/clients/sbk.png', title: 'СБК' },
+ { src: '/images/clients/nks.png', title: 'НКС' },
+ { src: '/images/clients/atom.png', title: 'Атом' },
+ { src: '/images/clients/yit.png', title: 'Yit' },
+ { src: '/images/clients/sinara.png', title: 'Синара' },
+ { src: '/images/clients/pik.png', title: 'ПИК' },
+ { src: '/images/clients/as.png', title: 'AS' },
+ { src: '/images/clients/efes.png', title: 'Эфес' },
+ { src: '/images/clients/atmosfera.png', title: 'Атмосфера' },
+ { src: '/images/clients/abudhabi.png', title: 'Абу Даби' },
+ { src: '/images/clients/mavis.png', title: 'Мавис' },
+ { src: '/images/clients/enko.png', title: 'Энко' },
+ { src: '/images/clients/paritet.png', title: 'Паритет' },
+ { src: '/images/clients/fortis.png', title: 'Фортис' },
+ { src: '/images/clients/ugmk.png', title: 'УГМК' },
+ { src: '/images/clients/atlas.png', title: 'Атлас' },
];
diff --git a/src/consts/devices.ts b/src/consts/devices.ts
index 69af701..3c807c1 100644
--- a/src/consts/devices.ts
+++ b/src/consts/devices.ts
@@ -7,7 +7,7 @@ export const devices: IDevice[] = [
'За счет высокого разрешение, яркости и широкого угла обзора светодиодные стены четко и ярко отображают контент.',
'Их используют на выставках, мероприятиях и в коммерческих пространствах, где нужно выделиться и оставить яркое впечатление.',
],
- img: '/src/assets/devices/interactive.png',
+ img: '/images/devices/interactive.png',
},
{
title: 'Светодиодные стены',
@@ -15,7 +15,7 @@ export const devices: IDevice[] = [
'За счет высокого разрешение, яркости и широкого угла обзора светодиодные стены четко и ярко отображают контент.',
'Их используют на выставках, мероприятиях и в коммерческих пространствах, где нужно выделиться и оставить яркое впечатление.',
],
- img: '/src/assets/devices/led.png',
+ img: '/images/devices/led.png',
},
{
title: 'Проекционные экраны',
@@ -23,7 +23,7 @@ export const devices: IDevice[] = [
'За счет высокого разрешение, яркости и широкого угла обзора светодиодные стены четко и ярко отображают контент.',
'Их используют на выставках, мероприятиях и в коммерческих пространствах, где нужно выделиться и оставить яркое впечатление.',
],
- img: '/src/assets/devices/projection.png',
+ img: '/images/devices/projection.png',
},
{
title: 'Транспарентные экраны',
@@ -31,7 +31,7 @@ export const devices: IDevice[] = [
'За счет высокого разрешение, яркости и широкого угла обзора светодиодные стены четко и ярко отображают контент.',
'Их используют на выставках, мероприятиях и в коммерческих пространствах, где нужно выделиться и оставить яркое впечатление.',
],
- img: '/src/assets/devices/transparent.png',
+ img: '/images/devices/transparent.png',
},
{
title: 'Голографические пирамиды',
@@ -39,7 +39,7 @@ export const devices: IDevice[] = [
'За счет высокого разрешение, яркости и широкого угла обзора светодиодные стены четко и ярко отображают контент.',
'Их используют на выставках, мероприятиях и в коммерческих пространствах, где нужно выделиться и оставить яркое впечатление.',
],
- img: '/src/assets/devices/holographic.png',
+ img: '/images/devices/holographic.png',
},
{
title: 'Мобильные устройства',
@@ -47,6 +47,6 @@ export const devices: IDevice[] = [
'За счет высокого разрешение, яркости и широкого угла обзора светодиодные стены четко и ярко отображают контент.',
'Их используют на выставках, мероприятиях и в коммерческих пространствах, где нужно выделиться и оставить яркое впечатление.',
],
- img: '/src/assets/devices/mobile.png',
+ img: '/images/devices/mobile.png',
},
];
diff --git a/src/consts/interactions.ts b/src/consts/interactions.ts
index 3edb5c9..6eadcf7 100644
--- a/src/consts/interactions.ts
+++ b/src/consts/interactions.ts
@@ -2,19 +2,19 @@ import { IInteraction } from '../types/IInteraction';
export const interactions: IInteraction[] = [
{
- video: '/src/assets/video_slider/1.mp4',
+ video: '/video/interactions/1.mp4',
title: 'Собираем информацию о поведении пользователей',
},
{
- video: '/src/assets/video_slider/2.mp4',
+ video: '/video/interactions/2.mp4',
title: 'Собираем информацию о поведении пользователей',
},
{
- video: '/src/assets/video_slider/3.mp4',
+ video: '/video/interactions/3.mp4',
title: 'Собираем информацию о поведении пользователей',
},
{
- video: '/src/assets/video_slider/4.mp4',
+ video: '/video/interactions/4.mp4',
title: 'Собираем информацию о поведении пользователей',
},
];
diff --git a/src/consts/projects.ts b/src/consts/projects.ts
index ce2c3f2..5cf1984 100644
--- a/src/consts/projects.ts
+++ b/src/consts/projects.ts
@@ -2,28 +2,28 @@ import { IProject } from '../types/IProject';
export const projects: IProject[] = [
{
- img: 'src/assets/projects/sochi.png',
+ img: '/images/projects/sochi.png',
title: 'Стенд GRAFF.estate на Всероссийском Жилищном конгрессе в Сочи',
tags: ['Презентация', '3D-макет'],
},
{
- img: 'src/assets/projects/majordom.png',
+ img: '/images/projects/majordom.png',
title:
'Интерактивная презентация системы умного дома «Мажордом» для ГК Железно',
tags: ['Презентация', '3D-макет'],
},
{
- img: 'src/assets/projects/warship.png',
+ img: '/images/projects/warship.png',
title: 'Интерактивная презентация военного корабля',
tags: ['Презентация'],
},
{
- img: 'src/assets/projects/ivolga.png',
+ img: '/images/projects/ivolga.png',
title: 'Макет кабины машиниста «Иволга» на выставке ВДНХ',
tags: ['Презентация', '3D-макет'],
},
{
- img: 'src/assets/projects/majordom2.png',
+ img: '/images/projects/majordom2.png',
title:
'Интерактивная презентация системы умного дома «Мажордом» для ГК Железно',
tags: ['Презентация', '3D-макет'],
diff --git a/src/consts/promotionFeatures.ts b/src/consts/promotionFeatures.ts
index e7efe69..6e687ec 100644
--- a/src/consts/promotionFeatures.ts
+++ b/src/consts/promotionFeatures.ts
@@ -6,9 +6,9 @@ export const promotionFeatures: IPromotionFeature[] = [
'Ключевые преимущества жилого комплекса показаны на интерактивной модели. Для этого создается маршрут, демонстрирующий детали комплекса, важные для покупателя',
title: 'Интерактивные презентации',
images: [
- 'src/assets/promotion/presentations/1.png',
- 'src/assets/promotion/presentations/2.png',
- 'src/assets/promotion/presentations/3.png',
+ '/images/promotion/presentations/1.png',
+ '/images/promotion/presentations/2.png',
+ '/images/promotion/presentations/3.png',
],
},
{
@@ -16,23 +16,23 @@ export const promotionFeatures: IPromotionFeature[] = [
'Ключевые преимущества жилого комплекса показаны на интерактивной модели. Для этого создается маршрут, демонстрирующий детали комплекса, важные для покупателя',
title: '3D интерактивные презентации техники и оборудования',
images: [
- 'src/assets/promotion/devices/1.png',
- 'src/assets/promotion/devices/2.png',
+ '/images/promotion/devices/1.png',
+ '/images/promotion/devices/2.png',
],
},
{
description:
'Ключевые преимущества жилого комплекса показаны на интерактивной модели. Для этого создается маршрут, демонстрирующий детали комплекса, важные для покупателя',
title: 'Интерактивный каталог продукции',
- images: ['src/assets/promotion/catalog/1.png'],
+ images: ['/images/promotion/catalog/1.png'],
},
{
description:
'Ключевые преимущества жилого комплекса показаны на интерактивной модели. Для этого создается маршрут, демонстрирующий детали комплекса, важные для покупателя',
title: '3D интерактивные макеты',
images: [
- 'src/assets/promotion/templates/1.png',
- 'src/assets/promotion/templates/2.png',
+ '/images/promotion/templates/1.png',
+ '/images/promotion/templates/2.png',
],
},
{
@@ -40,25 +40,25 @@ export const promotionFeatures: IPromotionFeature[] = [
'Ключевые преимущества жилого комплекса показаны на интерактивной модели. Для этого создается маршрут, демонстрирующий детали комплекса, важные для покупателя',
title: 'Приложения с виртуальной и дополненной реальностью',
images: [
- 'src/assets/promotion/arvr/1.png',
- 'src/assets/promotion/arvr/2.png',
- 'src/assets/promotion/arvr/3.png',
+ '/images/promotion/arvr/1.png',
+ '/images/promotion/arvr/2.png',
+ '/images/promotion/arvr/3.png',
],
},
{
description:
'Ключевые преимущества жилого комплекса показаны на интерактивной модели. Для этого создается маршрут, демонстрирующий детали комплекса, важные для покупателя',
title: 'Виртуальные выставки и метавселенные',
- images: ['src/assets/promotion/exhibitions/1.png'],
+ images: ['/images/promotion/exhibitions/1.png'],
},
{
description:
'Ключевые преимущества жилого комплекса показаны на интерактивной модели. Для этого создается маршрут, демонстрирующий детали комплекса, важные для покупателя',
title: 'Мобильные приложения',
images: [
- 'src/assets/promotion/mobiles/1.png',
- 'src/assets/promotion/mobiles/2.png',
- 'src/assets/promotion/mobiles/3.png',
+ '/images/promotion/mobiles/1.png',
+ '/images/promotion/mobiles/2.png',
+ '/images/promotion/mobiles/3.png',
],
},
];
diff --git a/src/consts/stands.ts b/src/consts/stands.ts
index ba0bffa..6cb07bb 100644
--- a/src/consts/stands.ts
+++ b/src/consts/stands.ts
@@ -2,61 +2,61 @@ import { IStand } from '../types/IStand';
export const stands: IStand[] = [
{
- img: 'src/assets/stands/graff_estate.png',
+ img: 'images/stands/graff_estate.png',
title: 'GRAFF.estate',
annotation: 'Движение',
year: '2024',
},
{
- img: 'src/assets/stands/graff_estate2.png',
+ img: 'images/stands/graff_estate2.png',
title: 'GRAFF.estate',
annotation: 'Форум «ДСФ “Диалоги-2024”»',
year: '2024',
},
{
- img: 'src/assets/stands/nks_development.png',
+ img: 'images/stands/nks_development.png',
title: 'НКС-девелопмент',
annotation: 'TechnoBuild',
year: '2023',
},
{
- img: 'src/assets/stands/nks_development2.png',
+ img: 'images/stands/nks_development2.png',
title: 'НКС-девелопмент',
annotation: 'TechnoBuild',
year: '2023',
},
{
- img: 'src/assets/stands/interactive_floor.png',
+ img: 'images/stands/interactive_floor.png',
title: 'Interactive floor',
annotation: 'Выставка «Россия ВДНХ»',
year: '2022',
},
{
- img: 'src/assets/stands/graff_estate_stream.png',
+ img: 'images/stands/graff_estate_stream.png',
title: 'Graff.estate stream',
annotation: 'WOW FEST',
year: '2023',
},
{
- img: 'src/assets/stands/vr_training.png',
+ img: 'images/stands/vr_training.png',
title: 'VR-тренажер',
annotation: 'Иннопром',
year: '2019',
},
{
- img: 'src/assets/stands/graff_estate3.png',
+ img: 'images/stands/graff_estate3.png',
title: 'GRAFF.estate',
annotation: 'Иннопром',
year: '2019',
},
{
- img: 'src/assets/stands/ugmk-telecom.png',
+ img: 'images/stands/ugmk-telecom.png',
title: 'УГМК-Телеком',
annotation: 'Иннопром',
year: '2019',
},
{
- img: 'src/assets/stands/interactive_presentation.png',
+ img: 'images/stands/interactive_presentation.png',
title: 'Интерактивная презентация',
annotation: 'Армия 2019',
year: '2019',
diff --git a/src/index.css b/src/index.css
index 9e36cec..861986f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -30,7 +30,7 @@ body {
/* leading-[clamp(36px,36px+(100vw-360px)/1240*50.4,86.4px)]; */;
}
.h2 {
- @apply -tracking-[.02em] text-[clamp(24px,24px+(100vw-360px)/1240*48,72px)] lg:leading-[90%] leading-none;
+ @apply -tracking-[.02em] text-[clamp(24px,24px+(100vw-360px)/1240*40,64px)] lg:leading-[90%] leading-none;
}
.h3 {