From ca4e057fdf5a8f0bb055bbcc6adcc01f4b9be610 Mon Sep 17 00:00:00 2001
From: Umar Adilov <99314948+adilovcode@users.noreply.github.com>
Date: Sat, 3 May 2025 00:15:31 +0500
Subject: [PATCH 1/3] Fixed minor issues

---
 public/placeholder.svg                        |   1 +
 src/features/map/ui/yandex-map.tsx            |   7 +-
 src/pages-templates/charity/index.tsx         |  39 +-
 .../clients/certificates/index.tsx            |   2 +
 src/pages-templates/clients/index.tsx         |   8 +-
 src/pages-templates/clients/loyalty/index.tsx | 373 ++++++++++--------
 src/shared/components/promotion-slider.tsx    |   6 +-
 src/widgets/clients/ui/benefits-section.tsx   |  11 +-
 src/widgets/hero-section.tsx                  |   8 +-
 9 files changed, 258 insertions(+), 197 deletions(-)
 create mode 100644 public/placeholder.svg

diff --git a/public/placeholder.svg b/public/placeholder.svg
new file mode 100644
index 0000000..30aee44
--- /dev/null
+++ b/public/placeholder.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 142 80" xmlns="http://www.w3.org/2000/svg"><title></title><rect fill="#F2F4F5" height="80" stroke="#E3E4E6" width="142"></rect><path d="M84.8156 47.5402L77.8157 33.9407C77.5479 33.4222 77.0282 33.0703 76.4349 33.0108C75.8434 32.9445 75.2572 33.1876 74.8844 33.6381L68.8854 40.9206L64.9707 38.386C64.5717 38.1293 64.08 38.0392 63.6162 38.1412C63.149 38.2432 62.7447 38.5271 62.4997 38.9249L57.2497 47.4246C56.9242 47.9499 56.9172 48.6026 57.227 49.1381C57.5367 49.6719 58.1195 50 58.7495 50H83.2494C83.8567 50 84.4184 49.694 84.7386 49.1925C85.0589 48.691 85.0851 48.0655 84.8156 47.5402Z" fill="#CACBCC"></path><path d="M67.5 33C69.433 33 71 31.433 71 29.5C71 27.567 69.433 26 67.5 26C65.567 26 64 27.567 64 29.5C64 31.433 65.567 33 67.5 33Z" fill="#CACBCC"></path><defs><clipPath id="clip0"><rect fill="white" height="65" width="127"></rect></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/features/map/ui/yandex-map.tsx b/src/features/map/ui/yandex-map.tsx
index 93b667a..f542182 100644
--- a/src/features/map/ui/yandex-map.tsx
+++ b/src/features/map/ui/yandex-map.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import { Map, Placemark, YMaps } from '@pbe/react-yandex-maps';
-import React from 'react';
+import { isEmpty } from 'lodash';
 
 import { Point } from '../model';
 
@@ -9,7 +9,7 @@ type YandexMapProps = {
   points: Point[];
 };
 
