From 8b97ad1b9c0b5032d77bdbe963e9006b3fec2ec9 Mon Sep 17 00:00:00 2001
From: _Nik0__ <maciek.f137@gmail.com>
Date: Mon, 9 Dec 2024 22:30:12 +0100
Subject: [PATCH] Adjust animations

---
 src/components/TitleHeader.astro      | 4 ++--
 src/components/pricing_carousel.astro | 2 +-
 src/pages/index.astro                 | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/TitleHeader.astro b/src/components/TitleHeader.astro
index 8c8f050..8acd4bc 100644
--- a/src/components/TitleHeader.astro
+++ b/src/components/TitleHeader.astro
@@ -6,11 +6,11 @@
 <div id="animate" class="flex items-center justify-center">
     <div id="centerContent" class='relative w-full h-full flex items-center justify-center'>
         <div id="contentWrapper" class='p-5 text-center'>
-            <p id="title" data-taos-offset="300" class='delay-[600ms] duration-[600ms] taos:translate-y-[20%] taos:opacity-0  text-6xl md:text-7xl lg:text-9xl  uppercase text-white font-stop'>
+            <p id="title" data-taos-offset="300" class='delay-[600ms] duration-[600ms] taos:translate-y-[20%] [animation-iteration-count:infinite] taos:opacity-0  text-6xl md:text-7xl lg:text-9xl  uppercase text-white font-stop'>
                 SEZAM
             </p>
             <div id="typewriter-text" class="typewriter-container text-white ">
-                <p class="delay-[300ms] duration-[600ms] taos:scale-[0.6] taos:opacity-0 text-sm md:text-base lg:text-lg">Twój sklep RTV AGD</p>
+                <p class="delay-[300ms] duration-[600ms] taos:scale-[0.6] [animation-iteration-count:infinite] taos:opacity-0 text-sm md:text-base lg:text-lg">Twój sklep RTV AGD</p>
             </div>
 
         </div>
diff --git a/src/components/pricing_carousel.astro b/src/components/pricing_carousel.astro
index a52ef93..984bc11 100644
--- a/src/components/pricing_carousel.astro
+++ b/src/components/pricing_carousel.astro
@@ -1,7 +1,7 @@
 ---
 ---
 
-<section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-y-[200px] taos:opacity-0" data-taos-offset="400">
+<section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-y-[200px] [animation-iteration-count:infinite] taos:opacity-0" data-taos-offset="400">
     <div class="relative w-screen h-screen overflow-hidden transition-all duration-300 ease-in-out">
         <!-- Carousel Wrapper -->
         <div id="carousel" class="flex transition-transform duration-500 ease-in-out w-full h-full">
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0443c56..ad106d6 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -60,7 +60,7 @@ import Pricing_carousel from "../components/pricing_carousel.astro";
                             <!-- Two-Column Layout for Blog and Projects -->
                             <div class="grid grid-cols-1 sm:grid-cols-2 gap-8 mt-20">
                                 <!-- Blog Preview Section -->
-                                <section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-x-[-100%] taos:opacity-0" data-taos-offset="400">
+                                <section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-x-[-100%] [animation-iteration-count:infinite] taos:opacity-0" data-taos-offset="400">
                                     <div>
                                         <p class="font-semibold text-black dark:text-white text-lg">Co nowego?</p>
                                         <a href="/blog" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2">
@@ -77,7 +77,7 @@ import Pricing_carousel from "../components/pricing_carousel.astro";
                                 </section>
                 
                                 <!-- Project Preview Section -->
-                                <section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-x-[100%] taos:opacity-0" data-taos-offset="400">
+                                <section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-x-[100%] [animation-iteration-count:infinite] taos:opacity-0" data-taos-offset="400">
                                     <div>
                                         <p class="font-semibold text-black dark:text-white text-lg">Wydarzenia</p>
                                         <a href="/events" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2">