feat: Add floating wave effect to text in bubbles animation

Make the entire card feel like it's underwater by adding gentle wave
animations to all text elements in the bubbles animation style.

Text Animation Details:
- Title: Floats with 4s wave cycle
- Description lines: Each line has independent wave with staggered delays
  - Line 1: 3.8s cycle, 0s delay
  - Line 2: 3.5s cycle, 0.3s delay
  - Line 3: 4.2s cycle, 0.6s delay
- Stats: Float with 3.8s cycle, 0.4s delay
- All other text: 3.2s cycle with 0.2s delay

Wave Patterns:
- textFloatWave: Smooth sine wave (down → up → down)
- textFloatWave2: Inverted wave (up → down → up)
- textFloatWave3: Gentler variant with 1.5px amplitude

Technical Implementation:
- Uses CSS translateY transforms for smooth animation
- Each element has unique timing to prevent synchronization
- Amplitudes kept small (1.5-2px) for subtle, non-distracting effect
- Combines with existing fadeIn animation for title
- All timing uses ease-in-out for organic feel

The result is a complete underwater immersion effect where text,
creatures, and bubbles all move independently like they're floating
in a cybernetic aquarium laboratory!

Author: claude

ANIMATION_EXAMPLES.md

@@ -68,17 +68,21 @@ theme=electric_laboratory
 Five unique animation effects for your repo cards:
 
 ### 1. **bubbles** - Fishtank Effect 🐠
-A complete aquarium experience with bubbles, glowing jellyfish, and drifting starfish.
+A complete aquarium experience with bubbles, glowing jellyfish, drifting starfish, and floating text.
 ```
 animation_style=bubbles
 ```
 - 8 bubbles floating upward with varying sizes and speeds
 - 2 glowing jellyfish with wavy tentacles drifting left to right
 - 2 starfish slowly rotating and drifting right to left
+- **✨ Floating text effect**: All text gently bobs up and down like it's underwater
+  - Each line waves independently with different timing (3.2s - 4.2s cycles)
+  - Title, description, and stats all float at different rates
+  - Creates realistic water immersion effect
 - Jellyfish appear every ~12 seconds with gentle pulsing glow
 - Starfish drift across every ~15 seconds with slow rotation
 - All creatures layered behind text for depth
-- Perfect for: Calm, steady progress projects, marine/ocean themes
+- Perfect for: Calm, steady progress projects, marine/ocean themes, underwater aesthetics
 
 ### 2. **embers** - Burning Particles 🔥
 Glowing particles pulse and float like hot embers.

src/cards/repo.js

@@ -170,6 +170,23 @@ const getAnimationStyle = (style, colors, width, height) => {
           0%, 100% { opacity: 0; }
           10%, 90% { opacity: 1; }
         }
+        @keyframes textFloatWave {
+          0%, 100% { transform: translateY(0px); }
+          25% { transform: translateY(-2px); }
+          50% { transform: translateY(0px); }
+          75% { transform: translateY(2px); }
+        }
+        @keyframes textFloatWave2 {
+          0%, 100% { transform: translateY(0px); }
+          25% { transform: translateY(2px); }
+          50% { transform: translateY(0px); }
+          75% { transform: translateY(-2px); }
+        }
+        @keyframes textFloatWave3 {
+          0%, 100% { transform: translateY(0px); }
+          33% { transform: translateY(-1.5px); }
+          66% { transform: translateY(1.5px); }
+        }
         .bubble {
           animation: bubbleFloat 3s infinite ease-in-out;
         }
@@ -182,6 +199,29 @@ const getAnimationStyle = (style, colors, width, height) => {
         }
         .starfish {
           animation: starfishDrift 25s infinite ease-in-out;
+        }
+        /* Floating text effects - like text bobbing in water */
+        .header {
+          animation: fadeInAnimation 0.8s ease-in-out forwards, textFloatWave 4s ease-in-out infinite !important;
+        }
+        .description {
+          animation: textFloatWave2 3.5s ease-in-out infinite;
+        }
+        .description tspan:nth-child(1) {
+          animation: textFloatWave 3.8s ease-in-out infinite;
+        }
+        .description tspan:nth-child(2) {
+          animation: textFloatWave2 3.5s ease-in-out 0.3s infinite;
+        }
+        .description tspan:nth-child(3) {
+          animation: textFloatWave3 4.2s ease-in-out 0.6s infinite;
+        }
+        .gray {
+          animation: textFloatWave3 3.2s ease-in-out 0.2s infinite;
+        }
+        /* Stats floating */
+        g[data-testid="main-card-body"] > g {
+          animation: textFloatWave2 3.8s ease-in-out 0.4s infinite;
         }`;
 
       // SVG filter for jellyfish glow