-const mapCenter = [55.751574, 37.573856];
+const mapCenter = [38.53575, 68.77905];
 
 export const YandexMap = ({ points }: YandexMapProps) => {
   return (
@@ -17,12 +17,11 @@ export const YandexMap = ({ points }: YandexMapProps) => {
       query={{
         apikey: process.env.NEXT_PUBLIC_YANDEX_MAP_API_KEY,
         lang: 'ru_RU',
-        // load: 'geoObject.addon.balloon',
       }}
     >
       <Map
         defaultState={{
-          center: points[0].coordinates || mapCenter,
+          center: !isEmpty(points) ? points[0].coordinates : mapCenter,
           zoom: 11,
           behaviors: ['drag', 'multiTouch', 'dblClickZoom', 'scrollZoom'],
         }}
diff --git a/src/pages-templates/charity/index.tsx b/src/pages-templates/charity/index.tsx
index c503d1d..b256a28 100644
--- a/src/pages-templates/charity/index.tsx
+++ b/src/pages-templates/charity/index.tsx
@@ -19,9 +19,9 @@ import {
   CardHeader,
   CardTitle,
 } from '@/shared/shadcn-ui/card';
+import Container from '@/shared/shadcn-ui/conteiner';
 
 import { CtaSection } from '@/widgets/cta-section';
-import Container from '@/shared/shadcn-ui/conteiner';
 
 export const metadata = {
   title: 'Благотворительность | GasNetwork - Сеть заправок в Таджикистане',
@@ -48,7 +48,11 @@ export function CharityPage() {
             />
             <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
               <Container>
-                <div data-aos='fade-down' data-aos-duration='800' className='container mx-auto'>
+                <div
+                  data-aos='fade-down'
+                  data-aos-duration='800'
+                  className='container mx-auto'
+                >
                   <div className='max-w-2xl space-y-6 text-white'>
                     <div className='inline-flex items-center justify-center rounded-full bg-red-600/20 p-2'>
                       <Heart className='size-6 text-red-500' />
@@ -56,7 +60,7 @@ export function CharityPage() {
                     <h1 className='text-3xl font-bold tracking-tight sm:text-5xl md:text-6xl'>
                       {t('charity.hero.title')}
                     </h1>
-                    <p className='text-lg sm:text-xl text-gray-200'>
+                    <p className='text-lg text-gray-200 sm:text-xl'>
                       {t('charity.hero.subtitle')}
                     </p>
                   </div>
@@ -87,21 +91,30 @@ export function CharityPage() {
 
                   <div className='space-y-4'>
                     {[0, 1, 2].map((index) => (
-                      <div data-aos='fade-right' key={index} className='flex items-start'>
+                      <div
+                        data-aos='fade-right'
+                        key={index}
+                        className='flex items-start'
+                      >
                         <CheckCircle className='mr-3 h-6 w-6 flex-shrink-0 text-red-600' />
                         <div>
                           <h3 className='text-lg font-medium'>
                             {t(`charity.mission.principles.${index}.title`)}
                           </h3>
                           <p className='text-gray-600'>
-                            {t(`charity.mission.principles.${index}.description`)}
+                            {t(
+                              `charity.mission.principles.${index}.description`,
+                            )}
                           </p>
                         </div>
                       </div>
                     ))}
                   </div>
                 </div>
-                <div data-aos='fade-right' className='relative h-[500px] overflow-hidden rounded-xl shadow-xl'>
+                <div
+                  data-aos='fade-right'
+                  className='relative h-[500px] overflow-hidden rounded-xl shadow-xl'
+                >
                   <Image
                     src='/placeholder.svg?height=500&width=600&text=Наша+миссия'
                     alt={t('charity.mission.imageAlt')}
@@ -185,7 +198,11 @@ export function CharityPage() {
                       '/placeholder.svg?height=200&width=300&text=Школьные+принадлежности',
                   },
                 ].map((event, index) => (
-                  <Card data-aos='zoom-in-up' key={index} className='overflow-hidden flex flex-col justify-between'>
+                  <Card
+                    data-aos='zoom-in-up'
+                    key={index}
+                    className='flex flex-col justify-between overflow-hidden'
+                  >
                     <div>
                       <div className='relative h-48 w-full'>
                         <Image
@@ -196,7 +213,9 @@ export function CharityPage() {
                         />
                       </div>
                       <CardHeader>
-                        <CardTitle className='text-xl lg:text-2xl'>{event.title}</CardTitle>
+                        <CardTitle className='text-xl lg:text-2xl'>
+                          {event.title}
+                        </CardTitle>
                       </CardHeader>
                       <CardContent className='space-y-4'>
                         <p className='text-gray-600'>{event.description}</p>
@@ -267,7 +286,9 @@ export function CharityPage() {
                 ].map((item, index) => (
                   <Card data-aos='zoom-in' key={index} className='text-center'>
                     <CardHeader>
-                      <div className='mb-4 flex justify-center'>{item.icon}</div>
+                      <div className='mb-4 flex justify-center'>
+                        {item.icon}
+                      </div>
                       <CardTitle className='break-words hyphens-auto'>
                         {item.title}
                       </CardTitle>
diff --git a/src/pages-templates/clients/certificates/index.tsx b/src/pages-templates/clients/certificates/index.tsx
index 1f6b6ff..5c93793 100644
--- a/src/pages-templates/clients/certificates/index.tsx
+++ b/src/pages-templates/clients/certificates/index.tsx
@@ -64,6 +64,8 @@ export function CertificatesPage() {
     },
   ];
 
+  certificates.length = 0;
+
   return (
     <Container>
       <main className='container mx-auto py-10'>
diff --git a/src/pages-templates/clients/index.tsx b/src/pages-templates/clients/index.tsx
index 42eb934..0d2ba69 100644
--- a/src/pages-templates/clients/index.tsx
+++ b/src/pages-templates/clients/index.tsx
@@ -3,11 +3,11 @@
 import Image from 'next/image';
 
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import Container from '@/shared/shadcn-ui/conteiner';
 
 import { BenefitsSection } from '@/widgets/clients/ui/benefits-section';
 import { ServicesOverviewSection } from '@/widgets/clients/ui/services-overview-section';
 import { CtaSection } from '@/widgets/cta-section';
-import Container from '@/shared/shadcn-ui/conteiner';
 
 export const metadata = {
   title: 'Клиентам | GasNetwork - Сеть заправок в Таджикистане',
@@ -34,7 +34,11 @@ export function ClientsPage() {
             />
             <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
               <Container>
-                <div data-aos='fade-down' data-aos-duration="1000" className='container mx-auto'>
+                <div
+                  data-aos='fade-down'
+                  data-aos-duration='1000'
+                  className='container mx-auto'
+                >
                   <div className='max-w-2xl space-y-4 text-white'>
                     <h1 className='text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl'>
                       {t('clients.title')}
diff --git a/src/pages-templates/clients/loyalty/index.tsx b/src/pages-templates/clients/loyalty/index.tsx
index ec6d37d..fab0c56 100644
--- a/src/pages-templates/clients/loyalty/index.tsx
+++ b/src/pages-templates/clients/loyalty/index.tsx
@@ -5,11 +5,11 @@ import Image from 'next/image';
 
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
 import { Card, CardContent } from '@/shared/shadcn-ui/card';
-
-import { CtaSection } from '@/widgets/cta-section';
 import Container from '@/shared/shadcn-ui/conteiner';
 
-import ProgrammImg from '../../../../public/clients/loyatly/03a771e7-5d76-4111-a516-801aa925659f.jpg'
+import { CtaSection } from '@/widgets/cta-section';
+
+import ProgrammImg from '../../../../public/clients/loyatly/03a771e7-5d76-4111-a516-801aa925659f.jpg';
 
 export const metadata = {
   title: 'Программа лояльности | GasNetwork - Сеть заправок в Таджикистане',
@@ -35,8 +35,12 @@ export function LoyaltyPage() {
               priority
             />
             <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
-            <Container>
-                <div data-aos='fade-down' data-aos-duration="800" className='container mx-auto'>
+              <Container>
+                <div
+                  data-aos='fade-down'
+                  data-aos-duration='800'
+                  className='container mx-auto'
+                >
                   <div className='max-w-2xl space-y-4 text-white'>
                     <h1 className='text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl'>
                       {t('clients.loyalty.title')}
@@ -46,7 +50,7 @@ export function LoyaltyPage() {
                     </p>
                   </div>
                 </div>
-            </Container>
+              </Container>
             </div>
           </div>
         </section>
@@ -80,7 +84,9 @@ export function LoyaltyPage() {
                           {t('clients.loyalty.programm.conditions-1')}
                         </h3>
                         <p className='text-gray-600'>
-                          {t('clients.loyalty.programm.conditions.description-1')}
+                          {t(
+                            'clients.loyalty.programm.conditions.description-1',
+                          )}
                         </p>
                       </div>
                     </div>
@@ -93,7 +99,9 @@ export function LoyaltyPage() {
                           {t('clients.loyalty.programm.conditions-2')}
                         </h3>
                         <p className='text-gray-600'>
-                          {t('clients.loyalty.programm.conditions.description-2')}
+                          {t(
+                            'clients.loyalty.programm.conditions.description-2',
+                          )}
                         </p>
                       </div>
                     </div>
@@ -106,18 +114,23 @@ export function LoyaltyPage() {
                           {t('clients.loyalty.programm.conditions-3')}
                         </h3>
                         <p className='text-gray-600'>
-                          {t('clients.loyalty.programm.conditions.description-3')}
+                          {t(
+                            'clients.loyalty.programm.conditions.description-3',
+                          )}
                         </p>
                       </div>
                     </div>
                   </div>
                 </div>
-                <div data-aos='fade-up' className='relative h-[400px] overflow-hidden rounded-xl shadow-xl'>
+                <div
+                  data-aos='fade-up'
+                  className='relative h-[400px] overflow-hidden rounded-xl shadow-xl'
+                >
                   <Image
                     src={ProgrammImg}
                     alt='Программа лояльности'
                     fill
-                    className="w-full object-contain p-2.5"
+                    className='w-full object-contain p-2.5'
                     priority
                   />
                 </div>
@@ -126,7 +139,7 @@ export function LoyaltyPage() {
           </section>
 
           {/* How It Works */}
-          <section className='bg-gray-50 py-16 px-2'>
+          <section className='bg-gray-50 px-2 py-16'>
             <div className='container mx-auto'>
               <div className='mb-12 text-center'>
                 <h2 className='mb-4 text-3xl font-bold tracking-tight sm:text-4xl'>
@@ -137,53 +150,53 @@ export function LoyaltyPage() {
                 </p>
               </div>
 
-            <div className='grid gap-8 sm:grid-cols-2 lg:grid-cols-4'>
-              <div data-aos='zoom-in-up' className='text-center'>
-                <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
-                  1
+              <div className='grid gap-8 sm:grid-cols-2 lg:grid-cols-4'>
+                <div data-aos='zoom-in-up' className='text-center'>
+                  <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
+                    1
+                  </div>
+                  <h3 className='mb-2 text-xl font-bold'>
+                    {t('clients.loyalty.works.stage-1')}
+                  </h3>
+                  <p className='text-gray-600'>
+                    {t('clients.loyalty.works.stage.description-1')}
+                  </p>
                 </div>
-                <h3 className='mb-2 text-xl font-bold'>
-                  {t('clients.loyalty.works.stage-1')}
-                </h3>
-                <p className='text-gray-600'>
-                  {t('clients.loyalty.works.stage.description-1')}
-                </p>
-              </div>
-              <div data-aos='zoom-in-up' className='text-center'>
-                <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
-                  2
+                <div data-aos='zoom-in-up' className='text-center'>
+                  <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
+                    2
+                  </div>
+                  <h3 className='mb-2 text-xl font-bold'>
+                    {t('clients.loyalty.works.stage-2')}
+                  </h3>
+                  <p className='text-gray-600'>
+                    {t('clients.loyalty.works.stage.description-2')}
+                  </p>
                 </div>
-                <h3 className='mb-2 text-xl font-bold'>
-                  {t('clients.loyalty.works.stage-2')}
-                </h3>
-                <p className='text-gray-600'>
-                  {t('clients.loyalty.works.stage.description-2')}
-                </p>
-              </div>
-              <div data-aos='zoom-in-up' className='text-center'>
-                <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
-                  3
+                <div data-aos='zoom-in-up' className='text-center'>
+                  <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
+                    3
+                  </div>
+                  <h3 className='mb-2 text-xl font-bold'>
+                    {t('clients.loyalty.works.stage-3')}
+                  </h3>
+                  <p className='text-gray-600'>
+                    {t('clients.loyalty.works.stage.description-3')}
+                  </p>
                 </div>
-                <h3 className='mb-2 text-xl font-bold'>
-                  {t('clients.loyalty.works.stage-3')}
-                </h3>
-                <p className='text-gray-600'>
-                  {t('clients.loyalty.works.stage.description-3')}
-                </p>
-              </div>
-              <div data-aos='zoom-in-up' className='text-center'>
-                <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
-                  4
+                <div data-aos='zoom-in-up' className='text-center'>
+                  <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
+                    4
+                  </div>
+                  <h3 className='mb-2 text-xl font-bold'>
+                    {t('clients.loyalty.works.stage-4')}
+                  </h3>
+                  <p className='text-gray-600'>
+                    {t('clients.loyalty.works.stage.description-4')}
+                  </p>
                 </div>
-                <h3 className='mb-2 text-xl font-bold'>
-                  {t('clients.loyalty.works.stage-4')}
-                </h3>
-                <p className='text-gray-600'>
-                  {t('clients.loyalty.works.stage.description-4')}
-                </p>
               </div>
             </div>
-          </div>
           </section>
 
           {/* Loyalty Levels */}
@@ -198,132 +211,144 @@ export function LoyaltyPage() {
                 </p>
               </div>
 
-                <div className='grid gap-8 md:grid-cols-3'>
-                  <Card data-aos='flip-left' data-aos-duration='500' className='overflow-hidden border-t-4 border-t-gray-400 transition-all hover:shadow-lg'>
-                    <CardContent className='p-6'>
-                      <h3 className='mb-4 text-center text-2xl font-bold'>
-                        {t('clients.loyalty.works.levels.card-1.title')}
-                      </h3>
-                      <div className='mb-6 text-center'>
-                        <span className='text-4xl font-bold'>
-                          {t('clients.loyalty.works.levels.card-1.percent')}
+              <div className='grid gap-8 md:grid-cols-3'>
+                <Card
+                  data-aos='flip-left'
+                  data-aos-duration='500'
+                  className='overflow-hidden border-t-4 border-t-gray-400 transition-all hover:shadow-lg'
+                >
+                  <CardContent className='p-6'>
+                    <h3 className='mb-4 text-center text-2xl font-bold'>
+                      {t('clients.loyalty.works.levels.card-1.title')}
+                    </h3>
+                    <div className='mb-6 text-center'>
+                      <span className='text-4xl font-bold'>
+                        {t('clients.loyalty.works.levels.card-1.percent')}
+                      </span>
+                      <p className='text-sm text-gray-600'>
+                        {t('clients.loyalty.works.levels.card.mark')}
+                      </p>
+                    </div>
+                    <ul className='space-y-2'>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-1.bonus-1')}
                         </span>
-                        <p className='text-sm text-gray-600'>
-                          {t('clients.loyalty.works.levels.card.mark')}
-                        </p>
-                      </div>
-                      <ul className='space-y-2'>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-1.bonus-1')}
-                          </span>
-                        </li>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-1.bonus-2')}
-                          </span>
-                        </li>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-1.bonus-3')}
-                          </span>
-                        </li>
-                      </ul>
-                    </CardContent>
-                  </Card>
+                      </li>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-1.bonus-2')}
+                        </span>
+                      </li>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-1.bonus-3')}
+                        </span>
+                      </li>
+                    </ul>
+                  </CardContent>
+                </Card>
 
-                  <Card data-aos='flip-left' data-aos-duration='500' className='overflow-hidden border-t-4 border-t-yellow-500 transition-all hover:shadow-lg'>
-                    <CardContent className='p-6'>
-                      <h3 className='mb-4 text-center text-2xl font-bold'>
-                        {t('clients.loyalty.works.levels.card-2.title')}
-                      </h3>
-                      <div className='mb-6 text-center'>
-                        <span className='text-4xl font-bold'>
-                          {t('clients.loyalty.works.levels.card-2.percent')}
+                <Card
+                  data-aos='flip-left'
+                  data-aos-duration='500'
+                  className='overflow-hidden border-t-4 border-t-yellow-500 transition-all hover:shadow-lg'
+                >
+                  <CardContent className='p-6'>
+                    <h3 className='mb-4 text-center text-2xl font-bold'>
+                      {t('clients.loyalty.works.levels.card-2.title')}
+                    </h3>
+                    <div className='mb-6 text-center'>
+                      <span className='text-4xl font-bold'>
+                        {t('clients.loyalty.works.levels.card-2.percent')}
+                      </span>
+                      <p className='text-sm text-gray-600'>
+                        {t('clients.loyalty.works.levels.card.mark')}
+                      </p>
+                    </div>
+                    <ul className='space-y-2'>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-2.bonus-1')}
                         </span>
-                        <p className='text-sm text-gray-600'>
-                          {t('clients.loyalty.works.levels.card.mark')}
-                        </p>
-                      </div>
-                      <ul className='space-y-2'>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-2.bonus-1')}
-                          </span>
-                        </li>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-2.bonus-2')}
-                          </span>
-                        </li>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-2.bonus-3')}
-                          </span>
-                        </li>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-2.bonus-4')}
-                          </span>
-                        </li>
-                      </ul>
-                    </CardContent>
-                  </Card>
+                      </li>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-2.bonus-2')}
+                        </span>
+                      </li>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-2.bonus-3')}
+                        </span>
+                      </li>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-2.bonus-4')}
+                        </span>
+                      </li>
+                    </ul>
+                  </CardContent>
+                </Card>
 
-                  <Card data-aos='flip-left' data-aos-duration='500' className='overflow-hidden border-t-4 border-t-red-600 transition-all hover:shadow-lg'>
-                    <CardContent className='p-6'>
-                      <h3 className='mb-4 text-center text-2xl font-bold'>
-                        {t('clients.loyalty.works.levels.card-3.title')}
-                      </h3>
-                      <div className='mb-6 text-center'>
-                        <span className='text-4xl font-bold'>
-                          {t('clients.loyalty.works.levels.card-3.percent')}
+                <Card
+                  data-aos='flip-left'
+                  data-aos-duration='500'
+                  className='overflow-hidden border-t-4 border-t-red-600 transition-all hover:shadow-lg'
+                >
+                  <CardContent className='p-6'>
+                    <h3 className='mb-4 text-center text-2xl font-bold'>
+                      {t('clients.loyalty.works.levels.card-3.title')}
+                    </h3>
+                    <div className='mb-6 text-center'>
+                      <span className='text-4xl font-bold'>
+                        {t('clients.loyalty.works.levels.card-3.percent')}
+                      </span>
+                      <p className='text-sm text-gray-600'>
+                        {t('clients.loyalty.works.levels.card.mark')}
+                      </p>
+                    </div>
+                    <ul className='space-y-2'>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-3.bonus-1')}
                         </span>
-                        <p className='text-sm text-gray-600'>
-                          {t('clients.loyalty.works.levels.card.mark')}
-                        </p>
-                      </div>
-                      <ul className='space-y-2'>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-3.bonus-1')}
-                          </span>
-                        </li>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-3.bonus-2')}
-                          </span>
-                        </li>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-3.bonus-3')}
-                          </span>
-                        </li>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-3.bonus-4')}
-                          </span>
-                        </li>
-                        <li className='flex items-center'>
-                          <Check className='mr-2 h-5 w-5 text-green-500' />
-                          <span>
-                            {t('clients.loyalty.works.levels.card-3.bonus-5')}
-                          </span>
-                        </li>
-                      </ul>
-                    </CardContent>
-                  </Card>
+                      </li>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-3.bonus-2')}
+                        </span>
+                      </li>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-3.bonus-3')}
+                        </span>
+                      </li>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-3.bonus-4')}
+                        </span>
+                      </li>
+                      <li className='flex items-center'>
+                        <Check className='mr-2 h-5 w-5 text-green-500' />
+                        <span>
+                          {t('clients.loyalty.works.levels.card-3.bonus-5')}
+                        </span>
+                      </li>
+                    </ul>
+                  </CardContent>
+                </Card>
               </div>
             </div>
           </section>
diff --git a/src/shared/components/promotion-slider.tsx b/src/shared/components/promotion-slider.tsx
index e2806c8..f5008ca 100644
--- a/src/shared/components/promotion-slider.tsx
+++ b/src/shared/components/promotion-slider.tsx
@@ -10,7 +10,9 @@ import { Discounts } from '@/app/api-utlities/@types/index';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
 import { Button } from '@/shared/shadcn-ui/button';
 import { Card, CardContent } from '@/shared/shadcn-ui/card';
-import PromoImg from '../../../public/main/#promotions/995b9daa-959f-4bd5-9135-ef7c47148f2c.jpg'
+
+import PromoImg from '../../../public/main/#promotions/995b9daa-959f-4bd5-9135-ef7c47148f2c.jpg';
+
 const promotions = [
   {
     id: 1,
@@ -105,7 +107,7 @@ export default function PromotionSlider({ discounts }: PromotionSliderProps) {
                     src={PromoImg}
                     alt={promo.name}
                     fill
-                    className='object-contain p-2 rounded-lg'
+                    className='rounded-lg object-contain p-2'
                   />
                 </div>
               </div>
diff --git a/src/widgets/clients/ui/benefits-section.tsx b/src/widgets/clients/ui/benefits-section.tsx
index 3ce4fbd..2fa88b0 100644
--- a/src/widgets/clients/ui/benefits-section.tsx
+++ b/src/widgets/clients/ui/benefits-section.tsx
@@ -38,7 +38,11 @@ export const BenefitsSection = () => {
       <section className='bg-gray-50 py-16'>
         <div className='container mx-auto'>
           <div className='grid items-center gap-12 md:grid-cols-2'>
-            <div data-aos='fade-right' data-aos-duration='4000' className='order-2 md:order-1'>
+            <div
+              data-aos='fade-right'
+              data-aos-duration='4000'
+              className='order-2 md:order-1'
+            >
               <div className='mb-4 inline-flex items-center justify-center rounded-full bg-red-100 p-2'>
                 <Percent className='h-6 w-6 text-red-600' />
               </div>
@@ -65,7 +69,10 @@ export const BenefitsSection = () => {
                 })}
               </div>
             </div>
-            <div data-aos='fade-up' className='relative order-1 h-[400px] overflow-hidden rounded-xl shadow-xl md:order-2'>
+            <div
+              data-aos='fade-up'
+              className='relative order-1 h-[400px] overflow-hidden rounded-xl shadow-xl md:order-2'
+            >
               <Image
                 src='/placeholder.svg?height=400&width=600&text=Преимущества+для+клиентов'
                 alt='Преимущества для клиентов'
diff --git a/src/widgets/hero-section.tsx b/src/widgets/hero-section.tsx
index f48e3f1..47ee4cd 100644
--- a/src/widgets/hero-section.tsx
+++ b/src/widgets/hero-section.tsx
@@ -24,21 +24,21 @@ export const HeroSection = () => {
           <div className='container mx-auto'>
             <div className='max-w-lg space-y-4 text-white'>
               <div className='animate-fade animate-duration-[3000ms] animate-ease-in-out'>
-                <h1 className='font-bold tracking-tight text-4xl md:text-6xl'>
+                <h1 className='text-4xl font-bold tracking-tight md:text-6xl'>
                   {t('home.hero.title')}
                 </h1>
               </div>
               <p className='text-gray-200 sm:text-lg'>
                 {t('home.hero.description')}
               </p>
-              <div className='flex flex-col mt-6 gap-2 sm:flex-row sm:gap-4'>
-                <Link href='#'>
+              <div className='mt-6 flex flex-col gap-2 sm:flex-row sm:gap-4'>
+                <Link href='#stations'>
                   <Button className='bg-red-600 hover:bg-red-700'>
                     {t('common.buttons.findStation')}{' '}
                     <MapPin className='ml-2 h-4 w-4' />
                   </Button>
                 </Link>
-                <Link href='#'>
+                <Link href='about'>
                   <Button variant='outline' className='animate-pulse'>
                     {t('common.buttons.learnMore')}
                   </Button>

From cf37fe67e63dfb7c41489bee0720760cf04f0bc0 Mon Sep 17 00:00:00 2001
From: Umar Adilov <99314948+adilovcode@users.noreply.github.com>
Date: Sat, 3 May 2025 00:34:14 +0500
Subject: [PATCH 2/3] added cursor pointer for tabs

---
 src/pages-templates/login/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages-templates/login/index.tsx b/src/pages-templates/login/index.tsx
index 40c4bb1..8b30644 100644
--- a/src/pages-templates/login/index.tsx
+++ b/src/pages-templates/login/index.tsx
@@ -66,7 +66,7 @@ function LoginPageTabs() {
             <TabsTrigger
               key={tab.label}
               value={tab.type}
-              className='w-full text-base'
+              className='w-full cursor-pointer text-base'
             >
               <tab.Icon className='mr-2 h-4 w-4' /> {t(tab.label)}
             </TabsTrigger>

From 7e3c2cf24aad8783d714e5ef6cec706e776ca12f Mon Sep 17 00:00:00 2001
From: Umar Adilov <99314948+adilovcode@users.noreply.github.com>
Date: Sat, 3 May 2025 00:45:20 +0500
Subject: [PATCH 3/3] Added unauthorized redirect

---
 src/middleware.ts                             | 26 +++++++++++++++++
 .../(dashboard)/corporate-dashboard/index.tsx | 24 +++++++++++++---
 .../(dashboard)/customer-dashboard/index.tsx  | 28 +++++++++++++++----
 3 files changed, 68 insertions(+), 10 deletions(-)
 create mode 100644 src/middleware.ts

diff --git a/src/middleware.ts b/src/middleware.ts
new file mode 100644
index 0000000..b92eb5f
--- /dev/null
+++ b/src/middleware.ts
@@ -0,0 +1,26 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+export function middleware(req: NextRequest) {
+  const url = req.nextUrl.clone();
+  const path = url.pathname;
+
+  if (
+    path.startsWith('/customer-dashboard') ||
+    path.startsWith('/corporate-dashboard')
+  ) {
+    const token = req.cookies.get(
+      `${path.includes('customer') ? 'bonus' : 'corporate'}__token`,
+    );
+
+    if (!token) {
+      url.pathname = '/login';
+      return NextResponse.redirect(url);
+    }
+  }
+
+  return NextResponse.next();
+}
+
+export const config = {
+  matcher: ['/customer-dashboard/:path*', '/corporate-dashboard/:path*'],
+};
diff --git a/src/pages-templates/(dashboard)/corporate-dashboard/index.tsx b/src/pages-templates/(dashboard)/corporate-dashboard/index.tsx
index 2353347..062b643 100644
--- a/src/pages-templates/(dashboard)/corporate-dashboard/index.tsx
+++ b/src/pages-templates/(dashboard)/corporate-dashboard/index.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { deleteCookie } from 'cookies-next';
 import { subMonths } from 'date-fns';
 import { Building2, LogOut, Wallet } from 'lucide-react';
 import { useState } from 'react';
@@ -104,9 +105,16 @@ export function CorporateDashboard() {
     <div className='flex min-h-screen flex-col px-2.5'>
       <main className='flex-1 py-10'>
         <div className='container mx-auto max-w-6xl'>
-          <div className='mb-4 flex flex-col gap-4 items-start sm:justify-between sm:items-center sm:mb-8 sm:flex-row'>
+          <div className='mb-4 flex flex-col items-start gap-4 sm:mb-8 sm:flex-row sm:items-center sm:justify-between'>
             <h1 className='text-3xl font-bold'>{t('corporate.pageTitle')}</h1>
-            <Button variant='outline' className='gap-2'>
+            <Button
+              variant='outline'
+              className='gap-2'
+              onClick={() => {
+                deleteCookie(`corporate__token`);
+                window.location.reload();
+              }}
+            >
               <LogOut className='h-4 w-4' />
               {t('corporate.logoutButton')}
             </Button>
@@ -114,7 +122,11 @@ export function CorporateDashboard() {
 
           <div className='mb-10 grid gap-3 md:grid-cols-3 md:gap-6'>
             {/* Company Card */}
-            <Card data-aos='zoom-in' data-aos-mirror="true" className='md:col-span-2'>
+            <Card
+              data-aos='zoom-in'
+              data-aos-mirror='true'
+              className='md:col-span-2'
+            >
               <CardHeader className='pb-2'>
                 <CardTitle className='flex items-center gap-2'>
                   <Building2 className='h-5 w-5 text-red-600' />
@@ -178,7 +190,11 @@ export function CorporateDashboard() {
             </Card>
 
             {/* Fund Card */}
-            <Card data-aos='zoom-in' data-aos-mirror="true" className='bg-gradient-to-br from-red-600 to-red-800 text-white'>
+            <Card
+              data-aos='zoom-in'
+              data-aos-mirror='true'
+              className='bg-gradient-to-br from-red-600 to-red-800 text-white'
+            >
               <CardHeader>
                 <CardTitle className='flex items-center gap-2'>
                   <Wallet className='h-5 w-5' />
diff --git a/src/pages-templates/(dashboard)/customer-dashboard/index.tsx b/src/pages-templates/(dashboard)/customer-dashboard/index.tsx
index 9c4f8dd..ea7d221 100644
--- a/src/pages-templates/(dashboard)/customer-dashboard/index.tsx
+++ b/src/pages-templates/(dashboard)/customer-dashboard/index.tsx
@@ -1,9 +1,11 @@
 'use client';
 
+import { deleteCookie } from 'cookies-next';
 import { ArrowUpRight, Clock, CreditCard, LogOut, User } from 'lucide-react';
 
 import { useFetchMyBonusInfoQuery } from '@/entities/bonus/api/bonus.api';
 
+import Loader from '@/shared/components/loader';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
 import { Button } from '@/shared/shadcn-ui/button';
 import {
@@ -15,7 +17,6 @@ import {
 } from '@/shared/shadcn-ui/card';
 
 import { TransactionsTable } from '@/widgets/transactions-table';
-import Loader from '@/shared/components/loader';
 
 export function CustomerDashboard() {
   const { t } = useTextController();
@@ -28,16 +29,27 @@ export function CustomerDashboard() {
         <div className='container mx-auto max-w-6xl'>
           <div className='mb-8 flex items-center justify-between'>
             <h1 className='text-3xl font-bold'>{t('customer.pageTitle')}</h1>
-            <Button variant='outline' className='gap-2'>
+            <Button
+              variant='outline'
+              className='gap-2'
+              onClick={() => {
+                deleteCookie(`bonus__token`);
+                window.location.reload();
+              }}
+            >
               <LogOut className='h-4 w-4' />
               {t('customer.logoutButton')}
             </Button>
           </div>
 
           <div className='mb-10 grid gap-3 md:grid-cols-3 md:gap-6'>
-            <Card data-aos="zoom-in"  data-aos-mirror="true" className='bg-gradient-to-br from-red-600 to-red-800 text-white'>
+            <Card
+              data-aos='zoom-in'
+              data-aos-mirror='true'
+              className='bg-gradient-to-br from-red-600 to-red-800 text-white'
+            >
               {!data || isLoading ? (
-                <Loader/>
+                <Loader />
               ) : (
                 <>
                   <CardHeader>
@@ -73,7 +85,11 @@ export function CustomerDashboard() {
 
             {/* Bonus Card */}
             {/* Customer Card */}
-            <Card data-aos="zoom-in" data-aos-mirror="true"  className='md:col-span-2'>
+            <Card
+              data-aos='zoom-in'
+              data-aos-mirror='true'
+              className='md:col-span-2'
+            >
               <CardHeader className='pb-2'>
                 <CardTitle className='flex items-center gap-2'>
                   <User className='h-5 w-5 text-red-600' />
@@ -82,7 +98,7 @@ export function CustomerDashboard() {
               </CardHeader>
               <CardContent>
                 {!data || isLoading ? (
-                  <Loader/>
+                  <Loader />
                 ) : (
                   <div className='grid gap-6 md:grid-cols-2'>
                     <div>