Merge version_6_1780876747434 into main

Merge version_6_1780876747434 into main

src/components/Layout.tsx

@@ -24,16 +24,19 @@ function FloatingDiscount() {
 
   return (
     <div className="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 animate-in slide-in-from-bottom-10 fade-in duration-500">
-      <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>
+      <div className="relative p-[2px] rounded-full overflow-hidden shadow-2xl">
+        <div className="absolute top-1/2 left-1/2 aspect-square w-[300%] -translate-x-1/2 -translate-y-1/2 bg-[conic-gradient(from_0deg,transparent_0_340deg,white_360deg)] animate-[spin_2s_linear_infinite]" />
+        <div className="relative bg-primary-cta text-primary-cta-text px-4 py-2 md:px-6 md:py-3 rounded-full flex items-center gap-3 md:gap-4 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 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')}
+          </div>
+          <button className="bg-white text-primary-cta px-3 py-1 md:px-4 md:py-1.5 rounded-full text-xs md:text-sm font-semibold hover:bg-white/90 transition-colors">Opt In</button>
         </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')}
-        </div>
-        <Button text="Opt In" variant="secondary" className="!py-1 !px-3 md:!py-1.5 md:!px-4 text-xs md:text-sm" />
       </div>
     </div>
   );

src/pages/HomePage.tsx

@@ -12,11 +12,7 @@ import SocialProofSection from './HomePage/sections/SocialProof';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
-
-
-{/* webild-stub @2026-06-07T23:44:15.906Z: add a floating sticky pill at the bottom of the site that always shows up, with a 5-minute timer countdown to opt-in for a discount for today */}
-
-import StickyDiscountPillSection from './HomePage/sections/StickyDiscountPill';export default function HomePage(): React.JSX.Element {
+export default function HomePage(): React.JSX.Element {
   return (
     <>
       <HomeSection />
@@ -27,7 +23,6 @@ import StickyDiscountPillSection from './HomePage/sections/StickyDiscountPill';e
       <SocialProofSection />
       <FaqSection />
       <ContactSection />
-          <StickyDiscountPillSection />
     </>
   );
 }