I'll create a funky, responsive "coming soon" page that matches the bold, gothic-inspired red theme of your Yawningz logo. Let's build this with Next.js App Router and add some crazy animations!

I've created a funky, gothic-inspired "coming soon" page that perfectly matches the bold red aesthetic of your Yawningz logo. Here's what this implementation includes:

Key Features:

1. Responsive Design - Fully responsive for mobile, tablet, and laptop with tailored layouts for each screen size

2. Crazy Animations:

   • Floating logo effect
   • Pulsing "coming soon" text
   • Particle background with connecting lines
   • Glitch effects on hover
   • Animated countdown timer with smooth transitions
   • Red glow text shadows

3. Gothic Theme Elements:

   • Bold red color scheme matching your logo
   • Custom grid background with subtle red lines
   • Noise texture overlay for a gritty feel
   • Dark theme with high contrast

4. Interactive Components:

   • Email subscription form
   • Social media links with hover animations
   • Countdown timer to your launch date
   • Animated particles that respond to the canvas size

5. Production Ready:

   • Built with Next.js App Router
   • Optimized images with proper loading priorities
   • Responsive design with mobile-first approach
   • Proper SEO metadata
   • Accessibility considerations

The page creates an immersive, dynamic experience that captures attention while maintaining the gothic, edgy aesthetic of your brand. The animations add visual interest without compromising performance.

I'll enhance the page with a glitch effect that alternates between showing "Yawning shots" and "Coming soon" logos. Let's implement this:

I've implemented an alternating logo display with intense glitch effects that switches between "Yawningz shots" and "Coming soon" logos. Here's what I've added:

Key Features:

1. Alternating Logo Component

   • Automatically switches between the two logos every 4 seconds
   • Applies a strong glitch effect during transitions
   • Includes random glitch moments for added visual interest

2. Enhanced Glitch Effects

   • RGB color splitting effects that mimic digital distortion
   • Clip-path animations that create the appearance of signal interference
   • Color channel shifting for a more authentic glitch look
   • Random timing to make the glitches feel unpredictable

3. Glitch Throughout the UI

   • Added subtle glitch effects to the countdown timer
   • Random horizontal scan lines that appear across the interface
   • Occasional color distortion in the particle background
   • Text shadow effects that create RGB splitting on text elements

The result is a dynamic, edgy interface where the logos alternate with dramatic glitch transitions. The glitch effects create a sense of digital instability that matches the gothic aesthetic of your brand while adding visual excitement to the page.

The glitches happen in three ways:

1. During the scheduled transitions between logos
2. Randomly at unexpected moments
3. As subtle, constant effects in the background and UI elements

This creates a layered, immersive experience that keeps visitors engaged while waiting for your launch.