footer links

frontend/components/Footer.tsx

@@ -1,205 +1,114 @@
 import React from 'react'
 import Image from 'next/image'
 import Link from 'next/link'
-import {
+import { FaInstagram, FaTelegram, FaVk, FaFacebook, FaYoutube, FaTiktok } from 'react-icons/fa'
-  FaInstagram,
-  FaTelegram,
-  FaVk,
-  FaFacebook,
-  FaYoutube,
-  FaTiktok,
-} from 'react-icons/fa'
 import EmailHandler from './EmailHandler'
 
 const Footer = () => {
   return (
     <div>
       <div className="bg-[#272424]">
-        <div className="flex flex-col md:flex-row px-6 py-8 w-[93%] mx-auto gap-8 md:gap-16">
+        <div className="mx-auto flex w-[93%] flex-col gap-8 px-6 py-8 md:flex-row md:gap-16">
           {/* левый таб */}
-          <div className="flex flex-col space-y-5 w-full md:w-1/4 items-center md:items-start text-center md:text-left">
+          <div className="flex w-full flex-col items-center space-y-5 text-center md:w-1/4 md:items-start md:text-left">
-            <Image
+            <Image src="/images/footerLogo.png" alt="logo" width={50} height={50} />
-              src="/images/footerLogo.png"
-              alt="logo"
-              width={50}
-              height={50}
-            />
             <span className="text-sm text-gray-300">
-              Подпишись и будь в курсе всех событий, а также получай подарки и
+              Подпишись и будь в курсе всех событий, а также получай подарки и бонусы от Trip With
-              бонусы от Trip With Bonus
+              Bonus
             </span>
             <EmailHandler />
-            <div className="flex gap-4 justify-center md:justify-start">
+            <div className="flex justify-center gap-4 md:justify-start">
-              <a
+              <a href="https://instagram.com/tripwb_com" target="_blank" rel="noopener noreferrer">
-                href="https://instagram.com/tripwb_com"
+                <FaInstagram size={20} className="hover:text-orange text-white transition-colors" />
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <FaInstagram
-                  size={20}
-                  className="text-white hover:text-orange transition-colors"
-                />
               </a>
-              <a
+              <a href="https://t.me/tripWB" target="_blank" rel="noopener noreferrer">
-                href="https://t.me/tripWB"
+                <FaTelegram size={20} className="hover:text-orange text-white transition-colors" />
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <FaTelegram
-                  size={20}
-                  className="text-white hover:text-orange transition-colors"
-                />
               </a>
-              <a
+              <a href="https://vk.com/club226251027" target="_blank" rel="noopener noreferrer">
-                href="https://vk.com/club226251027"
+                <FaVk size={20} className="hover:text-orange text-white transition-colors" />
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <FaVk
-                  size={20}
-                  className="text-white hover:text-orange transition-colors"
-                />
               </a>
               <a
                 href="https://www.facebook.com/share/p/tckdLFiyXm9r2925/?mibextid=WC7FNe"
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                <FaFacebook
+                <FaFacebook size={20} className="hover:text-orange text-white transition-colors" />
-                  size={20}
-                  className="text-white hover:text-orange transition-colors"
-                />
               </a>
               <a
                 href="https://www.tiktok.com/@tripwithbonus?_t=8qHingfQWNq"
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                <FaTiktok
+                <FaTiktok size={20} className="hover:text-orange text-white transition-colors" />
-                  size={20}
-                  className="text-white hover:text-orange transition-colors"
-                />
               </a>
               <a
                 href="https://youtube.com/@tripwb?si=oiNZrtiOqx6OePJv"
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                <FaYoutube
+                <FaYoutube size={20} className="hover:text-orange text-white transition-colors" />
-                  size={20}
-                  className="text-white hover:text-orange transition-colors"
-                />
               </a>
             </div>
           </div>
 
           {/* ссылки */}
-          <div className="flex flex-col md:flex-row justify-between w-full md:w-2/4 space-y-8 md:space-y-0 items-center md:items-start text-center md:text-left">
+          <div className="flex w-full flex-col items-center justify-between space-y-8 text-center md:w-2/4 md:flex-row md:items-start md:space-y-0 md:text-left">
             {/* информация */}
-            <div className="flex flex-col space-y-4 items-center md:items-start">
+            <div className="flex flex-col items-center space-y-4 md:items-start">
-              <div className="text-white text-xl font-medium md:pb-5">
+              <div className="text-xl font-medium text-white md:pb-5">Информация</div>
-                Информация
-              </div>
               <div className="flex flex-col space-y-1">
                 <Link
-                  href="/"
+                  href="/search/customer"
-                  className="text-gray-300 hover:text-orange transition-colors"
+                  className="hover:text-orange text-gray-300 transition-colors"
                 >
                   Перевезти посылку
                 </Link>
                 <Link
-                  href="/"
+                  href="/search/mover"
-                  className="text-gray-300 hover:text-orange transition-colors"
+                  className="hover:text-orange text-gray-300 transition-colors"
                 >
                   Отправить посылку
                 </Link>
-                <Link
-                  href="/"
-                  className="text-gray-300 hover:text-orange transition-colors"
-                >
-                  Для отправителя
-                </Link>
-                <Link
-                  href="/"
-                  className="text-gray-300 hover:text-orange transition-colors"
-                >
-                  Для перевозчика
-                </Link>
               </div>
             </div>
 
             {/* О Trip With Bonus */}
-            <div className="flex flex-col space-y-4 items-center md:items-start">
+            <div className="flex flex-col items-center space-y-4 md:items-start">
-              <div className="text-white text-xl font-medium md:pb-5">
+              <div className="text-xl font-medium text-white md:pb-5">О Trip With Bonus</div>
-                О Trip With Bonus
-              </div>
               <div className="flex flex-col space-y-1">
-                <Link
+                <Link href="/" className="hover:text-orange text-gray-300 transition-colors">
-                  href="/"
-                  className="text-gray-300 hover:text-orange transition-colors"
-                >
                   Новости
                 </Link>
-                <Link
+                <Link href="/" className="hover:text-orange text-gray-300 transition-colors">
-                  href="/"
-                  className="text-gray-300 hover:text-orange transition-colors"
-                >
                   Партнерам
                 </Link>
-                <Link
+                <Link href="/" className="hover:text-orange text-gray-300 transition-colors">
-                  href="/"
-                  className="text-gray-300 hover:text-orange transition-colors"
-                >
                   Реклама
                 </Link>
               </div>
             </div>
-            <div className="flex flex-col space-y-4 items-center md:items-start">
+            <div className="flex flex-col items-center space-y-4 md:items-start">
-              <div className="text-white text-xl font-medium md:pb-5">
+              <div className="text-xl font-medium text-white md:pb-5">Кооперация</div>
-                Кооперация
-              </div>
               <div className="flex flex-col space-y-1">
-                <Link
+                <Link href="/" className="hover:text-orange text-gray-300 transition-colors">
-                  href="/"
-                  className="text-gray-300 hover:text-orange transition-colors"
-                >
-                  Реклама
-                </Link>
-                <Link
-                  href="/"
-                  className="text-gray-300 hover:text-orange transition-colors"
-                >
                   Поддержка
                 </Link>
-                <Link
+                <Link href="/" className="hover:text-orange text-gray-300 transition-colors">
-                  href="/"
-                  className="text-gray-300 hover:text-orange transition-colors"
-                >
                   Контакты
                 </Link>
               </div>
             </div>
           </div>
 
-          <div className="flex flex-col space-y-4 w-full md:w-1/4 items-center md:items-start text-center md:text-left">
+          <div className="flex w-full flex-col items-center space-y-4 text-center md:w-1/4 md:items-start md:text-left">
-            <div className="text-white text-xl font-medium md:pb-5">
+            <div className="text-xl font-medium text-white md:pb-5">Свяжитесь с нами:</div>
-              Свяжитесь с нами:
-            </div>
             <div>
               <div className="flex flex-col space-y-3">
-                {/* <a
-                  href="tel:+375291234567"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="hover:opacity-80 transition-opacity text-gray-300 hover:text-orange"
-                >
-                  + 7 (777) 777-77-77{' '}
-                </a> */}
                 <a
                   href="mailto:sales@tripwb.com"
                   target="_blank"
                   rel="noopener noreferrer"
-                  className="hover:opacity-80 transition-opacity text-gray-300 hover:text-orange"
+                  className="hover:text-orange text-gray-300 transition-opacity hover:opacity-80"
                 >
                   sales@tripwb.com
                 </a>
@@ -207,22 +116,19 @@ const Footer = () => {
                   href="mailto:support@tripwb.com"
                   target="_blank"
                   rel="noopener noreferrer"
-                  className="hover:opacity-80 transition-opacity text-gray-300 hover:text-orange"
+                  className="hover:text-orange text-gray-300 transition-opacity hover:opacity-80"
                 >
                   support@tripwb.com
                 </a>
               </div>
-              <div className="flex flex-col md:flex-row gap-2 mt-7 justify-center md:justify-start">
+              <div className="mt-7 flex flex-col justify-center gap-2 md:flex-row md:justify-start">
                 <Link
                   href="/register"
-                  className="bg-orange hover:bg-orange/80 text-white px-4 py-2 rounded-2xl text-base font-medium"
+                  className="bg-orange hover:bg-orange/80 rounded-2xl px-4 py-2 text-base font-medium text-white"
                 >
                   Регистрация
                 </Link>
-                <Link
+                <Link href="/login" className="hover:text-orange py-2 text-white transition-colors">
-                  href="/login"
-                  className="text-white hover:text-orange transition-colors py-2"
-                >
                   Войти
                 </Link>
               </div>
@@ -233,9 +139,9 @@ const Footer = () => {
 
       {/* нижняя часть футера */}
       <div>
-        <div className="flex flex-col justify-between md:flex-row px-6 py-4 md:py-8 w-[95%] mx-auto text-center md:text-left">
+        <div className="mx-auto flex w-[95%] flex-col justify-between px-6 py-4 text-center md:flex-row md:py-8 md:text-left">
           <div>Copyright © {new Date().getFullYear()}. Все права защищены.</div>
-          <div className="flex flex-col md:flex-row py-4 md:py-0 md:space-x-5 items-center md:items-start">
+          <div className="flex flex-col items-center py-4 md:flex-row md:items-start md:space-x-5 md:py-0">
             <Link href="/publichnaya-oferta" className="hover:text-orange">
               Публичная оферта
             </Link>