https://lissanai.com/

已提交的 URL:
https://lissanai.com/
報告完成時間:

連結 · 找到 1 個

連結Text
https://www.getwaitlist.comgetwaitlist.com

JavaScript 變數 · 找到 112 個

名稱類型
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
postWaiterObjundefined
getWaiterObjundefined
copyButtonundefined
tweetundefined
whatsappundefined
telegramundefined
redditundefined

主控台記錄訊息 · 找到 0 條

HTML

<!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>