Merge pull request 'changed: buttons and animation for the block' (#2) from add-pages into dev

Reviewed-on: #2

src/widgets/about-section.tsx

@@ -68,7 +68,7 @@ export const AboutSection = () => {
             </div>
           </div>
           <div
-            data-aos='fade-left'
+            data-aos='fade-up'
             className='relative h-[400px] overflow-hidden rounded-xl shadow-xl'
           >
             <Image

src/widgets/cta-section.tsx

@@ -14,7 +14,7 @@ export const CtaSection = () => {
           </p>
           <div className='flex flex-col gap-4 sm:flex-row'>
             <Button variant='outline'>Скачать приложение</Button>
-            <Button className='bg-white text-red-600 hover:bg-gray-100'>
+            <Button variant='secondary'>
               Получить карту лояльности
             </Button>
           </div>

src/widgets/hero-section.tsx

@@ -29,9 +29,7 @@ export const HeroSection = () => {
                 <Button className='bg-red-600 hover:bg-red-700'>
                   Найти заправку <MapPin className='ml-2 h-4 w-4' />
                 </Button>
-                <Button
+                <Button variant='outline'
-                  variant='outline'
-                  className='border-white text-white hover:bg-white/10'
                 >
                   Узнать больше
                 </Button>