Now let me search for more reactbits animation components to see what's available:

Now I have enough information to build a stunning AI transcription landing page with animated effects. Let me create the components:

Now let me create the main page components:

Now let me update the globals.css with additional animation keyframes and the main page:

Now let me update the tailwind config to include the font configuration:

The tailwind config is likely handled differently. Let me check the package.json:

I see the project uses Tailwind v4 with CSS-based config. I need to add motion package. Let me update the package.json:

Now let me update the globals.css to add font variables for the new fonts:

The landing page is now complete. Let me verify the page renders by checking for any potential issues:

I've created a stunning AI transcription website landing page inspired by Otter.ai with rich animations and a futuristic tech aesthetic. Here's what was built:

Key Features:

• Animated Header - Sticky navigation with magnetic hover effects and smooth scroll behavior
• Hero Section - Featuring blur text animations, gradient animated text, typewriter effect, glowing orbs, floating particles, and a live transcription demo with animated waveforms
• Features Grid - 6 feature cards with hover animations and gradient icons, plus animated stats counter
• Use Cases Tabs - Interactive tabs for Sales, Education, Media, Recruiting, and Support with smooth transitions
• Testimonials Carousel - Auto-scrolling testimonials with pause on hover
• Integrations Grid - 8 integration cards with hover animations and animated connection lines
• Pricing Section - Monthly/yearly toggle with animated cards
• CTA Section - Final call-to-action with particle effects

Animation Components Created (inspired by reactbits.dev):

• BlurText - Text that animates in with blur-to-focus effect
• FadeIn - Scroll-triggered fade animations with direction options
• GradientText - Animated gradient text
• TypewriterText - Typewriter effect with cursor
• FloatingParticles - Background particle animation
• GlowingOrb - Pulsing gradient orbs for background
• MagneticButton - Buttons that follow cursor with spring physics
• Waveform - Audio waveform visualization
• ScrambleText - Matrix-style text scramble effect
• AnimatedCounter - Number counting animation

The design uses a dark theme with cyan/teal primary colors and emerald accents, creating a modern AI-powered product feel.