@@ -14,7 +14,7 @@ export default async function page() {
             <div className="layout">
                 <QuestionButton contacts={contacts} />
                 <header>
-                    <UpperBlock />
+                    <UpperBlock contacts={contacts}/>
                     <div className="h-[91px] lg:h-[6px]"></div>
                     <Header contacts={contacts} />
                 </header>
@@ -16,7 +16,7 @@ export default async function page() {
         <div className="layout bg-white">
             <QuestionButton contacts={contacts} />
             <header>
-                <UpperBlock />
+                <UpperBlock contacts={contacts}/>
                 <div className="h-[91px] lg:h-[6px]"></div>
                 <Header contacts={contacts} />
             </header>
@@ -0,0 +1,27 @@
+import { getContacts } from '@/src/shared/api/requests'
+import PolicyBlock from '@/src/shared/components/pages_components/policy/PolicyBlock'
+import Footer from '@/src/shared/components/shared_components/Footer/Footer'
+import Header from '@/src/shared/components/shared_components/Header/Header'
+import UpperBlock from '@/src/shared/components/shared_components/Header/UpperBlock'
+import QuestionButton from '@/src/shared/components/shared_components/QuestionButton/QuestionButton'
+import React from 'react'
+
+export default async function page() {
+    const contacts = (await getContacts()).data
+
+    return (
+        <div className="layout">
+            <QuestionButton contacts={contacts} />
+            <header>
+                <UpperBlock contacts={contacts}/>
+                <div className="h-[91px] lg:h-[6px]"></div>
+                <Header contacts={contacts} />
+            </header>
+            <main>
+                <PolicyBlock />
+            </main>
+            <Footer contacts={contacts} />
+
+        </div>
+    )
+}
@@ -21,7 +21,7 @@ export default async function Page() {
         <div className="layout">
             <QuestionButton contacts={contacts} />
             <header>
-                <UpperBlock />
+                <UpperBlock contacts={contacts}/>
                 <div className="h-[91px] lg:h-[6px]"></div>
                 <Header contacts={contacts} />
             </header>
@@ -15,7 +15,7 @@ export default async function page() {
         <div className="layout bg-white">
             <QuestionButton contacts={contacts} />
             <header>
-                <UpperBlock />
+                <UpperBlock contacts={contacts}/>
                 <div className="h-[91px] lg:h-[6px]"></div>
                 <Header contacts={contacts} />
             </header>
@@ -12,7 +12,7 @@ export default async function notFound() {
         <div className="layout">
             <QuestionButton contacts={contacts} />
             <header>
-                <UpperBlock />
+                <UpperBlock contacts={contacts}/>
                 <div className="h-[91px] lg:h-[6px]"></div>
                 <Header contacts={contacts} />
             </header>
@@ -29,7 +29,7 @@ export default async function Home() {
       <div className="layout">
         <QuestionButton contacts={contacts} />
         <header>
-          <UpperBlock />
+          <UpperBlock contacts={contacts}/>
           <div className="h-[91px] lg:h-[6px]"></div>
           <Header contacts={contacts} />
         </header>
@@ -29,10 +29,9 @@ export default function ContactsBlock({ contacts }: { contacts: IContacts }) {
 
     const [isModalThanksOpened, setIsModalThanksOpened] = useState(false)
     const recaptchaRef = useRef<ReCAPTCHA>(null);
+    const [mailToPass, setMailToPass] = useState("")
 
     function onSubmit(data: any) {
-        console.log(data);
-
         const dataToSend: IFeedback = {
             name: data.name,
             phonenumber: data.phone,
@@ -42,7 +41,7 @@ export default function ContactsBlock({ contacts }: { contacts: IContacts }) {
 
         sendFeedback(dataToSend)
             .then((res) => {
-                console.log(dataToSend);
+                setMailToPass(data.email)
                 setIsModalThanksOpened(true)
                 reset()
                 recaptchaRef.current?.reset();
@@ -54,7 +53,7 @@ export default function ContactsBlock({ contacts }: { contacts: IContacts }) {
 
     return (
         <div className='max-w-[1020px] mx-auto mt-[40px] px-[20px] mb-[70px] lg:mb-[130px] lg:mt-[90px]'>
-            <ThanksModal contacts={contacts} isModalThanksOpened={isModalThanksOpened} setIsModalThanksOpened={setIsModalThanksOpened} />
+            <ThanksModal contacts={contacts} isModalThanksOpened={isModalThanksOpened} setIsModalThanksOpened={setIsModalThanksOpened} mail={mailToPass} />
             <h2 className='text-[32px] leading-[35.2px] mb-[30px] font-medium uppercase text-center lg:mb-[40px] lg:text-[56px] lg:leading-[61.6px]'>контакты и обратная связь</h2>
             <p className="text-[16px] font-normal text-center leading-[19.2px] mb-[40px] lg:mb-[60px] lg:font-light lg:text-[22px] lg:leading-[28.6px]">Если у Вас есть какие-либо вопросы или Вам нужна помощь, Вы можете связаться с нами.<br className='hidden lg:block' />
                 Тел: +7 927 520 33 00 Мы доступны с 10 утра до 20 вечера. <br className='hidden lg:block' />
@@ -92,7 +91,6 @@ export default function ContactsBlock({ contacts }: { contacts: IContacts }) {
                     ref={recaptchaRef}
                     sitekey={process.env.NEXT_PUBLIC_CAPTCHA_KEY || ""}
                     onChange={(e) => {
-                        console.log(e);
                         setValue("captcha", String(e))
                         trigger("captcha")
                     }}
@@ -25,9 +25,6 @@ export default function PortfolioBlock({ contacts, portfolioItems }: IProps) {
     const [hasPadding, setHasPadding] = useState(true); // Управляем padding только в начале
     const { height, width } = useWindowSize()
 
-    console.log(portfolioItems);
-    
-
     // Убираем padding при любом изменении слайдов
     const handleSlideChange = (swiper: SwiperClass) => {
         if (swiper.activeIndex !== 0) {
@@ -24,10 +24,6 @@ export default function PriceListBlock({ priceList, contacts }: IProps) {
         setValue(newValue);
     };
 
-    useEffect(() => {
-        console.log(value);
-    }, [value])
-
     return (
         <div className='w-full max-w-[1020px] mx-auto mt-[40px] lg:mt-[90px]'>
             {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />}
@@ -0,0 +1,42 @@
+import React from 'react'
+
+export default function PolicyBlock() {
+    return (
+        <div className='max-w-[1220px] mx-auto mt-[40px] px-[20px] mb-[70px] lg:mb-[130px] lg:mt-[90px]'>
+            <h2 className='text-[24px] leading-[28.8px] mb-[30px] font-medium uppercase text-center lg:mb-[40px] lg:text-[56px] lg:leading-[61.6px]'>политика конфиденциальности <br className='hidden lg:block' />и пользовательское соглашение</h2>
+
+            <div className='flex flex-col gap-[30px] mt-[30px] w-full max-w-[780px] mx-auto lg:mt-[70px] lg:gap-[50px]'>
+                <section>
+                    <h2 className='mb-[10px] text-[18px] leading-[21.6px] font-semibold uppercase lg:text-[28px] lg:leading-[33.6px] lg:font-medium lg:mb-[15px]'>1. Общие положения</h2>
+                    <p className='text-[14px] font-light leading-[19.6px] lg:text-[18px] lg:leading-[25.2px]'>
+                        Настоящая политика обработки персональных данных составлена в соответствии с требованиями Федерального закона от 27.07.2006. № 152-ФЗ «О персональных данных» (далее — Закон о персональных данных) и определяет порядок обработки персональных данных и меры по обеспечению безопасности персональных данных, предпринимаемые AAAAA (далее — Оператор).
+                        <br />
+                        <br />
+                        1.1. Оператор ставит своей важнейшей целью и условием осуществления своей деятельности соблюдение прав и свобод человека и гражданина при обработке его персональных данных, в том числе защиты прав на неприкосновенность частной жизни, личную и семейную тайну.<br />
+                        1.2. Настоящая политика Оператора в отношении обработки персональных данных (далее — Политика) применяется ко всей информации, которую Оператор может получить о посетителях веб-сайта https://AAAAA.
+                    </p>
+                </section>
+
+                <section>
+                    <h2 className='mb-[10px] text-[18px] leading-[21.6px] font-semibold uppercase lg:text-[28px] lg:leading-[33.6px] lg:font-medium lg:mb-[15px]'>2. Основные понятия</h2>
+                    <p className='text-[14px] font-light leading-[19.6px] lg:text-[18px] lg:leading-[25.2px]'>
+                        2.1. Автоматизированная обработка персональных данных — обработка персональных данных с помощью средств вычислительной техники.<br />
+                        2.2. Блокирование персональных данных — временное прекращение обработки персональных данных (за исключением случаев, если обработка необходима для уточнения персональных данных).<br />
+                        2.3. Веб-сайт — совокупность графических и информационных материалов, а также программ для ЭВМ и баз данных, обеспечивающих их доступность в сети интернет по сетевому адресу https://AAAAA.<br />
+                        2.4. Информационная система персональных данных — совокупность содержащихся в базах данных персональных данных и обеспечивающих их обработку информационных технологий и технических средств.<br />
+                        2.5. Обезличивание персональных данных — действия, в результате которых невозможно определить без использования дополнительной информации принадлежность персональных данных конкретному Пользователю или иному субъекту персональных данных.<br />
+                        2.6. Обработка персональных данных — любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных.<br />
+                        2.7. Оператор — государственный орган, муниципальный орган, юридическое или физическое лицо, самостоятельно или совместно с другими лицами организующие и/или осуществляющие обработку персональных данных, а также определяющие цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными.<br />
+                        2.8. Персональные данные — любая информация, относящаяся прямо или косвенно к определенному или определяемому Пользователю веб-сайта https://AAAAA.<br />
+                        2.9. Персональные данные, разрешенные субъектом персональных данных для распространения, — персональные данные, доступ неограниченного круга лиц к которым предоставлен субъектом персональных данных путем дачи согласия на обработку персональных данных, разрешенных субъектом персональных данных для распространения в порядке, предусмотренном Законом о персональных данных (далее — персональные данные, разрешенные для распространения).<br />
+                        2.10. Пользователь — любой посетитель веб-сайта https://AAAAA.<br />
+                        2.11. Предоставление персональных данных — действия, направленные на раскрытие персональных данных определенному лицу или определенному кругу лиц.<br />
+                        2.12. Распространение персональных данных — любые действия, направленные на раскрытие персональных данных неопределенному кругу лиц (передача персональных данных) или на ознакомление с персональными данными неограниченного круга лиц, в том числе обнародование персональных данных в средствах массовой информации, размещение в информационно-телекоммуникационных сетях или предоставление доступа к персональным данным каким-либо иным способом.<br />
+                        2.13. Трансграничная передача персональных данных — передача персональных данных на территорию иностранного государства органу власти иностранного государства, иностранному физическому или иностранному юридическому лицу.<br />
+                        2.14. Уничтожение персональных данных — любые действия, в результате которых персональные данные уничтожаются безвозвратно с невозможностью дальнейшего восстановления содержания персональных данных в информационной системе персональных данных и/или уничтожаются материальные носители персональных данных.<br />
+                    </p>
+                </section>
+            </div>
+        </div>
+    )
+}
@@ -33,10 +33,10 @@ export default function FeedbackBlock({ contacts }: { contacts: IContacts }) {
 
     const [isModalThanksOpened, setIsModalThanksOpened] = useState(false)
     const recaptchaRef = useRef<ReCAPTCHA>(null);
+    const [mailToPass, setMailToPass] = useState("")
 
-    function onSubmit(data: any) {
-        console.log(data);
 
+    function onSubmit(data: any) {
         const dataToSend: IFeedback = {
             name: data.name,
             phonenumber: data.phone,
@@ -46,6 +46,7 @@ export default function FeedbackBlock({ contacts }: { contacts: IContacts }) {
 
         sendFeedback(dataToSend)
             .then((res) => {
+                setMailToPass(data.email)
                 setIsModalThanksOpened(true)
                 reset()
                 recaptchaRef.current?.reset();
@@ -56,7 +57,7 @@ export default function FeedbackBlock({ contacts }: { contacts: IContacts }) {
 
     return (
         <div className="z-[1] relative max-w-[1920px] mx-auto">
-            <ThanksModal contacts={contacts} isModalThanksOpened={isModalThanksOpened} setIsModalThanksOpened={setIsModalThanksOpened} />
+            <ThanksModal contacts={contacts} isModalThanksOpened={isModalThanksOpened} setIsModalThanksOpened={setIsModalThanksOpened} mail={mailToPass} />
             <div className="z-[0] absolute left-0 top-0 w-full h-full overflow-hidden">
                 <Image style={{ objectPosition: width && width < 976 ? '57% 0%' : '0' }} src={bg} alt="" className="w-full h-full object-cover lg:scale-[135%]" />
                 <div className="absolute top-0 left-0 w-full h-full bg-[#1D1D1D]/90"></div>
@@ -98,7 +99,6 @@ export default function FeedbackBlock({ contacts }: { contacts: IContacts }) {
                         ref={recaptchaRef}
                         sitekey={process.env.NEXT_PUBLIC_CAPTCHA_KEY || ""}
                         onChange={(e) => {
-                            console.log(e);
                             setValue("captcha", String(e))
                             trigger("captcha")
                         }}
@@ -12,6 +12,7 @@ import { IContacts } from "@/src/shared/models/models"
 import { useState } from "react"
 
 import dynamic from 'next/dynamic';
+import Link from "next/link";
 const ModalFeedback = dynamic(() => import('@/src/shared/components/shared_components/Modals/ModalFeedback/ModalFeedback'));
 
 interface IProps {
@@ -60,8 +61,8 @@ export default function Footer(props: IProps) {
             <span className="block text-[22px] font-bold text-white uppercase mb-[20px] leading-[30.01px]">информация</span>
 
             <div className="flex flex-col gap-[15px]">
-              <a href="#" className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">политика<br />конфиденциальности</a>
-              <a href="#" className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">пользовательское<br />соглашение</a>
+              <Link href="/policy" className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">политика<br />конфиденциальности</Link>
+              <Link href="/policy" className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">пользовательское<br />соглашение</Link>
               <a href={'/#faq'} className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">частые вопросы</a>
               <a onClick={() => {
                 setIsModalFeedbackOpened(true)
@@ -1,11 +1,24 @@
+"use client"
 import chevron_left from "@/public/icons/chevron-left.svg"
 import Image from "next/image"
+import React from "react";
+import dynamic from 'next/dynamic';
+import { useState } from "react";
+import { IContacts } from "@/src/shared/models/models";
+
+const ModalFeedback = dynamic(() => import('@/src/shared/components/shared_components/Modals/ModalFeedback/ModalFeedback'));
+
+export default function UpperBlock({ contacts }: { contacts: IContacts }) {
+  const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
 
-export default function UpperBlock() {
   return (
-    <div className="z-[6] fixed top-0 w-full flex justify-center items-center gap-[6px] text-white text-[8px] pt-[8px] pb-[6px] uppercase bg-red-main lg:pt-[6px] lg:pb-[5px] lg:text-[10px] hover:cursor-pointer">
+    <>
+      {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />}
+      <div onClick={() => { setIsModalFeedbackOpened(true) }} className="z-[6] fixed top-0 w-full flex justify-center items-center gap-[6px] text-white text-[8px] pt-[8px] pb-[6px] uppercase bg-red-main lg:pt-[6px] lg:pb-[5px] lg:text-[10px] hover:cursor-pointer">
+
         <span>дарим Скидку -10% на <span className="underline">первый заказ</span> в нашем Шоурум-Ателье!</span>
-        <Image src={chevron_left} alt="chevron"/>
-    </div>
+        <Image src={chevron_left} alt="chevron" />
+      </div>
+    </>
   )
 }
@@ -36,10 +36,9 @@ export default function ModalFeedback({ isModalFeedbackOpened, setIsModalFeedbac
 
     const [hasDataSent, setHasDataSent] = useState(false)
     const { height, width } = useWindowSize()
+    const [mailToPass, setMailToPass] = useState("")
 
     function onSubmit(data: any) {
-        console.log(data);
-
         const dataToSend: IFeedback = {
             name: data.name,
             phonenumber: data.phone,
@@ -50,6 +49,7 @@ export default function ModalFeedback({ isModalFeedbackOpened, setIsModalFeedbac
         sendFeedback(dataToSend)
             .then((res) => {
                 setHasDataSent(true)
+                setMailToPass(data.email)
             }).catch((er) => {
                 // console.log(dataToSend);
             })
@@ -122,7 +122,6 @@ export default function ModalFeedback({ isModalFeedbackOpened, setIsModalFeedbac
                                         <ReCAPTCHA
                                             sitekey={process.env.NEXT_PUBLIC_CAPTCHA_KEY || ""}
                                             onChange={(e) => {
-                                                console.log(e);
                                                 setValue("captcha", String(e))
                                                 trigger("captcha")
                                             }}
@@ -139,7 +138,7 @@ export default function ModalFeedback({ isModalFeedbackOpened, setIsModalFeedbac
                                 </div>
                             </>
                             :
-                            <ThanksContent contacts={{ ...contacts }} setModal={setIsModalFeedbackOpened} />}
+                            <ThanksContent contacts={{ ...contacts }} setModal={setIsModalFeedbackOpened} mail={mailToPass} />}
                     </div>
                 </div>
             </Modal >
@@ -8,13 +8,13 @@ import { IContacts } from '@/src/shared/models/models'
 import React, { Dispatch, SetStateAction } from 'react'
 import Image from 'next/image'
 
-export default function ThanksContent({ contacts, setModal }: { contacts: IContacts, setModal: Dispatch<SetStateAction<boolean>> }) {
+export default function ThanksContent({ contacts, setModal, mail }: { contacts: IContacts, setModal: Dispatch<SetStateAction<boolean>>, mail: string }) {
     return (
         <div className='flex flex-col items-center max-w-[620px] mx-auto w-full px-[20px]'>
             <h3 className='text-[32px] font-medium mb-[20px] leading-[35.2px] uppercase lg:text-[56px] lg:leading-[61.6px]'>Спасибо!</h3>
 
             <p className='text-[16px] font-normal mb-[30px] text-center lg:text-[22px] lg:font-light lg:mb-[40px]'>
-                Письмо с информацией о Вашем сообщении уже отправлено на указанную Вами почту:<br /> <span className='underline'>userexampleemail@gmail.com</span><br />Наш менеджер свяжется с Вами в ближайшее время, благодарим за обращение!
+                Письмо с информацией о Вашем сообщении уже отправлено на указанную Вами почту:<br /> <span className='underline'>{mail}</span><br />Наш менеджер свяжется с Вами в ближайшее время, благодарим за обращение!
             </p>
 
             <span className='block text-[14px] font-normal mb-[15px] lg:mb-[10px] lg:text-[18px] lg:font-light'>Подпишитесь на наши соцсети и мессенджеры!</span>
@@ -6,10 +6,11 @@ import ThanksContent from './ThanksContent';
 interface IProps {
   isModalThanksOpened: boolean,
   setIsModalThanksOpened: Dispatch<SetStateAction<boolean>>,
-  contacts: IContacts
+  contacts: IContacts,
+  mail: string
 }
 
-export default function ThanksModal({ isModalThanksOpened, setIsModalThanksOpened, contacts }: IProps) {
+export default function ThanksModal({ isModalThanksOpened, setIsModalThanksOpened, contacts, mail }: IProps) {
 
   function closeModal() {
     setIsModalThanksOpened(false);
@@ -33,7 +34,7 @@ export default function ThanksModal({ isModalThanksOpened, setIsModalThanksOpene
     >
       <div className='relative bg-green-mainDark h-screen lg:h-fit lg:bg-transparent'>
         <div className='flex items-center h-full w-full mx-auto text-white lg:max-w-[780px]'>
-          <ThanksContent contacts={contacts} setModal={setIsModalThanksOpened} />
+          <ThanksContent contacts={contacts} setModal={setIsModalThanksOpened} mail={mail}/>
         </div>
       </div>
     </Modal>