Log inSign up

adeyemooladipo

CreatorLaunchAI

Public
Remixed
Premium AI toolkit SaaS landing page with glassmorphism UI
Edit with AI
1 Branch
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data ā€“ all from the browser, and deployed in milliseconds.
Sign up now
index.ts
README.md

šŸš€ CreatorLaunch AI

A premium, high-converting SaaS landing page for an AI-powered content creation toolkit. Built with React + Hono on Val Town.

View Live ā†’

Features

  • šŸŒ— Dark/Light Mode toggle with full theme support
  • šŸŽØ Glassmorphism UI with animated gradients and glowing effects
  • šŸ“± Fully Responsive mobile-first design
  • āš” Animated Dashboard mockup in hero section
  • šŸ¤– Interactive AI Demo with typing animation
  • šŸ’° Pricing Section with monthly/yearly toggle
  • šŸ’¬ Testimonials from creators
  • ā“ Accordion FAQ section
  • šŸ“§ Email Capture Popup (timed)
  • šŸ¤ Affiliate/Referral program section
  • šŸ”— Sticky Navbar with smooth scroll navigation

Architecture

Rendering mermaid diagram...

File Structure

index.ts                          ā† Hono backend + API routes
frontend/
  index.html                      ā† HTML shell with CSS animations
  index.tsx                       ā† React entrypoint
  favicon.svg                     ā† Gradient app icon
  components/
    App.tsx                       ā† Root layout + dark mode state
    Navbar.tsx                    ā† Sticky nav with mobile menu
    Hero.tsx                      ā† Hero + animated dashboard mockup
    Features.tsx                  ā† 6 AI tool cards
    SocialProof.tsx               ā† Testimonials + stats + logos
    Pricing.tsx                   ā† 3 plans with monthly/yearly toggle
    Demo.tsx                      ā† Interactive AI prompt playground
    Referral.tsx                  ā† Affiliate program section
    FAQ.tsx                       ā† Accordion FAQ
    Footer.tsx                    ā† Links + newsletter + CTA banner
    EmailPopup.tsx                ā† Timed email capture modal

Tech Stack

  • Frontend: React 18 + Twind (Tailwind CSS)
  • Backend: Hono on Val Town
  • Icons: Font Awesome 6
  • Fonts: Inter (Google Fonts)
  • Styling: Custom CSS with glassmorphism, gradients, animations