From 7547a3c5101ad5cb1031bcdff7d13daedeb99ad1 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 7 Jun 2026 23:56:23 +0000
Subject: [PATCH] Bob AI: Add a shimmer effect to the claim text in the
 floating disco

---
 src/components/Layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index b8aa37f..0124186 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -27,8 +27,8 @@ function FloatingDiscount() {
       <div className="bg-primary-cta text-primary-cta-text px-4 py-2 md:px-6 md:py-3 rounded-full shadow-2xl flex items-center gap-3 md:gap-4 border border-white/20 backdrop-blur-md whitespace-nowrap">
         <div className="flex items-center gap-2 font-medium text-sm md:text-base">
           <Timer className="w-4 h-4 md:w-5 md:h-5" />
-          <span className="hidden sm:inline">Claim 20% Off Today!</span>
-          <span className="sm:hidden">20% Off!</span>
+          <span className="hidden sm:inline bg-gradient-to-r from-white via-white/50 to-white bg-[length:200%_auto] animate-shimmer bg-clip-text text-transparent">Claim 20% Off Today!</span>
+          <span className="sm:hidden bg-gradient-to-r from-white via-white/50 to-white bg-[length:200%_auto] animate-shimmer bg-clip-text text-transparent">20% Off!</span>
         </div>
         <div className="bg-background/20 px-2 py-1 md:px-3 md:py-1 rounded-md font-mono font-bold tracking-wider text-sm md:text-base">
           {mins}:{secs.toString().padStart(2, '0')}