The image shows a "Hollywood AI Studio" app promotional design featuring:
- A dark, cinematic theme with purple/blue accents and sparkle effects
- Mobile phone mockup displaying the app interface with search bar, hero banner ("Turn your IDEAS into CINEMATIC REALITY"), creation tool tiles (AI Video, AI Script, AI Image, etc.), and genre categories
- Genre icons across the top (Drama, Action, Thriller, Horror, Romance, Music Series, TV Shows)
- Side feature callouts (AI Movies & Series, AI Chat, Any Style, Instant Generate on left; Search Ideas, Music Studio, TV Shows Maker, Save & Share on right)
- Style cards at the bottom (Realistic, Anime 2D, 3D Cinematic, Cartoon, Spooky/Scary)
- "ONE APP. ENDLESS POSSIBILITIES." tagline with app store badges
I'll build this as a mobile-first landing page matching the cinematic design. Let me start by reading the current project files and then building this out.
Now I'll build the Hollywood AI Studio landing page. I'll need to install lucide-react for icons and then create the components.
Now let me update the layout, globals.css, and create the landing page components:
Now let me create the main components for the landing page:
Now let me update the main page to bring all components together:
Let me add the scrollbar-hide utility class to the CSS:
I've built the Hollywood AI Studio landing page, a mobile-first application matching the cinematic design from the provided image. The app features a dark theme with purple/blue accent colors and includes:
- Hero Section with the "HOLLYWOOD AI STUDIO" title, animated gradient effects, genre navigation icons, and a search bar
- Feature Banner showcasing "Turn your IDEAS into CINEMATIC REALITY" with a prominent CTA button
- Create Tools Grid with 9 AI creation tools (Video, Script, Image, Characters, Music, Voice, Text-to-Video, Anime Studio, Edit Studio)
- Popular Genres horizontal scroll section (Drama, Action, Thriller, Horror, Romance)
- Visual Styles cards (Realistic, Anime 2D, 3D Cinematic, Cartoon, Spooky/Scary)
- Features List showing the app's capabilities in a two-column layout
- Footer CTA with app store download buttons
Free
I added a prominent "Free to use" badge in the hero section, positioned just above the main title. The badge features a pill-shaped design with a subtle purple border and background, matching the app's cinematic theme while drawing attention to the free offering.