фиксы, добавлены ссылки в футер

src/components/footer/contactsContainer.tsx

@@ -28,7 +28,7 @@ export const ContactContainer:React.FC<TProps> = React.memo((props) => {
         </div>
         {
             props.href 
-            ? <a href={props.href} className='contact-href'>{props.href}</a>
+            ? <a href={`https://${props.href}`} target='_blank' rel="noreferrer noopener" className='contact-href'>{props.href}</a>
             : null
         }
         <div className="contact-data-container">
@@ -36,14 +36,30 @@ export const ContactContainer:React.FC<TProps> = React.memo((props) => {
                 return <div key={typeof(pair.value1) === 'string' ? pair.value1 : pair.value1[lang]} className="contact-data-row">
                     <div className="contact-data-value-container">
                         <span className="contact-data-value">
-                            {typeof(pair.value1) === 'string' ? pair.value1 : pair.value1[lang]}
+                            {
+                                typeof(pair.value1) === 'string' 
+                                ? pair.value1[0] === '+' 
+                                    ? <a href={`tel:${pair.value1}`}>{pair.value1}</a>
+                                    : pair.value1
+                                : pair.value1[lang][0] === '+'
+                                    ? <a href={`tel:${pair.value1[lang]}`}>{pair.value1[lang]}</a>
+                                    : pair.value1[lang]
+                            }
                         </span>
                     </div>
                     {
                         pair?.value2
                         ? <div className="contact-data-value-container">
                             <span className="contact-data-value">
-                                {typeof(pair?.value2) === 'string' ? pair?.value2 : pair?.value2[lang]}
+                            {
+                                typeof(pair.value2) === 'string' 
+                                ? pair.value2[0] === '+' 
+                                    ? <a href={`tel:${pair.value2}`}>{pair.value2}</a>
+                                    : pair.value2
+                                : pair.value2[lang][0] === '+'
+                                    ? <a href={`tel:${pair.value2[lang]}`}>{pair.value2[lang]}</a>
+                                    : pair.value2[lang]
+                            }
                             </span>    
                         </div>
                         : null

src/components/footer/footer.css

@@ -63,8 +63,16 @@
     background-color: #979797;
 }
 
-.contact-href {
+.contact-href,
+a {
     color: #FFFFFF;
+    transition: .2s;
+}
+
+.contact-href:hover,
+a:hover {
+    color: #CE56C2;
+    transition: .2s;
 }
 
 .contact-container {

src/components/mainPart/mainPart.css

@@ -114,7 +114,8 @@
     cursor: pointer;
 }
 
-.main-part-text-button:hover {
+.main-part-text-button:hover,
+.main-part-text-button:active {
     background-color: #FFFFFF;
     color: #CE56C2;
     border: 2px solid #CE56C2;
@@ -304,6 +305,20 @@
     .plan-content-container {
         width: 482px;
     }
+
+    .main-part-text-button:hover {
+        background-color: #CE56C2;
+        color: #FFFFFF;
+        border: none;
+        transition: 0;
+    }
+
+    .main-part-text-button:active {
+        background-color: #FFFFFF;
+        color: #CE56C2 ;
+        border: none;
+        transition: 0;
+    }
 }
 
 @media screen and (max-width: 1024px) {
@@ -387,6 +402,4 @@
         line-height: 17px;
        
     }
-    
-    
 }

src/components/mainPart/pinkButton.tsx

@@ -1,4 +1,5 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
+import { Style } from "util";
 
 type TProps = {
     textButton: string
@@ -8,8 +9,15 @@ type TProps = {
 }
 
 export const PinkButton:React.FC<TProps> = React.memo((props) => {
-    return <button
-        style={{width: props.width ? props.width : ''}}
+    const [styles, setStyles] = useState<React.CSSProperties>();
+    useEffect(() => {
+        setStyles({
+            // backgroundColor: '#CE56C2'
+        })
+    }, [])
+    return <button        
+        onMouseLeave={() => console.log('fuck')}
+        style={{width: props.width ? props.width : '', ...styles}}
         className="main-part-text-button"
         onClick={() => {
             return props?.onClick ? props.onClick() : null;