cobalt-landing

byElon Tech

Create a high-fidelity, modern landing page for an AI-powered video tool named 'YouTube Shorts Maker', following the design aesthetic of OpusClip. The UI must be high-contrast dark mode with a deep black background (#000000) and clean white/green accents. Key Sections to Include: Navbar: A sleek, transparent navigation bar containing links for 'Features', 'Solutions', 'Resources', 'Pricing', and 'For Business'. Include a 'Sign In' link and a high-visibility 'Sign Up - It's Free' button with a rounded white background and black text. Hero Section (Left Side): A breadcrumb-style link: 'All Tools > YouTube Shorts Maker' in green. A bold, large H1 heading: 'YouTube Shorts Maker'. A descriptive paragraph explaining how the tool transforms long-form content into attention-grabbing Shorts using AI. Input Interaction: A dark-themed input field with a link icon that says 'Drop a video link', paired with a prominent white 'Create YouTube Shorts' button. Add an 'or Upload files' secondary option. Social Proof: A 5-star rating graphic followed by text: 'Trusted by 12M+ creators and businesses worldwide'. Visual Showcase (Right Side): An infographic showing a horizontal source video at the top. Three arrows pointing down from the source video to three vertical smartphone mockups (Shorts format). Each mockup should feature dynamic captions and high-quality creator visuals. Technical Requirements: Use Tailwind CSS for styling. Ensure the layout is fully responsive (mobile-friendly). Use 'Inter' or a similar clean sans-serif font. Implement smooth hover effects for all buttons and interactive elements."

LandingLoginSignup
Landing

Comments (0)

No comments yet. Be the first!

Landing design preview
Landing: View Hero
Landing: Explore For Business
Landing: View Solutions
Landing: Check Pricing
Landing: View Features
Landing: View Social Proof
Landing: Drop Video Link
Signup: Create Account
Dashboard: Create Shorts
Login: Sign In