From e587c1690dc1056d6d46d52490c48d801c298158 Mon Sep 17 00:00:00 2001
From: khadiatullo <hadatullobabakulov28@gmail.com>
Date: Sat, 26 Apr 2025 21:04:46 +0300
Subject: [PATCH] add: added animations for the buttonsand text

---
 src/widgets/cta-section.tsx  |  2 +-
 src/widgets/footer.tsx       |  2 +-
 src/widgets/hero-section.tsx | 10 ++++++----
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/widgets/cta-section.tsx b/src/widgets/cta-section.tsx
index 3e2f9e5..038ee2e 100644
--- a/src/widgets/cta-section.tsx
+++ b/src/widgets/cta-section.tsx
@@ -16,7 +16,7 @@ export const CtaSection = () => {
           <p className='mb-8 max-w-2xl'>{t('home.cta.description')}</p>
           <div className='flex flex-col gap-4 sm:flex-row'>
             <Button variant='outline'>{t('common.buttons.downloadApp')}</Button>
-            <Button className='bg-white text-red-600 hover:bg-gray-100'>
+            <Button variant='secondary'>
               {t('common.buttons.getLoyaltyCard')}
             </Button>
           </div>
diff --git a/src/widgets/footer.tsx b/src/widgets/footer.tsx
index bdbc63d..fd994cd 100644
--- a/src/widgets/footer.tsx
+++ b/src/widgets/footer.tsx
@@ -134,7 +134,7 @@ export const Footer = () => {
                 placeholder={t('common.footer.yourEmail')}
                 className='w-full rounded-md border border-gray-700 bg-gray-800 px-4 py-2 text-white'
               />
-              <Button className='w-full bg-red-600 hover:bg-red-700'>
+              <Button className='w-full bg-red-600 hover:bg-red-700 heartbeat'>
                 Подписаться
               </Button>
             </form>
diff --git a/src/widgets/hero-section.tsx b/src/widgets/hero-section.tsx
index 6cb1ef5..9f73618 100644
--- a/src/widgets/hero-section.tsx
+++ b/src/widgets/hero-section.tsx
@@ -24,9 +24,11 @@ export const HeroSection = () => {
         <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
           <div className='container mx-auto'>
             <div className='max-w-lg space-y-4 text-white'>
-              <h1 className='text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl'>
-                Сеть современных заправок в Таджикистане
-              </h1>
+              <div className='tracking-in-expand'>
+                <h1 className='text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl'>
+                  Сеть современных заправок в Таджикистане
+                </h1>
+              </div>
               <p className='text-lg text-gray-200'>
                 {t('home.hero.description')}
               </p>
@@ -35,7 +37,7 @@ export const HeroSection = () => {
                   {t('common.buttons.findStation')}{' '}
                   <MapPin className='ml-2 h-4 w-4' />
                 </Button>
-                <Button variant='outline'
+                <Button variant='outline' className='animate-pulse'
                 >
                   Узнать больше
                 </Button>