I've created a cinematic landing page with a typewriter effect that displays your message letter by letter. Here are the key features:

Typewriter Effect:

• Types at 80ms per character for optimal readability
• Includes a blinking cursor that mimics terminal/movie scenes
• The text appears in a terminal-style box with a dark theme

Design Elements:

• Dark, cinematic theme with gradient backgrounds
• Terminal/code aesthetic with monospace font for the typewriter text
• Glowing green accents (emerald) that evoke coding/hacker movie vibes
• Backdrop blur effects for a modern look

Landing Page Structure:

• Hero section with the typewriter effect as the main focus
• Features section highlighting the 20% improvement promise
• Call-to-action sections with email signup
• Professional header and footer

The typing speed is set to be readable while maintaining that authentic movie-scene feel. The message emphasizes the key value proposition of becoming "20% better than other coders through active learning."

I've updated the typewriter effect to create a looping animation that alternates between your two phrases:

New Features:

1. Looping Animation: The typewriter effect now cycles through both phrases continuously

2. Two Phrases:

   • "You will be 20% better than other coders after learning actively. That's what we can offer."
   • "Courses are expensive yet you can't ask questions. That's why we offer a solution to that."

3. Timing:

   • 2-second pause after finishing each phrase
   • 3-second pause before starting the next phrase
   • Same 80ms typing speed for readability

How it works:

• Types the first phrase completely
• Pauses for 2 seconds
• Clears the text
• Pauses for 3 seconds
• Types the second phrase
• Repeats the cycle infinitely

The animation creates a compelling narrative that first presents the value proposition (20% better coding skills) and then addresses a common pain point (expensive courses without interaction), positioning your platform as the solution to both needs.