diff --git a/src/widgets/footer.tsx b/src/widgets/footer.tsx
index 856aee1..73107b8 100644
--- a/src/widgets/footer.tsx
+++ b/src/widgets/footer.tsx
@@ -4,6 +4,7 @@ import { Fuel, Mail, MapPin, Phone } from 'lucide-react';
 import Link from 'next/link';
 
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { Logo } from '@/shared/assets/logo';
 
 export const Footer = () => {
   const { t } = useTextController();
@@ -12,11 +13,10 @@ export const Footer = () => {
     <footer className='bg-gray-900 px-4 py-12 text-white'>
       <div className='containe mx-autor'>
         <div className='grid grid-cols-1 gap-8 md:gap-4 md:grid-cols-3'>
-          <div className='flex md:justify-center md:items-center'>
+          <div className='flex md:justify-center'>
             <div>
               <div className='mb-4 flex items-center gap-2'>
-                <Fuel className='h-6 w-6 text-red-500' />
-                <span className='text-xl font-bold'>{t('common.name')}</span>
+                <Logo/>
               </div>
               <p className='mb-4 text-gray-400'>{t('home.hero.description')}</p>
               <div className='flex space-x-4'>
@@ -61,7 +61,7 @@ export const Footer = () => {
               </div>
             </div>
           </div>
-          <div className='flex md:justify-center md:items-center'>
+          <div className='flex md:justify-center'>
             <div>
               <h3 className='mb-4 text-lg font-semibold'>
                 {t('common.footer.contacts')}
@@ -82,7 +82,7 @@ export const Footer = () => {
               </div>
             </div>
           </div>
-          <div className='flex md:justify-center md:items-center'>
+          <div className='flex md:justify-center'>
             <div>
               <h3 className='mb-4 text-lg font-semibold'>
                 {t('common.footer.navigation')}