https://lissanai.com/

Submitted URL:
https://lissanai.com/
Report Finished:

The outgoing links identified from the page

LinkText
https://www.getwaitlist.comgetwaitlist.com

JavaScript Variables · 112 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
postWaiterObjundefined
getWaiterObjundefined
copyButtonundefined
tweetundefined
whatsappundefined
telegramundefined
redditundefined

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lissan AI - AI-Powered Captions</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <link rel="stylesheet" type="text/css" href="https://prod-waitlist-widget.s3.us-east-2.amazonaws.com/getwaitlist.min.css">
    <style>
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }
        .float-animation {
            animation: float 6s ease-in-out infinite;
        }
        .gradient-text {
            background: linear-gradient(135deg, #6366F1, #A855F7);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .custom-shape-divider {
            position: absolute;
            width: 100%;
            overflow: hidden;
            line-height: 0;
            transform: rotate(180deg);
        }
        .custom-shape-divider svg {
            position: relative;
            display: block;
            width: calc(100% + 1.3px);
            height: 150px;
        }
        #getWaitlistContainer {
            margin: 0 auto;
            background: transparent !important;
            max-width: 500px;
        }
        .hero-pattern {
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
        .blur-card {
            backdrop-filter: blur(10px);
            background-color: rgba(255, 255, 255, 0.8);
        }
    </style>
</head>
<body class="bg-gradient-to-b from-purple-50 via-white to-purple-50 min-h-screen hero-pattern">
    <!-- Navbar -->
    <nav class="fixed w-full bg-white/70 backdrop-blur-md z-50">
        <div class="container mx-auto px-6 py-4">
            <div class="flex items-center justify-between">
                <div class="text-2xl font-bold gradient-text">Lissan AI</div>
                <a href="#waitlist" class="bg-gradient-to-r from-purple-600 to-indigo-600 text-white px-6 py-2 rounded-full hover:shadow-lg transform hover:-translate-y-0.5 transition duration-300">
                    Join Waitlist
                </a>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <main class="pt-24">
        <div class="container mx-auto px-6 py-12 md:py-24">
            <div class="text-center max-w-5xl mx-auto">
                <div class="animate__animated animate__fadeIn">
                    <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-6 leading-tight">
                        Generate Perfect Captions with 
                        <span class="gradient-text">Lissan AI</span>
                    </h1>
                    
                    <p class="text-xl md:text-2xl text-gray-600 mb-12 max-w-3xl mx-auto leading-relaxed">
                        Transform your content with engaging, context-aware captions. 
                        Powered by advanced AI to capture the perfect essence of every moment.
                    </p>
                </div>

                <!-- Waitlist Section -->
                <div id="waitlist" class="blur-card rounded-2xl p-8 mb-11 max-w-2xl mx-auto animate__animated animate__fadeInUp">
                    <h2 class="text-2xl font-bold gradient-text mb-6">Join the Waitlist</h2>
                    <div id="getWaitlistContainer" data-waitlist_id="21703" data-widget_type="WIDGET_2">
                <div class=" gw-flex gw-flex-col  gw-rounded-md  gw-p-2  gw-w-full  gw-max-w-[600px] " style="background-color: transparent;" id="2431245">
                <div class=" gw-w-full ">
                    <div class=" gw-flex  gw-flex-row gw-justify-between  gw-items-center  gw-rounded-3xl  gw-w-full ">
                        <input class=" gw-w-full   gw-text-sm   gw-transition   gw-duration-300   gw-border-solid   gw-border   gw-bg-transparent " style="color: #000000; border-color: #cccccc; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem;" name="email" placeholder="[email protected]">
                        <button id="primaryCTA" style="background-color: #1400ff; color: #ffffff; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem;" class=" gw-text-center  gw-items-center  gw-px-4  gw-py-2  gw-font-bold  gw-text-sm  gw-font-medium  focus:gw-ring-2  gw-border  gw-border-transparent  gw-w-1/2  hover:gw-opacity-80  gw-transition  gw-duration-300 " onclick="postWaiterObj()">
                            Sign Up
                        </button>
                    </div>
                </div>
            
            <div class=" gw-mt-2   gw-rounded-md " style="display:none">
                <div class=" gw-flex   gw-flex-row   gw-justify-center   gw-items-center   gw-text-sm   gw-text-red-800 ">
                    <div class=" gw-w-7/8 " id="getWaitlistErrorContainer">
                        An error has occurred in trying to retrieve this Waitlist ID # 21703. Please try again later, or contact [email protected].
                    </div>
                </div>
            </div>
        
            <div class=" gw-mt-2 ">
                <div class=" gw-flex   gw-flex-row   gw-justify-center ">
                    <div class=" gw-text-xs " style="color: #00000080">
                        Waitlist hosted by <a class=" gw-font-bold " href="https://www.getwaitlist.com" target="_blank">getwaitlist.com</a>
                    </div>
                </div>
            </div>
        </div>
            </div>
                    <p class="text-sm text-gray-500 mt-4">
                        Be among the first to experience the future of AI-powered captions.
                    </p>
                </div>

                <!-- Demo Image -->
                <div class="float-animation mb-24 max-w-4xl mx-auto">
                    <img src="lissanai_editor.jpg" alt="AI Caption Demo" class="rounded-2xl shadow-2xl mx-auto">
                </div>

                <!-- Features -->
                <div class="grid md:grid-cols-3 gap-8 text-left">
                    <div class="blur-card p-8 rounded-2xl hover:shadow-xl transition duration-300 transform hover:-translate-y-1">
                        <div class="text-purple-600 text-4xl mb-4">⚡</div>
                        <h3 class="text-xl font-semibold mb-3">Lightning Fast</h3>
                        <p class="text-gray-600">Generate perfect captions in seconds, not minutes. Our AI processes your content instantly.</p>
                    </div>
                    <div class="blur-card p-8 rounded-2xl hover:shadow-xl transition duration-300 transform hover:-translate-y-1">
                        <div class="text-purple-600 text-4xl mb-4">🎯</div>
                        <h3 class="text-xl font-semibold mb-3">Context Aware</h3>
                        <p class="text-gray-600">Our AI understands the nuances of your content and generates relevant, engaging captions.</p>
                    </div>
                    <div class="blur-card p-8 rounded-2xl hover:shadow-xl transition duration-300 transform hover:-translate-y-1">
                        <div class="text-purple-600 text-4xl mb-4">🌐</div>
                        <h3 class="text-xl font-semibold mb-3">Multi-Platform</h3>
                        <p class="text-gray-600">Works seamlessly across all social media platforms. One tool for all your needs.</p>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- Footer -->
    <footer class="container mx-auto px-6 py-8 mt-24">
        <div class="text-center text-gray-500">
            © 2024 Lissan AI. All rights reserved.
        </div>
    </footer>

    <!-- GetWaitlist.com Script -->
    <script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-gaZtYaI7oJHEOo1YO6VuoCE4iZ5fMV9mYHP0BHf+r2ttABnpWWCIkgI6ItNW4ZdO"></script><script src="https://prod-waitlist-widget.s3.us-east-2.amazonaws.com/getwaitlist.min.js"></script><script src="https://www.google.com/recaptcha/api.js"></script>

</body></html>