diff --git a/src/app/(main)/prime/page.tsx b/src/app/(main)/prime/page.tsx index 2ca0a280..28d23b70 100644 --- a/src/app/(main)/prime/page.tsx +++ b/src/app/(main)/prime/page.tsx @@ -1,11 +1,13 @@ -import { PrimeDesktopPage } from '@/components/pages/PrimePage/PrimePage'; -import PrimePageMobile from '@/components/pages/PrimePageMobile/PrimePageMobile'; +import { InProcess } from '@/components/pages/InProcess'; +// import { PrimeDesktopPage } from '@/components/pages/PrimePage/PrimePage'; +// import PrimePageMobile from '@/components/pages/PrimePageMobile/PrimePageMobile'; export default function PrimePage() { - return ( -
- - -
- ); + // return ( + //
+ // + // + //
+ // ); + return ; } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 5fc72b43..4107c7f9 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -4,6 +4,7 @@ import Script from 'next/script'; import './globals.css'; import { QueryProvider } from '@/lib/QueryProvider'; import { LenisProvider } from '@/lib/LenisProvider'; +import PopupModal from '@/components/modals/PopupModal'; export const metadata: Metadata = { title: 'Интерактивные решения для застройщиков', @@ -46,6 +47,7 @@ export default function RootLayout({ + {children} diff --git a/src/components/Layout/Header.tsx b/src/components/Layout/Header.tsx index 3ed55342..ffc3654c 100644 --- a/src/components/Layout/Header.tsx +++ b/src/components/Layout/Header.tsx @@ -85,7 +85,7 @@ export function Header() { {((isLg && scroll < -logoRef.current?.clientHeight!) || !isLg) && ( diff --git a/src/components/modals/PopupModal.tsx b/src/components/modals/PopupModal.tsx new file mode 100644 index 00000000..23c5c729 --- /dev/null +++ b/src/components/modals/PopupModal.tsx @@ -0,0 +1,62 @@ +'use client'; + +/* eslint-disable react-hooks/exhaustive-deps */ +import CloseIcon from '../../../public/icons/close.svg'; +import TelegramIcon from '../../../public/icons/tg.svg'; +import { useEffect } from 'react'; +import { motion } from 'framer-motion'; +import Link from 'next/link'; +import { usePopupStore } from '@/stores/usePopupStore'; + +function Popup() { + const { isShowPopup, setIsShowPopup } = usePopupStore(); + + function handlePopupClick() { + setIsShowPopup(false); + } + + useEffect(() => { + if (usePopupStore.getState().isShowPopup === undefined) { + const timeout = setTimeout(() => { + setIsShowPopup(true); + }, 10000); + return () => clearTimeout(timeout); + } + }, []); + + return ( + <> + {isShowPopup && ( + +
+

+ Новости разработки интерактивных решений для девелоперов в нашем + телеграм канале +

+ + + Перейти + + +
+ + )} + + ); +} + +export default Popup;