@@ -1,13 +1,11 @@
 import { getContacts } from "@/src/shared/api/requests";
 import MeasurementsBlock from "@/src/shared/components/pages_components/measurements_page/MeasurementsBlock";
-import FeedbackBlock from "@/src/shared/components/shared_components/FeedbackBlock/FeedbackBlock";
+// import FeedbackBlock from "@/src/shared/components/shared_components/FeedbackBlock/FeedbackBlock";
 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 { contacts } from "@/src/shared/utils/staticMockData";
-
 export const dynamic = "force-dynamic"
 
 export default async function page() {
@@ -24,7 +22,7 @@ export default async function page() {
             </header>
             <main>
                 <MeasurementsBlock />
-                <FeedbackBlock contacts={contacts}/>
+                {/* <FeedbackBlock contacts={contacts}/> */}
             </main>
             <Footer contacts={contacts} />
 
@@ -1,13 +1,12 @@
 import Header from "@/src/shared/components/shared_components/Header/Header";
 import UpperBlock from "@/src/shared/components/shared_components/Header/UpperBlock";
 
-import { contacts } from "@/src/shared/utils/staticMockData";
 import Footer from "@/src/shared/components/shared_components/Footer/Footer";
 import QuestionButton from "@/src/shared/components/shared_components/QuestionButton/QuestionButton";
 import PriceListBlock from "@/src/shared/components/pages_components/main_page/PriceListBlock";
 
 import { priceList } from '@/src/shared/utils/staticMockData';
-import FeedbackBlock from "@/src/shared/components/shared_components/FeedbackBlock/FeedbackBlock";
+// import FeedbackBlock from "@/src/shared/components/shared_components/FeedbackBlock/FeedbackBlock";
 import { getContacts, getProducts } from "@/src/shared/api/requests";
 
 
@@ -21,13 +20,14 @@ export default async function Page() {
         <div className="layout">
             <QuestionButton contacts={contacts} />
             <header>
-                <UpperBlock contacts={contacts}/>
+                <UpperBlock contacts={contacts} />
                 <div className="h-[91px] lg:h-[6px]"></div>
                 <Header contacts={contacts} />
             </header>
             <main>
                 <PriceListBlock priceList={products} contacts={contacts} />
-                <FeedbackBlock contacts={contacts}/>
+                <div className="h-[70px] lg:h-[130px] w-full"></div>
+                {/* <FeedbackBlock contacts={contacts}/> */}
             </main>
             <Footer contacts={contacts} />
 
@@ -1,13 +1,11 @@
 import { getContacts } from "@/src/shared/api/requests";
 import RulesPageBlock from "@/src/shared/components/pages_components/rules_page/RulesPageBlock";
-import FeedbackBlock from "@/src/shared/components/shared_components/FeedbackBlock/FeedbackBlock";
+// import FeedbackBlock from "@/src/shared/components/shared_components/FeedbackBlock/FeedbackBlock";
 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 { contacts } from "@/src/shared/utils/staticMockData";
-
 export const dynamic = "force-dynamic"
 
 export default async function page() {
@@ -17,13 +15,14 @@ export default async function page() {
         <div className="layout bg-white">
             <QuestionButton contacts={contacts} />
             <header>
-                <UpperBlock contacts={contacts}/>
+                <UpperBlock contacts={contacts} />
                 <div className="h-[91px] lg:h-[6px]"></div>
                 <Header contacts={contacts} />
             </header>
             <main>
                 <RulesPageBlock />
-                <FeedbackBlock contacts={contacts}/>
+                <div className="h-[70px] lg:h-[130px] w-full"></div>
+                {/* <FeedbackBlock contacts={contacts}/> */}
             </main>
             <Footer contacts={contacts} />
 
@@ -11,7 +11,7 @@ import NewWayBlock from "@/src/shared/components/pages_components/main_page/NewW
 // import { products } from "@/src/shared/utils/staticMockData";
 import ReadyImagesBlock from "@/src/shared/components/pages_components/main_page/ReadyImagesBlock";
 import FaqBlock from "@/src/shared/components/shared_components/FaqBlock/FaqBlock";
-import FeedbackBlock from "@/src/shared/components/shared_components/FeedbackBlock/FeedbackBlock";
+// import FeedbackBlock from "@/src/shared/components/shared_components/FeedbackBlock/FeedbackBlock";
 import Footer from "@/src/shared/components/shared_components/Footer/Footer";
 import QuestionButton from "@/src/shared/components/shared_components/QuestionButton/QuestionButton";
 
@@ -42,7 +42,8 @@ export default async function Home() {
           <NewWayBlock products={productsSlice} contacts={contacts} />
           <ReadyImagesBlock contacts={contacts} />
           <FaqBlock faqData={faqData} />
-          <FeedbackBlock contacts={contacts} />
+          <div className="h-[70px] lg:h-[130px] w-full"></div>
+          {/* <FeedbackBlock contacts={contacts} /> */}
         </main>
         <Footer contacts={contacts} />
 
@@ -11,11 +11,11 @@ interface IProps {
 }
 
 export default function NewWayBlock({ products, contacts }: IProps) {
-    const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
+    // const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
 
     return (
         <div className='max-w-[979px] mx-auto mt-[70px] px-[20px] lg:mt-[130px]'>
-            {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />}
+            {/* {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />} */}
             <h2 className='text-[32px] leading-[35.2px] mb-[20px] font-medium uppercase text-center lg:text-[56px] lg:leading-[61.6px]'>новый способ проявить себя</h2>
             <p className="text-[16px] font-normal text-center leading-[19.2px] mb-[30px] lg:text-[22px] lg:leading-[26.4px]">Наша главная цель - ваш идеальный образ, который будет говорить за себя. <br className="hidden lg:block" /> Тот имидж, который позволит не только привлечь больше внимания,<br className="hidden lg:block" /> но и придаст уверенности, где бы и с кем бы, вы не находились.</p>
 
@@ -28,8 +28,9 @@ export default function NewWayBlock({ products, contacts }: IProps) {
                         description={item.description}
                         period={item.period}
                         price={item.price}
-                        isModalFeedbackOpened={isModalFeedbackOpened}
-                        setIsModalFeedbackOpened={setIsModalFeedbackOpened}
+                        contacts={contacts}
+                        // isModalFeedbackOpened={isModalFeedbackOpened}
+                        // setIsModalFeedbackOpened={setIsModalFeedbackOpened}
                     />
                 ))}
             </div>
@@ -21,7 +21,7 @@ interface IProps {
 }
 
 export default function PortfolioBlock({ contacts, portfolioItems }: IProps) {
-    const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
+    // const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
     const [hasPadding, setHasPadding] = useState(true); // Управляем padding только в начале
     const { height, width } = useWindowSize()
 
@@ -41,7 +41,7 @@ export default function PortfolioBlock({ contacts, portfolioItems }: IProps) {
 
     return (
         <div className='max-w-[1220px] mx-auto mt-[40px] lg:mt-[90px]'>
-            {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />}
+            {/* {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />} */}
 
             <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>
             <Swiper
@@ -61,7 +61,7 @@ export default function PortfolioBlock({ contacts, portfolioItems }: IProps) {
                 }}
             >
                 {portfolioItems.map((item, idx) => (
-                    <SwiperSlide key={idx} className='w-fit'> <PortfolioItem setIsModalFeedbackOpened={setIsModalFeedbackOpened} item={item} /> </SwiperSlide>
+                    <SwiperSlide key={idx} className='w-fit'> <PortfolioItem contacts={contacts} item={item} /> </SwiperSlide>
                 ))}
 
                 <div className='prevEl group hidden justify-center items-center group prevEl z-[3] absolute top-0 bottom-0 my-auto left-0 h-[40px] w-[40px] rounded-full bg-white hover:cursor-pointer lg:flex'>
@@ -18,15 +18,15 @@ interface IProps {
 
 export default function PriceListBlock({ priceList, contacts }: IProps) {
     const [value, setValue] = useState<number>(-1);
-    const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
-    
+    // const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
+
     const handleChange = (event: React.SyntheticEvent, newValue: number) => {
         setValue(newValue);
     };
 
     return (
         <div className='w-full max-w-[1020px] mx-auto mt-[40px] lg:mt-[90px]'>
-            {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />}
+            {/* {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />} */}
 
             <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>
 
@@ -46,7 +46,7 @@ export default function PriceListBlock({ priceList, contacts }: IProps) {
                             <h3 className='text-[28px] leading-[33.6px] text-center uppercase px-[20px] lg:text-[48px] lg:leading-[57.6px] lg:mb-[10px]'>{item.title ? item.title : ""}</h3>
                             <div className='px-[20px]'>
                                 {priceList[idx].products.map((item) => (
-                                    <ProductComponent key={item.id} {...item} isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} />
+                                    <ProductComponent key={item.id} {...item} contacts={contacts} />
                                 ))}
                             </div>
                         </div>
@@ -57,7 +57,7 @@ export default function PriceListBlock({ priceList, contacts }: IProps) {
                     <h3 className='text-[28px] leading-[33.6px] text-center uppercase px-[20px] lg:text-[56px] lg:leading-[61.6px] lg:mb-[10px]'>{priceList[value]?.title ? priceList[value]?.title : ""}</h3>
                     <div className='px-[20px]'>
                         {priceList[value]?.products?.map((item) => (
-                            <ProductComponent key={item.id} {...item} isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} />
+                            <ProductComponent key={item.id} {...item} contacts={contacts} />
                         ))}
                     </div>
                 </div>
@@ -13,11 +13,11 @@ interface IProps {
 }
 
 export default function WelcomeBlock({ contacts }: IProps) {
-    const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
+    // const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
 
     return (
         <div className="flex flex-col">
-            <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />
+            {/* <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} /> */}
             <div className="relative w-full max-w-[1920px] mx-auto py-[70px] lg:pt-[66px] lg:pb-[86px]">
                 <Image src={mobile_img} alt="welcoming block photo" className="z-0 absolute top-0 left-0 object-cover w-full h-full lg:hidden" />
                 <Image src={pc_img} alt="welcoming block photo" className="hidden z-0 absolute top-0 left-0 object-cover w-full h-full lg:block" />
@@ -37,7 +37,10 @@ export default function WelcomeBlock({ contacts }: IProps) {
                 </div>
             </div>
 
-            <div onClick={() => { setIsModalFeedbackOpened(true) }} className="flex justify-center items-center w-full h-[64px] bg-red-main active:bg-red-mainClick lg:hidden">
+            <div onClick={() => {
+                window.open(contacts?.whatsapp, '_blank');
+                // setIsModalFeedbackOpened(true)
+            }} className="flex justify-center items-center w-full h-[64px] bg-red-main active:bg-red-mainClick lg:hidden">
                 <span className="text-[14px] font-bold uppercase text-white">заказать пошив</span>
             </div>
         </div>
@@ -21,11 +21,11 @@ interface IProps {
 }
 
 export default function Footer(props: IProps) {
-  const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
+  // const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
 
   return (
     <div className="bg-green-mainDark w-full">
-      {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={props.contacts} />}
+      {/* {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={props.contacts} />} */}
       <div className="flex flex-col pt-[70px] max-w-[1220px] mx-auto px-[20px] lg:flex-row lg:justify-between">
         <div className="mb-[60px] lg:mb-0">
           <span className="block text-[22px] font-bold text-white uppercase mb-[20px] leading-[30.01px]">контактные данные</span>
@@ -54,7 +54,7 @@ export default function Footer(props: IProps) {
               {/* <a href="/price-list" className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">Каталог</a> */}
               <a href="/rules" className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">Правила работы ателье</a>
               <a href="/measurements" className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">Снятие мерок онлайн</a>
-              <a href="/contacts" className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">Контакты</a>
+              {/* <a href="/contacts" className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5]">Контакты</a> */}
             </div>
           </div>
 
@@ -66,7 +66,8 @@ export default function Footer(props: IProps) {
               <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)
+                window.open(props?.contacts?.whatsapp, '_blank');
+                // setIsModalFeedbackOpened(true)
               }} className="block text-[14px] leading-[19.1px] font-semibold text-white uppercase hover:text-[#A0A1A5] hover:cursor-pointer">связаться</a>
             </div>
           </div>
@@ -15,7 +15,6 @@ import Link from 'next/link'
 import { useEffect, useState } from 'react'
 import SideMenu from '../SideMenu/SideMenu'
 import { IContacts } from '@/src/shared/models/models'
-import { useRouter } from 'next/navigation'
 
 import dynamic from 'next/dynamic';
 import { prettifyPhoneNumber } from "@/src/shared/utils/funcs/prettifyPhoneNumber";
@@ -28,8 +27,7 @@ interface IProps {
 
 export default function Header(props: IProps) {
   const [isSidebarOpened, setIsSidebarOpened] = useState<boolean>(false);
-  const router = useRouter()
-  const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
+  // const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
 
   useEffect(() => {
     if (isSidebarOpened) {
@@ -46,7 +44,7 @@ export default function Header(props: IProps) {
 
   return (
     <header className='z-[5] bg-white fixed top-[26px] w-full h-fit lg:top-0 lg:relative lg:block'>
-      {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={props.contacts} />}
+      {/* {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={props.contacts} />} */}
 
       <section className='flex justify-between items-center w-full h-fit max-w-[1220px] px-[20px] mx-auto pt-[10px] lg:pt-[30px]'>
         <SideMenu isSidebarOpened={isSidebarOpened} setIsSidebarOpened={setIsSidebarOpened} contacts={props.contacts} />
@@ -69,7 +67,10 @@ export default function Header(props: IProps) {
         </a>
 
         <div className='flex gap-[30px]'>
-          <div onClick={() => { setIsModalFeedbackOpened(true) }} className='flex items-center gap-[5px] mt-[10px] lg:hidden'>
+          <div onClick={() => {
+            window.open(props?.contacts?.whatsapp, '_blank');
+            // setIsModalFeedbackOpened(true)
+          }} className='flex items-center gap-[5px] mt-[10px] lg:hidden'>
             <Image src={phone_call} alt='Icon' width={14} height={14} className='hover:cursor-pointer' />
             <span className='text-gray-mainLight uppercase text-[10px]'>Связь</span>
           </div>
@@ -79,7 +80,10 @@ export default function Header(props: IProps) {
             <a href={`tel:${props.contacts.phone}`} className='font-bold text-gray-mainLight'>{props.contacts.phone && prettifyPhoneNumber(props.contacts.phone)}</a>
           </div>
 
-          <div onClick={() => { setIsModalFeedbackOpened(true) }} className='hidden justify-center items-center  border-[2px] border-red-main w-[170px] h-[50px] hover:cursor-pointer lg:flex'>
+          <div onClick={() => {
+            window.open(props?.contacts?.whatsapp, '_blank');
+            // setIsModalFeedbackOpened(true)
+          }} className='hidden justify-center items-center  border-[2px] border-red-main w-[170px] h-[50px] hover:cursor-pointer lg:flex'>
             <span className='font-normal text-[14px] uppercase mt-[1px]'>Связаться</span>
           </div>
         </div>
@@ -95,7 +99,7 @@ export default function Header(props: IProps) {
         <Link href={'/measurements'} className='font-semibold text-[14px] uppercase hover:cursor-pointer hover:text-[#A0A1A5]'>Снятие мерок онлайн</Link>
         <Link href={'/price-list'} className='font-semibold text-[14px] uppercase hover:cursor-pointer hover:text-[#A0A1A5]'>Прайс-лист</Link>
         <a href={'/#faq'} className='font-semibold text-[14px] uppercase hover:cursor-pointer hover:text-[#A0A1A5]'>Частые вопросы</a>
-        <Link href={'/contacts'} className='font-semibold text-[14px] uppercase hover:cursor-pointer hover:text-[#A0A1A5]'>Контакты</Link>
+        {/* <Link href={'/contacts'} className='font-semibold text-[14px] uppercase hover:cursor-pointer hover:text-[#A0A1A5]'>Контакты</Link> */}
       </section>
     </header>
   )
@@ -9,12 +9,15 @@ 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);
+  // const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
 
   return (
     <>
-      {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">
+      {/* {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />} */}
+      <div onClick={() => {
+        window.open(contacts?.whatsapp, '_blank');
+        // 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" />
@@ -1,5 +1,5 @@
 import Image from "next/image"
-import { IPortfolioItem } from "@/src/shared/models/models"
+import { IContacts, IPortfolioItem } from "@/src/shared/models/models"
 import Skeleton from 'react-loading-skeleton'
 
 import 'react-loading-skeleton/dist/skeleton.css'
@@ -7,16 +7,20 @@ import { Dispatch, SetStateAction, useState } from "react"
 
 interface IProps {
     item: IPortfolioItem,
-    setIsModalFeedbackOpened: Dispatch<SetStateAction<boolean>>
+    contacts: IContacts
+    // setIsModalFeedbackOpened: Dispatch<SetStateAction<boolean>>
 }
 
-export default function PortfolioItem({item, setIsModalFeedbackOpened}:IProps) {
+export default function PortfolioItem({ item, contacts }: IProps) {
     const [isLoaded, setIsLoaded] = useState(false)
     return (
         <div className="group relative w-[150px] h-[200px] lg:w-[280px] lg:h-[360px]">
             {!isLoaded && <Skeleton className="z-[2] h-full top-[-4px] rounded-none" />}
             <Image onLoad={() => { setIsLoaded(true) }} src={item.image} width={280} height={360} alt="Suit" className={`z-[1] absolute top-0 left-0 w-full h-full object-cover opacity-0 ${isLoaded && "opacity-100"}`} />
-            <div onClick={()=>{setIsModalFeedbackOpened(true)}} className="z-[3] absolute bottom-0 left-0 flex justify-center items-center w-full h-[50px] bg-red-main opacity-0 transition-opacity duration-150 ease-in-out group-hover:opacity-100 hover:cursor-pointer hover:bg-red-mainHover active:bg-red-mainClick">
+            <div onClick={() => {
+                window.open(contacts?.whatsapp, '_blank');
+                // setIsModalFeedbackOpened(true)
+            }} className="z-[3] absolute bottom-0 left-0 flex justify-center items-center w-full h-[50px] bg-red-main opacity-0 transition-opacity duration-150 ease-in-out group-hover:opacity-100 hover:cursor-pointer hover:bg-red-mainHover active:bg-red-mainClick">
                 <span className="text-[14px] font-bold uppercase text-white">заказать пошив</span>
             </div>
         </div>
@@ -1,18 +1,19 @@
 'use client'
 import React from "react"
-import { IProduct } from "@/src/shared/models/models"
+import { IContacts, IProduct } from "@/src/shared/models/models"
 import setDotsForPrice from "@/src/shared/utils/funcs/setDotsForPrice"
 import { Dispatch, SetStateAction } from "react"
 
 interface IProps extends IProduct {
-    isModalFeedbackOpened: boolean,
-    setIsModalFeedbackOpened: Dispatch<SetStateAction<boolean>>
+    contacts: IContacts
+    // isModalFeedbackOpened: boolean,
+    // setIsModalFeedbackOpened: Dispatch<SetStateAction<boolean>>
 }
 
-export default function ProductComponent({ title, description, period, price, isModalFeedbackOpened, setIsModalFeedbackOpened }: IProps) {
+export default function ProductComponent({ title, description, period, price, contacts }: IProps) {
     return (
         <div onClick={() => {
-            setIsModalFeedbackOpened(true)
+            window.open(contacts?.whatsapp, '_blank');
         }} className="group flex flex-col py-[20px] border-b-[1px] border-[#D9D9D9] lg:py-[30px] lg:flex-row lg:justify-between hover:text-red-main hover:cursor-pointer">
             <div className="flex flex-col gap-[10px] lg:gap-[5px]">
                 <span className="text-[18px] leading-[21.6px] font-semibold uppercase lg:text-[28px] lg:leading-[33.6px]">{title ? title : ""}</span>
@@ -24,13 +24,13 @@ interface IProps {
 }
 
 export default function SideMenu({ isSidebarOpened, setIsSidebarOpened, contacts }: IProps) {
-    const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
+    // const [isModalFeedbackOpened, setIsModalFeedbackOpened] = useState(false);
 
     return (
         <div
             className={`z-[5] sidemenu fixed flex flex-col justify-between top-[26px] left-0 h-full w-[100vw] bg-green-mainDark ease-in-out duration-300 ${isSidebarOpened ? "translate-x-0 " : "-translate-x-full"
                 }`}>
-            {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />}
+            {/* {isModalFeedbackOpened && <ModalFeedback isModalFeedbackOpened={isModalFeedbackOpened} setIsModalFeedbackOpened={setIsModalFeedbackOpened} contacts={contacts} />} */}
 
             <div className="flex justify-between items-center pt-[10px] px-[20px]">
                 <div onClick={() => { setIsSidebarOpened(false) }} className="flex gap-[5px] mt-[20px]">
@@ -52,11 +52,12 @@ export default function SideMenu({ isSidebarOpened, setIsSidebarOpened, contacts
                 <Link href={'/measurements'} className="text-[24px] font-semibold text-white uppercase">Снятие мерок онлайн</Link>
                 <Link href={'/price-list'} className="text-[24px] font-semibold text-white uppercase">Прайс-лист</Link>
                 <Link href={'/#faq'} className="text-[24px] font-semibold text-white uppercase">Частые вопросы</Link>
-                <span onClick={()=>{
+                <span onClick={() => {
                     setIsSidebarOpened(false)
-                    setIsModalFeedbackOpened(true)
+                    window.open(contacts?.whatsapp, '_blank');
+                    // setIsModalFeedbackOpened(true)
                 }} className="block text-[24px] font-semibold text-white uppercase">Обратная связь</span>
-                <Link href={'/contacts'} className="text-[24px] font-semibold text-white uppercase">Контакты</Link>
+                {/* <Link href={'/contacts'} className="text-[24px] font-semibold text-white uppercase">Контакты</Link> */}
             </div>
 
             <div>