upd
This commit is contained in:
+58
-41
@@ -5,7 +5,7 @@ import PieChart from "./components/PieChart/PieChart";
|
||||
import { Model } from "./components/VRHemlet";
|
||||
import Calc from "./components/Calc";
|
||||
import Slider from "./components/Slider/Slider";
|
||||
import Map from './components/Map'
|
||||
import Map from "./components/Map";
|
||||
import { Parallax, ParallaxLayer } from "@react-spring/parallax";
|
||||
import { motion } from "framer-motion";
|
||||
// import { OrbitControls, PerspectiveCamera } from "@react-three/drei";
|
||||
@@ -81,7 +81,7 @@ function App() {
|
||||
|
||||
<div className="relative">
|
||||
<div
|
||||
className="w-screen h-screen bg-cover bg-no-repeat bg-center rounded-xl overflow-hidden"
|
||||
className="max-w-screen h-screen bg-cover bg-no-repeat bg-center rounded-xl overflow-hidden"
|
||||
style={{ backgroundImage: "url('./public/images/content.jpg')" }}
|
||||
></div>
|
||||
<div className="lg:container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
|
||||
@@ -186,20 +186,21 @@ function App() {
|
||||
</div>
|
||||
<div className="lg:container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
|
||||
<div className="space-y-16 my-32">
|
||||
<div className="lg:flex flex-col items-center space-y-8">
|
||||
<p className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl lg:w-1/2 md:w-2/3 text-gradient">
|
||||
<div className="grid lg:grid-cols-2 gap-6">
|
||||
<div className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl text-gradient">
|
||||
Анализируем
|
||||
<br />
|
||||
поведение
|
||||
<br />
|
||||
пользователей
|
||||
</p>
|
||||
<p className="2xl:text-xl lg:text-lg lg:w-1/2 md:w-2/3">
|
||||
</div>
|
||||
<div className="2xl:text-xl lg:text-lg">
|
||||
Система внутренней аналитики программы собирает информацию о
|
||||
поведении пользователя и эффективности работы менеджеров для
|
||||
создания отчета, содержащего необходимые метрики
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="2xl:space-y-6 space-y-4">
|
||||
<div className="relative sm:grid flex flex-col xl:grid-cols-3 lg:grid-cols-2 grid-rows-none sm:grid-cols-3 2xl:gap-6 gap-4">
|
||||
<div className="lg:col-span-1 sm:col-span-2 col-span-1 p-8 bg-[#1C1D21] rounded-xl space-y-8">
|
||||
@@ -283,17 +284,31 @@ function App() {
|
||||
<p className="font-gilroy sm:text-xl">Воронка продаж</p>
|
||||
<div className="space-y-4 sm:text-sm text-xs">
|
||||
<div className="grid grid-cols-6 space-x-4 items-center">
|
||||
<div className="col-span-5 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center">
|
||||
Сеансы
|
||||
<div className="col-span-5">
|
||||
<div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
|
||||
<motion.div
|
||||
initial={{ width: 0 }}
|
||||
whileInView={{ width: "100%" }}
|
||||
viewport={{ once: true }}
|
||||
className="w-full bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
|
||||
>
|
||||
Сеансы
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
<span className="col-span-1 text-right">100%</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-6 space-x-4 items-center">
|
||||
<div className="col-span-5">
|
||||
<div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
|
||||
<div className="w-5/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center">
|
||||
<motion.div
|
||||
initial={{ width: 0 }}
|
||||
whileInView={{ width: "80%" }}
|
||||
viewport={{ once: true }}
|
||||
className="w-5/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
|
||||
>
|
||||
В избранное
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
<span className="col-span-1 text-right">93,47%</span>
|
||||
@@ -301,9 +316,14 @@ function App() {
|
||||
<div className="grid grid-cols-6 space-x-4 items-center">
|
||||
<div className="col-span-5">
|
||||
<div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
|
||||
<div className="w-4/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center">
|
||||
<motion.div
|
||||
initial={{ width: 0 }}
|
||||
whileInView={{ width: "50%" }}
|
||||
viewport={{ once: true }}
|
||||
className="w-4/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
|
||||
>
|
||||
Брони
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
<span className="col-span-1 text-right">45,68%</span>
|
||||
@@ -311,9 +331,14 @@ function App() {
|
||||
<div className="grid grid-cols-6 space-x-4 items-center">
|
||||
<div className="col-span-5">
|
||||
<div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
|
||||
<div className="w-2/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center">
|
||||
<motion.div
|
||||
initial={{ width: 0 }}
|
||||
whileInView={{ width: "30%" }}
|
||||
viewport={{ once: true }}
|
||||
className="w-2/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
|
||||
>
|
||||
Продажи
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
<span className="col-span-1 text-right">29,13%</span>
|
||||
@@ -417,14 +442,13 @@ function App() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
{/* <Map /> */}
|
||||
</div>
|
||||
<div className="">{/* <Map /> */}</div>
|
||||
</div>
|
||||
<div className="container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
|
||||
|
||||
<div className="lg:container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
|
||||
<div className="space-y-16 my-32">
|
||||
<div className="lg:flex flex-col items-center space-y-8">
|
||||
<p className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl lg:w-1/2 text-gradient">
|
||||
<div className="grid lg:grid-cols-2 gap-6">
|
||||
<div className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl text-gradient">
|
||||
Можем оценить
|
||||
<br />
|
||||
эффективность
|
||||
@@ -432,30 +456,23 @@ function App() {
|
||||
интерактивного
|
||||
<br />
|
||||
инструмента продаж
|
||||
</p>
|
||||
<p className="2xl:text-xl lg:text-lg lg:w-1/2">
|
||||
Изучение отраслевой аналитики рынка продаж новых квартир
|
||||
позволило разработать калькулятор эффективности продукта и на
|
||||
основе данных исследований
|
||||
</p>
|
||||
</div>
|
||||
<Calc />
|
||||
<div className="lg:flex flex-col items-center">
|
||||
<div className="lg:w-1/2 md:w-2/3 space-y-8">
|
||||
<p className="2xl:text-xl lg:text-lg text-[#C5C7CE]">
|
||||
Когда девелопер строит жилой комплекс используя проектное
|
||||
финансирование, главное – это время. Чем быстрее вы наполняете
|
||||
счета-эксроу, тем меньше процент за использование денег банка.
|
||||
Сократив время реализации всего проекта, девелопер значительно
|
||||
экономит на стоимости проектного финансирования.
|
||||
</p>
|
||||
<button className="2xl:text-xl px-8 py-4 bg-gradient-to-tr from-[#BC75FF] to-[#798FFF] text-white rounded-full opacity-95 hover:opacity-100 transition-opacity sm:w-auto w-full">
|
||||
Заказать индивидуальный расчет
|
||||
</button>
|
||||
</div>
|
||||
<div className="2xl:text-xl lg:text-lg">
|
||||
Мы изучили отраслевую аналитику на рынке продаж новых квартир и
|
||||
на основе данных собрали калькулятор эффективности продукта
|
||||
<br />
|
||||
<br />
|
||||
Когда девелопер строит жилой комплекс используя проектное
|
||||
финансирование, главное – это время. Чем быстрее вы наполняете
|
||||
счета-эксроу, тем меньше процент за использование денег банка.
|
||||
Сократив время реализации всего проекта, девелопер значительно
|
||||
экономит на стоимости проектного финансирования.
|
||||
</div>
|
||||
</div>
|
||||
<Calc />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="lg:container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
|
||||
<div className="space-y-8 my-32">
|
||||
<div className="lg:flex flex-col items-center space-y-8">
|
||||
|
||||
@@ -29,7 +29,7 @@ function Slider() {
|
||||
prevEl: prevRef.current,
|
||||
nextEl: nextRef.current,
|
||||
}}
|
||||
autoplay={{ delay: 5000 }}
|
||||
// autoplay={{ delay: 5000 }}
|
||||
// pagination={{ clickable: true }}
|
||||
// scrollbar={{ draggable: true }}
|
||||
// onSwiper={(swiper) => console.log(swiper)}
|
||||
|
||||
Reference in New Issue
Block a user