На
-
+
18%
@@ -133,7 +133,7 @@ function App() {
На
-
+
12%
{/* раз */}
@@ -148,7 +148,7 @@ function App() {
До
-
+
2
@@ -165,13 +165,15 @@ function App() {
@@ -550,62 +552,51 @@ function App() {
До
-
- 26
+
+ 4
+
+
+ раз
- что-то на умном
-
в две строчки
+ сокращает время на подготовку рекламных материалов
- Реализованные проекты
+
- 
-
+
-
+
@@ -637,34 +628,37 @@ function App() {
+
+ Покажите все преимущества вашего жилого комплекса клиенту
+ <br />
+ из любой точки мира
+
+
+
+
+ Узнать больше
- + Высокий уровень графики и полное погружение покупателя в + процесс выбора квартиры. +
++ Местоположение и устройство значения не имеют. Нужен только + интернет. +
+
-
-
-
-
- {/*
-
- Покажите все преимущества вашего жилого комплекса клиенту{" "}
- <br className="2xl:block hidden" />
- из любой точки мира
-
-
-
+
-
-
- Высокий уровень графики и полное погружение
-
- покупателя в процесс выбора квартиры.
-
- Местоположение и устройство значения не имеют.
-
- Нужен только интернет.
-
- 
-
*/}
+
-
+
+
- {/*
@@ -746,6 +742,21 @@ function App() {
+
+
+
+
+ Нам доверяют
+
+
diff --git a/client/src/components/ComplexCard.tsx b/client/src/components/ComplexCard.tsx
index fc54d8b..5f56cfd 100644
--- a/client/src/components/ComplexCard.tsx
+++ b/client/src/components/ComplexCard.tsx
@@ -6,17 +6,26 @@ interface IRelevantExpCard {
image: string;
name: string;
location: string;
- src?: string;
+ video?: string;
+ logo: string;
+ platforms: string[]; // touchscreen, vr, mobile
}
-function RelevantExpCard({ image, name, location, src }: IRelevantExpCard) {
+function RelevantExpCard({
+ image,
+ name,
+ location,
+ video,
+ logo,
+ platforms,
+}: IRelevantExpCard) {
const [modalComponent, setModalComponent] = useModalStore((state) => [
state.component,
state.setComponent,
]);
function handleClick() {
- if (src) {
+ if (video) {
setModalComponent(
);
}
@@ -38,9 +47,97 @@ function RelevantExpCard({ image, name, location, src }: IRelevantExpCard) {
style={{ backgroundImage: `url('${image}')` }}
>
+
+
+
+
+ 
+
+
+
+ {platforms.map((platform, index) => (
+
+
+ {platform === "touchscreen" && (
+
+ )}
+
+ {platform === "vr" && (
+
+ )}
+
+ {platform === "mobile" && (
+
+ )}
+
+ ))}
+ {name}
diff --git a/client/src/components/FeatureSliderItem.tsx b/client/src/components/FeatureSliderItem.tsx index 9d4c98f..43eb8ed 100644 --- a/client/src/components/FeatureSliderItem.tsx +++ b/client/src/components/FeatureSliderItem.tsx @@ -26,7 +26,7 @@ function FeatureSliderItem({ title, text, video }: IFeatureSliderItem) { return (
diff --git a/client/src/components/FeatureSliderItemOld.tsx b/client/src/components/FeatureSliderItemOld.tsx
deleted file mode 100644
index 3b05de2..0000000
--- a/client/src/components/FeatureSliderItemOld.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from "react";
-
-interface IFeatureSliderItem {
- title: string;
- text: string;
- handleHover: () => void;
-}
-
-function FeatureSliderItem({ title, text, handleHover }: IFeatureSliderItem) {
- return (
- ("");
- const featureSliderRef = useRef(null);
- const featureSliderItemRef = useRef(null);
- const featureSliderInView = useInView(featureSliderRef);
-
- useEffect(() => {
- if (featureSliderInView) {
- setSelectedItem("/videos/features/virtual_tour.mp4");
- } else {
- setSelectedItem("");
- }
- }, [featureSliderInView]);
-
- useEffect(() => {
- if (featureSliderItemRef.current) {
- featureSliderItemRef.current.insertAdjacentHTML(
- "beforeend",
- ``
- );
-
- if (featureSliderItemRef.current.children.length > 1) {
- setTimeout(() => {
- featureSliderItemRef.current?.firstElementChild?.remove();
- }, 1000);
- }
- }
- }, [selectedItem]);
-
- return (
- (null);
- const isInView = useInView(pathRef);
+ const svgRef = useRef(null);
+ const isInView = useInView(svgRef);
return (
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
+
);
}
-
- );
-}
-
-export default FeatureSliderItem;
diff --git a/client/src/components/FeatureSliderOld.tsx b/client/src/components/FeatureSliderOld.tsx
deleted file mode 100644
index 2acf108..0000000
--- a/client/src/components/FeatureSliderOld.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-import FeatureSliderItem from "./FeatureSliderItemOld";
-import { useInView } from "framer-motion";
-
-function FeatureSlider() {
- const [selectedItem, setSelectedItem] = useState
-
-
-
-
-
- {title}
-
- {text}
-
-
- );
-}
-
-export default FeatureSlider;
diff --git a/client/src/components/Map.tsx b/client/src/components/Map.tsx
index f5e2bd6..d953846 100644
--- a/client/src/components/Map.tsx
+++ b/client/src/components/Map.tsx
@@ -1,14242 +1,12302 @@
-import { motion, useInView } from "framer-motion";
+import { inView, motion, useInView } from "framer-motion";
import React, { useEffect, useRef } from "react";
function Map() {
- const pathRef = useRef
- setSelectedItem("/videos/features/virtual_tour.mp4")}
- />
- setSelectedItem("/videos/features/nks_infra.mp4")}
- />
-
-
-
- setSelectedItem("/videos/features/uralsky.mp4")}
- />
- setSelectedItem("/videos/features/parametric.mp4")}
- />
-
-
- setSelectedItem("/videos/features/render.mp4")}
- />
- setSelectedItem("/videos/features/wish.mp4")}
- />
-
-
- setSelectedItem("/videos/features/integra_crm.mp4")}
- />
-
-
- setSelectedItem("/videos/features/send.mp4")}
- />
-
-