Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mental Stand-Up | The Premiere</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Bungee+Inline&family=Inter:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body { 
            background-color: #050505; 
            color: #ffffff; 
            font-family: 'Inter', sans-serif; 
            background-image: radial-gradient(circle at center, #1a1a1a 0%, #050505 100%);
        }
        .marquee-font { font-family: 'Bungee Inline', cursive; }
        
        /* The "Curtain" Effect */
        .theatre-curtain {
            background: linear-gradient(to right, #450a0a 0%, #991b1b 50%, #450a0a 100%);
            box-shadow: inset 0 0 120px #000, 0 25px 50px -12px rgba(0, 0, 0, 0.5);
            border: 4px solid #b45309; /* Gold/Bronze border */
        }

        /* Neon Marquee Glow */
        .neon-glow {
            text-shadow: 0 0 10px #fde047, 0 0 20px #fde047, 0 0 40px #b45309;
        }

        /* Spotlight floor effect */
        .spotlight {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            height: 10px;
            background: #fde047;
            filter: blur(20px);
            opacity: 0.5;
        }
    </style>
</head>
<body class="min-h-screen flex items-center justify-center p-4">

    <div class="max-w-4xl w-full text-center py-12">
        <header class="mb-12">
            <div class="inline-block border-4 border-yellow-500 p-4 mb-6 shadow-[0_0_15px_rgba(234,179,8,0.4)]">
                <h1 class="marquee-font text-5xl md:text-8xl text-yellow-400 neon-glow uppercase tracking-tighter">
                    Mental Stand-Up
                </h1>
            </div>
            <p class="text-xl md:text-2xl text-gray-400 font-light tracking-wide uppercase">
                Now Showing: The Comedy Special Inside Your Head
            </p>
        </header>

        <main class="theatre-curtain rounded-2xl p-10 md:p-20 relative overflow-hidden">
            <div class="relative z-10">
                <h2 class="text-3xl md:text-4xl font-black mb-4 text-white uppercase tracking-tight">
                    Get Your Front Row Ticket
                </h2>
                <p class="text-lg md:text-xl mb-10 text-red-100 max-w-lg mx-auto leading-relaxed">
                    We’re turning intrusive thoughts into punchlines. Be the first to know when the curtains rise.
                </p>

                <form 
                    action="https://formspree.io/f/xojjqgqp" 
                    method="POST"
                    class="flex flex-col md:flex-row gap-3 justify-center items-center"
                >
                    <input 
                        type="email" 
                        name="email" 
                        placeholder="Your email address..." 
                        required
                        class="w-full md:w-96 px-6 py-4 rounded-full bg-black border-2 border-yellow-600 text-white text-lg focus:outline-none focus:ring-4 focus:ring-yellow-400/50 transition-all"
                    >
                    
                    <input type="hidden" name="_subject" value="New Lead: Mental Stand-Up Ticket Request">
                    
                    <button 
                        type="submit" 
                        class="w-full md:w-auto bg-yellow-500 hover:bg-yellow-400 text-black font-black py-4 px-10 rounded-full uppercase tracking-widest text-lg shadow-lg transition-all transform hover:scale-105 active:scale-95"
                    >
                        Reserve Seat
                    </button>
                </form>

                <p class="mt-6 text-sm text-red-200/60 italic">
                    * Admission is free. Sanity is optional.
                </p>
            </div>
            
            <div class="spotlight"></div>
        </main>

        <footer class="mt-16 text-gray-600 text-xs tracking-widest uppercase">
            <p>&copy; 2026 Mental Stand-Up Productions // Admission 18+</p>
        </footer>
    </div>

</body>
</html>

Mental Health Comedian

my business, mental standup, is a pop up stand up comedy production company. the focus is putting on monthly comedy shows with a curated line up of comedians that focus on mental health humor/dark humor. we specifically platform women, lgbt members, intersectional feminists, poc, etc. we are currently doing shows in san pedro los angeles at collage theatre: a place for arts and culture. the founder (ash morgan, me) is a bi polar, trans masculine comedian. i perform in the shows often