buildHtml
baseUrl https://titleman.scroll.pub
metaTags
editButton /edit.html
title TitleMan - Professional Title Generator & Manager
style.css
header
 class hero-section
 nav
  div TitleMan
   class logo
  div
   class nav-links
   a Features
    href #features
   a Generator
    href #generator
   a Examples
    href #examples
   a Try Now
    class cta-button
    href #generator
 div
  class hero-content
  h1 Create Perfect Titles
  p Transform your headings into engaging, SEO-friendly masterpieces
  button Get Started
   class primary-button
   onclick scrollToGenerator()
main
 section
  id features
  class features-grid
  h2 Why TitleMan?
  div
   class feature-card
   span ✨
    class icon
   h3 Smart Suggestions
   p AI-powered title recommendations based on your content
  div
   class feature-card
   span 📊
    class icon
   h3 SEO Optimization
   p Built-in analytics for search engine performance
  div
   class feature-card
   span 🎯
    class icon
   h3 Perfect Length
   p Automatic character count and readability metrics
  div
   class feature-card
   span 🔄
    class icon
   h3 Quick Variations
   p Generate multiple alternatives instantly
 section
  id generator
  class title-generator
  h2 Title Generator
  div
   class generator-container
   input
    type text
    id titleInput
    placeholder Enter your base title here...
   button Generate
    onclick generateTitles()
   div
    id results
    class results-container
 section
  id examples
  class examples-section
  h2 Example Transformations
  div
   class examples-grid
   div
    class example-card
    p Original: Simple Blog Post
    p Transformed: 10 Unmissable Tips for Crafting Blog Posts
   div
    class example-card
    p Original: Coffee Guide
    p Transformed: The Ultimate Coffee Brewing Masterclass
   div
    class example-card
    p Original: Workout Tips
    p Transformed: Transform Your Fitness: Expert Workout Guide
footer
 div
  class footer-content
  p Built with passion by the TitleMan team
  div
   class footer-links
   a Features
    href #features
   a Generator
    href #generator
   a Examples
    href #examples
script.js