GLOBAL PATCH

src/components/QuestionsBlock/QuestionsBlock.tsx

@@ -1,60 +1,48 @@
-import React from "react";
+import React, { useState } from "react";
+import { PhoneOutlined } from "@ant-design/icons";
 import styles from "./QuestionsBlock.module.css";
 import Button from "../Button/Button";
-import { PhoneOutlined } from "@ant-design/icons";
 import ModalRequestFormQuastion from "../../features/MainPage/PhoneRequest";
-import { useState } from "react";
 
 const QuestionsBlock: React.FC = () => {
-
   const [open, setOpen] = useState(false);
 
   return (
     <section className={styles.wrapper}>
       <div className={styles.inner}>
-        {/* LEFT TEXT */}
         <div className={styles.left}>
-          <h2 className={styles.title}>ЕСТЬ ВОПРОСЫ?</h2>
+          <span className={styles.kicker}>Связь с нами</span>
+          <h2 className={styles.title}>Есть вопросы?</h2>
 
           <p className={styles.text}>
-            Мы готовы ответить на ваши вопросы <br />
-            и предоставить всю необходимую информацию <br />
-            о сотрудничестве и товаре.
+            Мы готовы ответить на вопросы, помочь с подбором продукции и
+            предоставить информацию о сотрудничестве.
           </p>
         </div>
 
-        {/* RIGHT CONTENT */}
         <div className={styles.right}>
           <div className={styles.phoneBlock}>
             <PhoneOutlined className={styles.phoneIcon} />
-            <span className={styles.phoneNumber}>+7 910 121 09 62</span>
-
-            <div className={styles.phoneInfo}>
-              Звоните с понедельника по пятницу <br /> c 09:00 до 18:00 (по Москве)
+            <div>
+              <a href="tel:+79101210962" className={styles.phoneNumber}>
+                +7 910 121 09 62
+              </a>
+              <div className={styles.phoneInfo}>
+                Понедельник - пятница, с 09:00 до 18:00 по Москве
+              </div>
             </div>
           </div>
 
           <p className={styles.formLabel}>
-            Или оставьте заявку и мы вам перезвоним
+            Или оставьте заявку, и мы вам перезвоним.
           </p>
 
-          {/* FORM */}
-          {/*<div className={styles.form}>
-            <input
-              type="text"
-              placeholder="+7 (___) ___-__-__"
-              className={styles.input}
-            />*/}
-            <Button 
-                                label="ЗАДАТЬ ВОПРОС" 
-                                onClick={() => setOpen(true)}
-                            />
-          
-          <ModalRequestFormQuastion open={open} onClose={() => setOpen(false)}/>
+          <Button label="Задать вопрос" onClick={() => setOpen(true)} />
+          <ModalRequestFormQuastion open={open} onClose={() => setOpen(false)} />
         </div>
       </div>
     </section>
   );
 };
 
-export default QuestionsBlock;
+export default QuestionsBlock;