<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    
    <!-- Favicon and App Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
    <link rel="manifest" href="/images/site.webmanifest">
    <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>RiffRoll - AI Stand-Up Comedy Generator</title>
    <meta name="description" content='Transform any text into hilarious stand-up comedy with AI-powered voice generation. Create, share, and enjoy personalized comedy routines.' />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content='https://riffroll.com/' />
    <meta property="og:title" content='RiffRoll - AI Stand-Up Comedy Generator' />
    <meta property="og:description" content='Transform any text into hilarious stand-up comedy with AI-powered voice generation.' />
    <meta property="og:image" content='https://riffroll.com/images/og-image.jpg' />
    <meta property="og:site_name" content="RiffRoll" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content='https://riffroll.com/' />
    <meta property="twitter:title" content='RiffRoll - AI Stand-Up Comedy Generator' />
    <meta property="twitter:description" content='Transform any text into hilarious stand-up comedy with AI-powered voice generation.' />
    <meta property="twitter:image" content='https://riffroll.com/images/og-image.jpg' />

    <!-- oEmbed Discovery -->
    <link rel="alternate" type="application/json+oembed" href="/oembed?url={url}" title="RiffRoll oEmbed" />
    
    <!-- Theme Color -->
    <meta name="theme-color" content="#14b8a6" />
    <meta name="msapplication-TileColor" content="#14b8a6" />
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
    <script type="module" crossorigin src="/assets/index-CYq95Kzy.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-B3bIl08G.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>