added skolkovo logo and popup

2024-07-11 14:57:47 +05:00
parent d6f918379f
commit ea57f92b90
14 changed files with 268 additions and 15 deletions
@@ -34,3 +34,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+/.vs_code
@@ -0,0 +1,7 @@
+{
+    "arrowParens": "avoid",
+    "semi": true,
+    "singleQuote": false,
+    "trailingComma": "all",
+    "tabWidth": 2
+}
@@ -0,0 +1,4 @@
+{
+    "prettier.configPath": "./.prettierrc",
+    "prettier.prettierPath": "./node_modules/prettier"
+}
@@ -44,6 +44,7 @@
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.4.6",
    "postcss": "^8",
+    "prettier": "^3.3.2",
    "tailwindcss": "^3.3.0",
    "typescript": "^5"
  }
@@ -34,7 +34,7 @@ const Projects = () => {
  }, []);

  return (
-    <div className="flex flex-col 2xl:gap-16 xl:gap-10 gap-8 2xl:mb-[200px] sm:mb-[120px] mb-20">
+    <div id="projects" className="flex flex-col 2xl:gap-16 xl:gap-10 gap-8 2xl:mb-[200px] sm:mb-[120px] mb-20">
      <Heading2>Проекты</Heading2>
      <DesktopProjects
        projects={projects}
@@ -21,10 +21,12 @@ import EffeciencyCalculator from "@components/EffeciencyCalculator/EffeciencyCal
 import ContactUs from "@components/ContactUs";
 import Footer from "@components/Footer";
 import Header from "@components/Header";
+import Popup from "@components/modals/Popup";

 export default function App() {
  return (
    <div>
+      <Popup />
      <div className="min-h-screen 2xl:px-10 xl:px-8 sm:px-6 px-4 overflow-x-clip">
        <Header />
        <Showreel />
@@ -3,15 +3,17 @@
 import useModalStore from "@stores/useModalStore";
 import Button from "./Button";
 import FeedbackModal from "./modals/FeedbackModal";
+import Link from "next/link";

 /* eslint-disable @next/next/no-img-element */
 const Header = () => {
-  const [setModal] = useModalStore((state) => [state.setModal]);
+  const setModal = useModalStore(state => state.setModal);
  const handleOnBtnClick = () => setModal(<FeedbackModal />);
+
  return (
    <div className="relative container mx-auto 2xl:max-w-screen-2xl">
-      <div className="flex justify-between py-6 2xl:mb-28 xl:mb-[88px] sm:mb-12 mb-14">
-        <div>
+      <div className="flex justify-between 2xl:mb-28 xl:mb-[88px] sm:mb-12 mb-14">
+        <div className="py-6">
          <img
            src="/images/Logo.svg"
            alt=""
@@ -23,7 +25,21 @@ const Header = () => {
            className="sm:hidden block"
          />
        </div>
-        <div className="flex sm:gap-8 gap-2">
+        <div className="flex flex-1 justify-end max-[360px]:hidden">
+          <Link
+            href="/"
+            className="font-semibold xl:px-10 lg:px-8 md:px-6 sm:px-4 px-2 py-[30px]"
+          >
+            Блог
+          </Link>
+          <Link
+            href="#projects"
+            className="font-semibold xl:px-10 lg:px-8 md:px-6 sm:px-4 px-2 py-[30px]"
+          >
+            Проекты
+          </Link>
+        </div>
+        <div className="flex sm:gap-8 gap-2 py-6">
          <Button onClick={handleOnBtnClick}>
            <span className="sm:inline hidden">Оставить заявку</span>
            <span className="sm:hidden inline">Связаться</span>
@@ -1,6 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 import { useState } from "react";
 import LoadingIcon from "./icons/LoadingIcon";
+import SkolkovoIcon from "./icons/SkolkovoIcon";

 const Showreel = () => {
  const [isBuffering, setIsBuffering] = useState(true);
@@ -15,11 +16,15 @@ const Showreel = () => {
          <br />
          продаж <span className="text-gradient-none">для застройщиков</span>
        </h1>
-        <p className="xl:text-xl text-base font-gilroy max-w-[650px] font-medium leading-[120%]">
-          Помогаем девелоперам эффективно демонстрировать свой объект. Продавать
-          больше и быстрее.
-        </p>
-        <div className="absolute top-20 right-0 blur-[10px] -z-10">
+        <div className="flex justify-between">
+          <p className="xl:text-xl text-base font-gilroy max-w-[650px] font-medium leading-[120%] flex">
+            Помогаем девелоперам эффективно демонстрировать свой объект.
+            Продавать больше и быстрее.
+          </p>
+          <SkolkovoIcon className="min-[360px]:max-[640px]:hidden" />
+        </div>
+        <SkolkovoIcon type="mini" className="min-[640px]:hidden" />
+        <div className="absolute top-20 right-0 blur-[10px] -z-10 select-none">
          <img src="/images/blendings/1.svg" alt="" />
        </div>
      </div>
@@ -0,0 +1,105 @@
+export default function Skolkovo({
+  className = "",
+  type = "standart",
+}: {
+  className?: string;
+  type?: "mini" | "standart";
+}) {
+  return type === "standart" ? (
+    <svg
+      width="80"
+      height="59"
+      viewBox="0 0 80 59"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <path
+        d="M9.02798 11.9813C8.39345 9.20125 11.154 6.73663 14.7256 6.73663C17.9441 6.73663 21.169 7.45959 22.3923 11.9682H26.52V18.8494C21.3784 14.6037 10.2316 17.2655 9.02798 11.9748M51.8225 10.0688H42.5336L33.696 19.7958V0.36805H26.5266V5.08041C26.2911 4.77808 26.049 4.47575 25.7677 4.18C23.1577 1.40648 19.4028 0 14.6014 0C9.04761 0 5.88806 2.49748 4.21343 4.59405C2.13978 7.19669 1.21089 10.7457 1.85196 13.6441C3.5135 21.1366 10.4279 22.3328 15.5106 22.9966C19.5206 23.5223 23.3605 24.2519 23.2558 27.8469C23.1511 31.5734 18.9645 32.4936 16.2236 32.4936C9.07377 32.4936 8.83174 27.1831 8.83174 27.1831H1.13892C1.25012 29.1745 1.85195 32.3818 4.29193 35.1291C6.96741 38.1392 10.9773 39.664 16.2171 39.664C20.2336 39.664 23.8969 38.3495 26.52 36.0098V39.2236H33.6895V30.0487L36.2276 27.2554L43.469 39.2236H51.816L41.2776 21.6952L51.8225 10.0819V10.0688Z"
+        fill="#B1EC52"
+      />
+      <path
+        d="M3.32378 56.5158C3.53311 56.5881 3.78169 56.6209 4.06298 56.6209C4.41622 56.6209 4.69749 56.5158 4.90682 56.2989C5.11615 56.0886 5.26008 55.7994 5.33203 55.4839L0.851074 45.9409H3.834L6.71228 52.7893L9.2373 45.9409H12.0828L8.04019 55.3459C7.51033 56.5881 6.96084 57.5082 6.36556 58.0931C5.76374 58.6978 5.10962 59.0001 4.39005 59.0001C4.14148 59.0001 3.95174 59.0001 3.78821 58.9673C3.61159 58.9475 3.46768 58.9147 3.34994 58.8818L3.01631 58.7767C2.92473 58.7438 2.83971 58.7044 2.74813 58.6912V56.2792C2.90512 56.3843 3.10134 56.4763 3.33029 56.5289"
+        fill="#B1EC52"
+      />
+      <path
+        d="M17.2048 55.0962C17.0282 55.1488 16.8319 55.1882 16.6226 55.2408C16.4133 55.2736 16.1843 55.3131 15.9488 55.3328C15.7199 55.3656 15.4909 55.3656 15.275 55.3656C14.7256 55.3656 14.2677 55.3131 13.8425 55.221C13.4369 55.1159 13.0837 54.9713 12.8024 54.761C12.5211 54.5507 12.3052 54.2615 12.1678 53.9066C12.0239 53.5714 11.9585 53.1442 11.9585 52.6447V49.2402H14.392V52.1649C14.392 52.4278 14.4246 52.6644 14.4966 52.8221C14.5489 52.9996 14.6536 53.1442 14.7975 53.2494C14.9414 53.3545 15.0985 53.4268 15.3078 53.4597C15.5171 53.4991 15.7657 53.5122 16.0469 53.5122C16.4721 53.5122 16.7861 53.4794 17.0347 53.4071C17.2833 53.3216 17.473 53.2296 17.6169 53.1442V49.2402H20.0504V58.6781H17.6169V54.9516C17.5123 54.9844 17.3683 55.037 17.1917 55.0962"
+        fill="#B1EC52"
+      />
+      <path
+        d="M26.8208 54.2813C26.6638 54.3536 26.4675 54.4259 26.2189 54.4588L25.5648 54.5837C25.2835 54.6362 25.0349 54.6888 24.8256 54.7611C24.6163 54.8334 24.4397 54.9188 24.2958 55.024C24.1519 55.1489 24.0472 55.2869 23.9752 55.4512C23.9033 55.6089 23.8706 55.8061 23.8706 56.0559C23.8706 56.253 23.9033 56.4305 23.9621 56.5685C24.0341 56.7262 24.1191 56.838 24.2434 56.9431C24.3481 57.0351 24.4724 57.1206 24.6163 57.1534C24.7733 57.206 24.9368 57.2257 25.1135 57.2257C25.205 57.2257 25.3228 57.206 25.4667 57.1929C25.6106 57.1731 25.748 57.1403 25.9246 57.0877C26.0816 57.0154 26.2386 56.9431 26.4021 56.838C26.5591 56.7459 26.703 56.6079 26.8273 56.4502C26.9712 56.2925 27.0759 56.0953 27.1413 55.8455C27.2133 55.6155 27.2656 55.346 27.2656 55.0306V54.071C27.1217 54.163 26.9647 54.2287 26.8273 54.2813M29.7579 57.5083C29.7775 57.6858 29.8299 57.8435 29.8822 57.9355C29.9346 58.0604 29.9868 58.1327 30.0588 58.1853C30.1308 58.2379 30.1831 58.2773 30.2682 58.2904V58.6782H27.5665L27.4226 58.2313C27.3507 58.0538 27.331 57.8435 27.331 57.5741L26.7815 58.1261C26.5853 58.2839 26.3956 58.4285 26.1666 58.5533C25.9377 58.6782 25.6891 58.7834 25.3882 58.8557C25.0872 58.928 24.734 58.9608 24.3284 58.9608C23.9229 58.9608 23.5173 58.9082 23.1641 58.7834C22.8109 58.6585 22.5099 58.4613 22.2483 58.2313C21.9997 57.9815 21.7903 57.6792 21.6464 57.3112C21.5025 56.9563 21.4371 56.5291 21.4371 56.0493C21.4371 55.6615 21.4895 55.3066 21.6138 54.9648C21.7381 54.6297 21.9146 54.3405 22.1239 54.0973C22.3529 53.8476 22.6211 53.6372 22.9351 53.4795C23.2491 53.302 23.6089 53.1969 24.0145 53.1443L26.3956 52.7894C26.4872 52.7697 26.5722 52.7697 26.6769 52.7368C26.7816 52.7171 26.8731 52.6843 26.9581 52.612C27.0497 52.5594 27.1152 52.4871 27.1675 52.4016C27.2198 52.2965 27.2591 52.1716 27.2591 52.0139C27.2591 51.8561 27.2263 51.7115 27.1871 51.5867C27.1347 51.4421 27.0432 51.3369 26.9386 51.2515C26.8143 51.1463 26.6703 51.074 26.4806 51.0215C26.2844 50.9689 26.0423 50.9492 25.7545 50.9492C25.4209 50.9492 25.1724 50.982 24.9761 51.0346C24.7668 51.1069 24.6032 51.2121 24.4985 51.3172C24.3742 51.4421 24.2892 51.5801 24.2304 51.7247L24.1257 52.2373H21.6923C21.6923 52.1322 21.7119 51.9744 21.7446 51.7576C21.7773 51.5604 21.8492 51.3304 21.9539 51.0806C22.0454 50.8506 22.2025 50.6008 22.3791 50.3511C22.5557 50.1013 22.7846 49.8713 23.1052 49.661C23.3865 49.4638 23.7593 49.2864 24.1845 49.1615C24.6097 49.0366 25.1004 48.9643 25.7022 48.9512C26.533 48.9512 27.2198 49.0366 27.7497 49.2009C28.2599 49.3784 28.6655 49.6084 28.9664 49.8779C29.2477 50.1605 29.444 50.4628 29.5486 50.798C29.6402 51.1332 29.6925 51.4749 29.6925 51.8101V56.8117C29.6925 57.0943 29.7121 57.3243 29.7448 57.5018"
+        fill="#B1EC52"
+      />
+      <path
+        d="M36.8295 51.9216C36.7575 51.7244 36.6528 51.5667 36.5285 51.4418C36.3846 51.2972 36.2276 51.2118 36.051 51.1395C35.8548 51.0869 35.6258 51.0475 35.3641 51.0475C34.9586 51.0475 34.638 51.1395 34.396 51.3301C34.1474 51.5273 33.9577 51.7573 33.8334 52.0399C33.6895 52.3422 33.6241 52.6577 33.5652 52.9995C33.5325 53.3346 33.4933 53.6567 33.4933 53.959C33.4933 54.2613 33.5129 54.5965 33.5456 54.9383C33.5784 55.2932 33.6503 55.5955 33.7942 55.8781C33.9185 56.1607 34.0951 56.4105 34.3568 56.5879C34.6054 56.7851 34.9389 56.8706 35.3641 56.8706C35.6454 56.8706 35.894 56.818 36.1033 56.6931C36.2996 56.5879 36.4762 56.4434 36.6136 56.2856C36.7575 56.1082 36.8622 55.9307 36.9341 55.7335C36.9864 55.5561 37.0257 55.3786 37.0257 55.2209H39.5638C39.5638 55.3786 39.5442 55.5758 39.4919 55.8256C39.4199 56.0884 39.3348 56.3382 39.2105 56.6208C39.0863 56.8903 38.9097 57.1729 38.7135 57.4555C38.4845 57.7381 38.2359 57.9878 37.9219 58.1982C37.6013 58.4282 37.2482 58.6056 36.8295 58.7502C36.4043 58.8948 35.9136 58.9606 35.3641 58.9606C34.6576 58.9606 34.0232 58.8554 33.4737 58.6385C32.9242 58.4085 32.4662 58.0864 32.0999 57.6592C31.7271 57.232 31.4458 56.7194 31.2496 56.0819C31.0533 55.4575 30.9486 54.7477 30.9486 53.9524C30.9486 53.1572 31.0533 52.4277 31.2692 51.8033C31.4785 51.1986 31.7795 50.6663 32.1719 50.2391C32.5579 49.8119 33.0223 49.4964 33.5652 49.2795C34.0951 49.0495 34.71 48.9443 35.3641 48.9443C35.6454 48.9443 35.9463 48.9772 36.2669 49.0166C36.5678 49.0495 36.8687 49.1415 37.1696 49.2467C37.4705 49.3715 37.7518 49.5096 38.0331 49.6936C38.3013 49.871 38.5434 50.1011 38.7723 50.364C38.9816 50.6334 39.1582 50.9489 39.3021 51.3038C39.4395 51.6587 39.5311 52.0859 39.5638 52.5657H37.0257C36.9734 52.3159 36.9211 52.0859 36.8295 51.9085"
+        fill="#B1EC52"
+      />
+      <path
+        d="M48.3293 49.2466V51.2314H45.4903V58.6844H43.0503V51.2314H40.2113V49.2466H48.3293Z"
+        fill="#B1EC52"
+      />
+      <path
+        d="M55.368 52.651V49.2466H57.8014V58.6844H55.368V54.6359H51.7832V58.6844H49.3497V49.2466H51.7832V52.651H55.368Z"
+        fill="#B1EC52"
+      />
+      <path
+        d="M62.1712 55.0631L65.5989 49.2466H68.1566V58.6844H65.7166V52.9862H65.684L62.3674 58.6844H59.6985V49.2466H62.1385V55.0631H62.1712Z"
+        fill="#B1EC52"
+      />
+      <path
+        d="M76.0326 49.2466H79.2772L75.3981 53.1637L79.4407 58.6844H76.2616L73.5076 54.6885L72.5198 55.7006V58.6844H70.0864V49.2466H72.5198V52.8285L76.0326 49.2466Z"
+        fill="#B1EC52"
+      />
+    </svg>
+  ) : (
+    <svg
+      width="92"
+      height="27"
+      viewBox="0 0 92 27"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <path
+        d="M26.9111 0H6.72664C3.0087 0 0 3.02317 0 6.74887V20.2511C0 23.9814 3.01322 27 6.72664 27H20.1844C23.9024 27 26.9111 23.9768 26.9111 20.2511V0ZM26.0301 0.883833V20.2511C26.0301 23.4873 23.4054 26.1162 20.1844 26.1162H6.72664C3.50111 26.1162 0.880929 23.4873 0.880929 20.2511V6.74887C0.880929 3.51721 3.50111 0.883833 6.72664 0.883833H26.0301Z"
+        fill="#B1EC52"
+      />
+      <path
+        d="M13.4351 13.1714C11.6461 11.6938 7.77007 12.6229 7.34994 10.7873C7.12858 9.82187 8.09083 8.96523 9.33315 8.96523C10.4535 8.96523 11.5738 9.21451 11.9985 10.7828H13.4351V13.1714ZM22.2353 10.1255H19.0052L15.9333 13.5022V6.75337H13.4396V8.3896C13.3583 8.28535 13.2724 8.18111 13.1776 8.07686C12.2695 7.11598 10.964 6.62646 9.29248 6.62646C7.35897 6.62646 6.26121 7.49217 5.67844 8.2219C4.95563 9.12386 4.63488 10.3567 4.85624 11.3629C5.43449 13.9646 7.83784 14.3815 9.60872 14.6082C11.0046 14.7895 12.3373 15.0433 12.3012 16.2942C12.265 17.5905 10.8104 17.9078 9.85718 17.9078C7.36801 17.9078 7.28669 16.0631 7.28669 16.0631H4.6123C4.65296 16.7566 4.86077 17.867 5.71007 18.8234C6.64068 19.8704 8.0366 20.4007 9.85718 20.4007C11.2531 20.4007 12.527 19.9429 13.4396 19.1316V20.2466H15.9333V17.0602L16.8142 16.0903L19.335 20.2466H22.2353L18.5715 14.164L22.2398 10.1301L22.2353 10.1255Z"
+        fill="#B1EC52"
+      />
+      <path
+        d="M33.2584 18.5515C33.4255 18.6059 33.6198 18.6376 33.8456 18.6376C34.1257 18.6376 34.3471 18.5515 34.5142 18.3838C34.6814 18.2161 34.7943 17.994 34.8485 17.7402L31.3022 10.2026H33.6604L35.9373 15.6099L37.934 10.2026H40.1793L36.9808 17.6268C36.5607 18.6059 36.127 19.3356 35.6527 19.7979C35.1783 20.2738 34.6633 20.514 34.0896 20.514C33.8953 20.514 33.7417 20.514 33.6152 20.4868C33.4752 20.4732 33.3622 20.446 33.2674 20.4189L33.0009 20.3373C32.9286 20.3101 32.8608 20.2829 32.7931 20.2648V18.3611C32.9196 18.4472 33.0732 18.5152 33.2539 18.556"
+        fill="#B1EC52"
+      />
+      <path
+        d="M44.028 17.4272C43.8879 17.468 43.7343 17.4997 43.5672 17.5405C43.4 17.5677 43.2193 17.5949 43.0386 17.613C42.8579 17.6402 42.6772 17.6402 42.5101 17.6402C42.0764 17.6402 41.715 17.5994 41.3807 17.5269C41.06 17.4453 40.7798 17.332 40.5585 17.1643C40.3371 16.9966 40.1655 16.7745 40.057 16.4935C39.9441 16.2261 39.8899 15.8907 39.8899 15.5009V12.8131H41.8189V15.1247C41.8189 15.3332 41.846 15.519 41.9047 15.6414C41.9454 15.7819 42.0312 15.8952 42.1441 15.9768C42.2571 16.0584 42.3791 16.1173 42.5507 16.1445C42.7179 16.1717 42.9122 16.1853 43.138 16.1853C43.4723 16.1853 43.7253 16.1581 43.9196 16.0992C44.1138 16.0312 44.2674 15.9587 44.3804 15.8907V12.8086H46.3049V20.26H44.3804V17.3184C44.2945 17.3456 44.1861 17.3864 44.0461 17.4317"
+        fill="#B1EC52"
+      />
+      <path
+        d="M51.428 16.7836C51.3016 16.838 51.1479 16.897 50.9537 16.9241L50.4387 17.0239C50.2173 17.0647 50.0186 17.11 49.8514 17.1644C49.6843 17.2188 49.5442 17.2913 49.4313 17.3729C49.3183 17.4726 49.237 17.5814 49.1783 17.7083C49.1241 17.8352 49.097 17.9893 49.097 18.1842C49.097 18.3383 49.1241 18.4788 49.1647 18.5921C49.219 18.719 49.2912 18.8006 49.3861 18.8867C49.4719 18.9547 49.5668 19.0272 49.6798 19.0544C49.8062 19.0952 49.9327 19.1088 50.0683 19.1088C50.1405 19.1088 50.2354 19.0952 50.3483 19.0816C50.4613 19.068 50.5697 19.0408 50.7098 18.9955C50.8363 18.9411 50.9627 18.8822 51.0847 18.8006C51.2112 18.7281 51.3241 18.6193 51.419 18.4924C51.5319 18.3655 51.6133 18.2114 51.672 18.0165C51.7262 17.8352 51.7714 17.6267 51.7714 17.3729V16.6159C51.6584 16.6885 51.5319 16.7429 51.4235 16.7836M53.741 19.3309C53.7546 19.4714 53.7952 19.5983 53.8404 19.6663C53.8811 19.766 53.9263 19.8204 53.9805 19.8612C54.0347 19.902 54.0799 19.9337 54.1476 19.9473V20.2555H52.0108L51.8979 19.9065C51.8437 19.766 51.8301 19.5983 51.8301 19.3898L51.3964 19.8249C51.2428 19.9519 51.0892 20.0652 50.9085 20.1603C50.7278 20.2601 50.5336 20.3416 50.2941 20.4006C50.0547 20.455 49.7791 20.4822 49.4584 20.4822C49.1377 20.4822 48.8169 20.4414 48.5368 20.3416C48.2567 20.2419 48.0218 20.0878 47.8095 19.9065C47.6152 19.7116 47.4481 19.4714 47.3351 19.1768C47.2222 18.8958 47.168 18.5604 47.168 18.1842C47.168 17.876 47.2087 17.595 47.308 17.3321C47.4074 17.0647 47.5475 16.8426 47.7146 16.6431C47.8953 16.4482 48.1076 16.2805 48.3561 16.1536C48.6091 16.0131 48.8846 15.9315 49.2099 15.8862L51.0938 15.6052C51.166 15.5916 51.2338 15.5916 51.3151 15.5644C51.4009 15.5508 51.4687 15.5236 51.5365 15.4647C51.6087 15.4239 51.663 15.365 51.7036 15.297C51.7443 15.2109 51.7714 15.1157 51.7714 14.9888C51.7714 14.8619 51.7443 14.7486 51.7172 14.6534C51.6765 14.5401 51.6042 14.4585 51.5229 14.386C51.4235 14.2998 51.3151 14.2455 51.1615 14.2047C51.0079 14.1639 50.8137 14.1503 50.5878 14.1503C50.3213 14.1503 50.127 14.1775 49.9734 14.2228C49.8063 14.2772 49.6797 14.3633 49.5984 14.4449C49.499 14.5446 49.4313 14.6534 49.3906 14.7667L49.3048 15.1746H47.3803C47.3803 15.093 47.3939 14.9661 47.421 14.7984C47.4481 14.6443 47.5068 14.463 47.5881 14.2636C47.6559 14.0823 47.7824 13.8874 47.9224 13.688C48.0625 13.4931 48.2432 13.3118 48.4962 13.1395C48.7175 12.9854 49.0112 12.8449 49.35 12.7497C49.6843 12.65 50.0773 12.5956 50.5516 12.582C51.2067 12.582 51.7533 12.6546 52.1689 12.7769C52.5755 12.9174 52.8963 13.0987 53.1312 13.3072C53.3525 13.5293 53.5107 13.7695 53.592 14.037C53.6643 14.3044 53.7049 14.5673 53.7049 14.8347V18.787C53.7049 19.0091 53.7184 19.1949 53.7456 19.3309"
+        fill="#B1EC52"
+      />
+      <path
+        d="M59.1301 14.9209C59.0759 14.7668 58.9901 14.6399 58.8907 14.5447C58.7778 14.4314 58.6512 14.3634 58.5112 14.3045C58.3576 14.2637 58.1769 14.2365 57.9691 14.2365C57.6484 14.2365 57.3954 14.3045 57.2011 14.4586C57.0069 14.6127 56.8533 14.794 56.7539 15.0206C56.641 15.2609 56.5867 15.5102 56.5461 15.7776C56.519 16.045 56.4919 16.2943 56.4919 16.5345C56.4919 16.7747 56.5054 17.0376 56.5325 17.305C56.5596 17.586 56.6138 17.8217 56.7268 18.0483C56.8262 18.2704 56.9662 18.4699 57.174 18.6104C57.3683 18.7645 57.6348 18.8325 57.9691 18.8325C58.1905 18.8325 58.3893 18.7917 58.5564 18.692C58.71 18.6104 58.85 18.4971 58.9629 18.3701C59.0759 18.2296 59.1572 18.0891 59.216 17.935C59.2566 17.7945 59.2882 17.654 59.2882 17.5271H61.2985C61.2985 17.654 61.285 17.8081 61.2443 18.003C61.1901 18.2115 61.1178 18.4109 61.023 18.633C60.9236 18.8415 60.7835 19.0682 60.6299 19.2902C60.4492 19.5123 60.255 19.7118 60.002 19.8795C59.749 20.0608 59.4734 20.2013 59.1346 20.3146C58.8003 20.4279 58.4073 20.4823 57.9736 20.4823C57.4134 20.4823 56.912 20.4007 56.4783 20.2285C56.0446 20.0472 55.6832 19.7933 55.3896 19.4579C55.096 19.1225 54.8746 18.7146 54.721 18.2115C54.5674 17.722 54.4861 17.16 54.4861 16.53C54.4861 15.8999 54.5674 15.3243 54.739 14.8348C54.9062 14.3589 55.1457 13.9374 55.4528 13.602C55.76 13.2666 56.1214 13.0128 56.5551 12.8451C56.9752 12.6638 57.4631 12.5776 57.9781 12.5776C58.1995 12.5776 58.4389 12.6048 58.6919 12.632C58.9268 12.6592 59.1663 12.7317 59.4057 12.8133C59.6451 12.913 59.8664 13.0218 60.0878 13.1623C60.2956 13.3028 60.4944 13.4841 60.6751 13.6926C60.8423 13.9011 60.9823 14.1549 61.0953 14.436C61.2082 14.717 61.276 15.0524 61.3031 15.4286H59.2928C59.2521 15.2337 59.2069 15.0524 59.1391 14.9119"
+        fill="#B1EC52"
+      />
+      <path
+        d="M68.021 12.8086V14.3768H65.7758V20.26H63.8468V14.3768H61.6016V12.8086H68.021Z"
+        fill="#B1EC52"
+      />
+      <path
+        d="M73.3787 15.4964V12.8086H75.3032V20.26H73.3787V17.0646H70.5462V20.26H68.6172V12.8086H70.5462V15.4964H73.3787Z"
+        fill="#B1EC52"
+      />
+      <path
+        d="M78.5514 17.4L81.2619 12.8086H83.2857V20.26H81.3567V15.7638H81.3296L78.7049 20.26H76.5952V12.8086H78.5242V17.4H78.5514Z"
+        fill="#B1EC52"
+      />
+      <path
+        d="M89.3074 12.8086H91.8734L88.8014 15.9043L91.9999 20.26H89.4881L87.3106 17.1054L86.5291 17.9076V20.26H84.6001V12.8086H86.5291V15.6369L89.3074 12.8086Z"
+        fill="#B1EC52"
+      />
+    </svg>
+  );
+}
@@ -0,0 +1,59 @@
+import CloseIcon from "@components/icons/CloseIcon";
+import TelegramIcon from "@components/icons/TelegramIcon";
+import { useClosePopup, useIsPopupShowed } from "@stores/useIsPopupShowed";
+import { useEffect } from "react";
+import { motion } from "framer-motion";
+import Link from "next/link";
+
+function Popup() {
+  const { isPopupShowed, setIsPopupShowed } = useIsPopupShowed();
+  const { closed, close } = useClosePopup();
+
+  const handlePopupClick = () => {
+    setIsPopupShowed(false);
+    close();
+  };
+
+  useEffect(() => {
+    if (!closed) {
+      const timer = setTimeout(() => setIsPopupShowed(true), 1000);
+      return () => clearTimeout(timer);
+    }
+  }, [setIsPopupShowed, closed]);
+
+  return (
+    <>
+      {isPopupShowed && (
+        <motion.div
+          animate={{ y: -40 }}
+          transition={{ type: "spring" }}
+          className="fixed bottom-0 sm:left-10 left-5 z-30 max-w-[319px] p-px rounded-2xl bg-gradient-to-r from-[#798FFF] to-[#D375FF]"
+        >
+          <div className="bg-[#14161F] rounded-2xl p-4">
+            <p className="text-sm font-medium mb-[10px] leading-[15.4px]">
+              Новости разработки интерактивных решений для девелоперов в нашем
+              телеграм канале
+            </p>
+            <Link
+              href={"https://t.me/graffestate"}
+              target="_blank"
+              onClick={handlePopupClick}
+              className="flex items-center gap-x-1 w-full justify-center font-semibold bg-gradient-to-r from-[#798FFF] to-[#D375FF] rounded-full py-2 hover:opacity-80 transition-opacity"
+            >
+              <TelegramIcon />
+              Перейти
+            </Link>
+            <button
+              className="absolute top-2 right-2"
+              onClick={handlePopupClick}
+            >
+              <CloseIcon className="w-6" />
+            </button>
+          </div>
+        </motion.div>
+      )}
+    </>
+  );
+}
+
+export default Popup;
@@ -0,0 +1,31 @@
+import { stat } from "fs";
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+export const useIsPopupShowed = create<{
+  isPopupShowed: boolean;
+  setIsPopupShowed: (isPopupShowed: boolean) => void;
+}>(set => ({
+  isPopupShowed: false,
+  setIsPopupShowed: (isPopupShowed: boolean) => set({ isPopupShowed }),
+}));
+
+export const useClosePopup = create<{
+  closed: boolean;
+  close: () => void;
+}>()(
+  persist(
+    set => ({
+      closed:
+        JSON.parse(localStorage.getItem("closing") ?? "{}").state ?? false,
+      close: () => {
+        localStorage.setItem(
+          "closing",
+          JSON.stringify({ state: { closed: true } }),
+        );
+        set({ closed: true });
+      },
+    }),
+    { name: "closing", partialize: state => ({ closed: state.closed }) },
+  ),
+);
@@ -1,3 +1,4 @@
+import Popup from "@components/modals/Popup";
 import { ReactNode } from "react";
 import { create } from "zustand";

@@ -6,9 +7,9 @@ interface ModalState {
  setModal: (modal: ReactNode) => void;
 }

-const useModalStore = create<ModalState>((set) => ({
+const useModalStore = create<ModalState>(set => ({
  modal: null,
-  setModal: (modal) => set({ modal }),
+  setModal: modal => set({ modal }),
 }));

 export default useModalStore;
@@ -2440,6 +2440,11 @@ prelude-ls@^1.2.1:
  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==

+prettier@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.2.tgz#03ff86dc7c835f2d2559ee76876a3914cec4a90a"
+  integrity sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==
+
 prop-types@^15.6.2, prop-types@^15.8.1:
  version "15.8.1"
  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
@@ -2723,8 +2728,16 @@ streamsearch@^1.1.0:
  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==

-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0:
-  name string-width-cjs
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0:
  version "4.2.3"
  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -2785,7 +2798,14 @@ string.prototype.trimstart@^1.0.7:
    define-properties "^1.2.0"
    es-abstract "^1.22.1"

-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
  version "6.0.1"
  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==