Free AI Funnel Generator

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <title>Free AI Funnel Generator | involve.me</title> <meta name="description" content="Generate on-brand lead funnels in seconds for free using an advanced AI funnel generator. Save time & effort and get beautiful designs & context information." /> <meta property="og:type" content="website" /> <meta property="og:title" content="Free AI Funnel Generator" /> <meta property="og:description" content="Generate on-brand lead funnels in seconds for free using an advanced AI funnel generator. Save time & effort and get beautiful designs & context information." /> <meta property="og:url" content="https://www.involve.me/ai" /> <meta property="og:site_name" content="involve.me" /> <meta property="og:locale" content="en_US" /> <meta property="og:locale:alternate" content="de_DE" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@involvemeapp" /> <meta name="twitter:title" content="Free AI Funnel Generator" /> <meta name="twitter:description" content="Generate on-brand lead funnels in seconds for free using an advanced AI funnel generator. Save time & effort and get beautiful designs & context information." /> <meta property="og:image" content="https://www.involve.me/img/containers/assets/social-thumbnails/involve-me_ai_funnel_generator.png/5a987fadef28d5679f6cb50a21b481e7/involve-me_ai_funnel_generator.webp" /> <meta property="og:image:width" content="1146" /> <meta property="og:image:height" content="600" /> <meta property="og:image:alt" content="involve.me - Generate lead funnels with AI and drive more conversions. Start for free." /> <meta name="twitter:image" content="https://www.involve.me/img/containers/assets/social-thumbnails/involve-me_ai_funnel_generator.png/7e5566050aadd34c555fbc810cb9b0ec/involve-me_ai_funnel_generator.webp" /> <meta name="twitter:image:alt" content="involve.me - Generate lead funnels with AI and drive more conversions. Start for free." /> <link href="https://www.involve.me/" rel="home" /> <link href="https://www.involve.me/ai" rel="canonical" /> <link rel="alternate" href="https://www.involve.me/ai" hreflang="en" /> <link rel="alternate" href="https://www.involve.me/de/ai" hreflang="de" /> <link rel="alternate" href="https://www.involve.me/ai" hreflang="x-default" />  <meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="email=no"> <meta name="format-detection" content="address=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="mobile-web-app-capable" content="yes"> <link rel="icon" href="/favicons/favicon-32x32.png" type="image/png"> <link rel="apple-touch-icon" href="/img/containers/favicons/android-chrome-256x256.png/60ce5eefe923551f4c2624ab98d442f1.png"> <link rel="manifest" href="/site.webmanifest">  <link rel="preconnect" href="https://app.involve.me" /> <link rel="preconnect" href="https://stats.involve.me" /> <link rel="preconnect" href="https://d3fs9o4a89jmeb.cloudfront.net" /> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"Organization","founder":[{"@type":"Person","name":"Vlad Gozman","description":"Vlad Gozman","url":"https://www.linkedin.com/in/vladgozman/","@id":"https://www.linkedin.com/in/vladgozman/"},{"@type":"Person","name":"Stefan Rasch","description":"Stefan Rasch","url":"https://www.linkedin.com/in/stefanrasch/","@id":"https://www.linkedin.com/in/stefanrasch/"}],"url":"https://www.involve.me","areaServed":[{"@type":"Country","name":"Australia","@id":"https://en.wikipedia.org/wiki/Australia"},{"@type":"Country","name":"United States","@id":"https://en.wikipedia.org/wiki/United_States"},{"@type":"Country","name":"UK","url":"https://en.wikipedia.org/wiki/United_Kingdom","@id":"https://en.wikipedia.org/wiki/United_Kingdom"},{"@type":"Country","name":"Canada","url":"https://en.wikipedia.org/wiki/Canada","@id":"https://en.wikipedia.org/wiki/Canada"}],"additionalType":["https://en.wikipedia.org/wiki/Quiz","https://en.wikipedia.org/wiki/Form_(HTML)","https://en.wikipedia.org/wiki/Software_as_a_service","https://en.wikipedia.org/wiki/Survey_data_collection#Online_surveys"],"sameAs":["https://www.facebook.com/involvemeapp/","https://www.linkedin.com/company/involvemeapp/","https://twitter.com/involvemeapp/","https://www.producthunt.com/posts/involve-me","https://angel.co/company/involveme"],"description":"No-Code Funnel Builder. Create Quizzes, Calculators, Forms, Surveys and Payment Pages. Acquire & Keep Customers Engaged.","logo":{"@type":"ImageObject","url":"https://app.involve.me/img/frontend/homescreen-icon-180.png","height":"180","width":"180","name":"involve.me Logo","@id":"https://app.involve.me/img/frontend/homescreen-icon-180.png"},"address":{"@type":"PostalAddress","streetAddress":"Gußhausstraße 15/8","addressLocality":"Vienna","postalCode":"1040","addressCountry":"Austria"},"contactPoint":{"@type":"ContactPoint","availableLanguage":"https://en.wikipedia.org/wiki/English_language","name":"Contact Point involve.me","telephone":"[+43-676-5453047‬]","contactType":"sales","@id":"https://www.involve.me/contact/"},"name":"involve.me","email":"office@involve.me","@id":"https://www.involve.me/","foundingDate":"2018"} </script> <script type='application/ld+json'>{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.involve.me/#website","url":"https://www.involve.me/","name":"involve.me"},{"@type":"ImageObject","@id":"https://www.involve.me/#primaryimage","url":"https://www.involve.me/assets/images/sharing/sharing_default.png","width":1200,"height":630},{"@type":"WebPage","@id":"https://www.involve.me/#webpage","url":"https://www.involve.me/","inLanguage":"en-US","name":"involve.me | The User Engagement Platform","isPartOf":{"@id":"https://www.involve.me/#website"},"primaryImageOfPage":{"@id":"https://www.involve.me/#primaryimage"},"description":"involve.me helps digital marketers, smbs & e-commerce businesses engage users with personalized interactive content for every step of the customer journey."}]} </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PQRRT9K');</script>  <link rel="preload" as="style" href="https://www.involve.me/build/assets/site.a6fa582b.css" /><link rel="stylesheet" href="https://www.involve.me/build/assets/site.a6fa582b.css" /> </head> <body class="relative flex flex-col h-full text-black bg-lightneutral selection:bg-primary selection:text-white" x-data="{ scrolledToTop: true }" @scroll.window="scrolledToTop = window.pageYOffset < 10">  <noscript> <style> nav.hidden, nav ul [x-cloak], nav ul li ul { display: block !important; } </style> <p class="relative z-50 py-3 px-4 bg-gray-100 border-b border-gray-200 text-center font-bold text-xs text-gray-600"> This website requires Javascript for some parts to function properly. Your experience may vary.</p> </noscript>   <a class="fixed z-50 hidden md:block top-4 left-8 py-2 px-4 bg-primary text-white text-xs font-bold -translate-y-24 opacity-0 focus-visible:translate-y-0 focus-visible:opacity-100 focus:outline-none focus-visible:ring-2 ring-primary ring-offset-2 motion-safe:transition-all" href="#content"> Skip to content </a>       <header class="fixed top-0 z-50 flex items-center w-full h-16 transition-all duration-300 transform -translate-x-1/2 border-b border-b-transparent left-1/2 max-w-1660" :class="{ '!border-b-lightgray bg-white sm:backdrop-blur-xl': !scrolledToTop }"> <div class="relative flex items-center justify-center w-full mx-auto fluid-container--full"> <div class="lg:mr-auto lg:ml-auto">  <nav class="hidden lg:block" aria-label="Main navigation"> <ul class="flex items-center space-x-8"> <li x-data="{ subnavOpen: false }" @keyup.escape.stop.prevent="subnavOpen = false" @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)" class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > Product <svg class="w-2 ml-1 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="16" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" x-cloak class="absolute left-0 px-3 py-2 mt-2 -ml-6 bg-white border rounded shadow " @click.outside="subnavOpen = false" x-transition> <div class="flex space-x-6 "> <li class="py-1 px-2 "> <span class="block p-2 text-sm font-bold whitespace-nowrap text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Use cases by department </span> <ul class="space-y-1"> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/build-email-list"> Marketing - Grow Your Email List </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/book-qualified-meetings"> Sales - Book Qualified Meetings </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/social-recruiting"> HR - Source Top Qualified Talent </a> </li> </ul> </li> <li class="py-1 px-2 "> <span class="block p-2 text-sm font-bold whitespace-nowrap text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Tools </span> <ul class="space-y-1"> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/ai"> AI Funnel Creator </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/sales-funnel-builder"> Sales Funnel Builder </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/interactive-calculator"> Calculator Formula Editor </a> </li> </ul> </li> </div> </ul> </li> <li class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="/templates" > Templates </a> </li> <li class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="/integrations" > Integrations </a> </li> <li class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="/features" > Features </a> </li> <li x-data="{ subnavOpen: false }" @keyup.escape.stop.prevent="subnavOpen = false" @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)" class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > Resources <svg class="w-2 ml-1 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="16" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" x-cloak class="absolute left-0 px-3 py-2 mt-2 -ml-6 bg-white border rounded shadow " @click.outside="subnavOpen = false" x-transition> <div class=" "> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/blog"> Blog </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/tutorials"> Tutorials </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/implementation-partners"> Implementation Partners </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/ai-library"> AI Funnel Library </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="https://discord.gg/FyNN7mRnGy"> Join Our Community </a> </li> </div> </ul> </li> <li class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="/pricing" > Pricing </a> </li> <li x-data="{ subnavOpen: false }" @keyup.escape.stop.prevent="subnavOpen = false" @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)" class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > Company <svg class="w-2 ml-1 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="16" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" x-cloak class="absolute left-0 px-3 py-2 mt-2 -ml-6 bg-white border rounded shadow " @click.outside="subnavOpen = false" x-transition> <div class=" "> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/company/about-us"> About Us </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/company/careers"> Careers </a> </li> </div> </ul> </li> </ul> </nav>   <nav x-data="{ mobileNavOpen: false }" class="relative lg:hidden" aria-label="Main navigation" x-cloak> <button @click.prevent="mobileNavOpen = !mobileNavOpen" class="fixed top-0 right-0 z-50 flex items-center justify-center w-16 h-16 text-xs font-bold rounded mb-safe bg-primary focus:outline-none focus-visible:ring-2 ring-primary ring-offset-2" :class="{ '!w-full bg-black bg-opacity-80 z-20 inset-0 h-screen rounded-none ': mobileNavOpen }" x-trap.noscroll="mobileNavOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="bg-opacity-0" x-transition:enter-end="bg-opacity-80" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="bg-opacity-80" x-transition:leave-end="bg-opacity-0" :aria-label=" mobileNavOpen ? 'Close navigation' : 'Open navigation' " :aria-expanded="mobileNavOpen"> <span class="sr-only" x-text="mobileNavOpen ? 'Close' : 'Menu'"> </span> <svg x-show="!mobileNavOpen" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12" /> </svg> <svg x-show="mobileNavOpen" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" :class="mobileNavOpen ? 'fixed top-5 right-5 z-50 text-white': ''" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> <div x-transition:enter="transition ease-out duration-200" x-transition:enter-start="-translate-x-full opacity-0" x-transition:enter-end="translate-x-0 opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="translate-x-0 opacity-100" x-transition:leave-end="-translate-x-full opacity-0" @click.outside="mobileNavOpen = false" class="fixed top-0 left-0 z-30 flex flex-col justify-start w-5/6 h-screen max-w-md overflow-y-scroll transform bg-offwhite" x-show="mobileNavOpen"> <ul class="flex items-center w-full mx-auto my-8 gap-4 px-[5%]"> <li class="relative w-auto text-xs leading-none ">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-white text-black focus-visible:ring-white border border-lightgray py-2.5 px-6 inline-flex justify-center w-auto " href="https://app.involve.me/login" id="" > Login <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </li> <li class="relative w-auto text-xs leading-none ">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 inline-flex justify-center w-auto " href="https://app.involve.me/register" id="" > Try for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </li> </ul> <ul class="flex flex-col space-y-2 top-0 p-[5%] flex-grow"> <li x-data="{ subnavOpen: false }" class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > <span class="mr-1">Product</span> <svg class="w-3 h-3 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="20" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" class="flex flex-col items-stretch space-y-2" x-collapse> <div class="flex flex-wrap gap-4 pb-2 border-b"> <li class="space-y-2"> <span class="block mb-4 whitespace-nowrap text-bluegray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Use cases by department </span> <ul class="space-y-2 "> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/build-email-list"> Marketing - Grow Your Email List </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/book-qualified-meetings"> Sales - Book Qualified Meetings </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/social-recruiting"> HR - Source Top Qualified Talent </a> </li> </ul> </li> <li class="space-y-2"> <span class="block mb-4 whitespace-nowrap text-bluegray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Tools </span> <ul class="space-y-2 "> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/ai"> AI Funnel Creator </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/sales-funnel-builder"> Sales Funnel Builder </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/interactive-calculator"> Calculator Formula Editor </a> </li> </ul> </li> </div> </ul> </li> <li class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="/templates" > <span class="mr-1">Templates</span> </a> </li> <li class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="/integrations" > <span class="mr-1">Integrations</span> </a> </li> <li class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="/features" > <span class="mr-1">Features</span> </a> </li> <li x-data="{ subnavOpen: false }" class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > <span class="mr-1">Resources</span> <svg class="w-3 h-3 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="20" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" class="flex flex-col items-stretch space-y-2" x-collapse> <div class=" pb-2 border-b"> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/blog"> Blog </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/tutorials"> Tutorials </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/implementation-partners"> Implementation Partners </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/ai-library"> AI Funnel Library </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="https://discord.gg/FyNN7mRnGy"> Join Our Community </a> </li> </div> </ul> </li> <li class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="/pricing" > <span class="mr-1">Pricing</span> </a> </li> <li x-data="{ subnavOpen: false }" class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > <span class="mr-1">Company</span> <svg class="w-3 h-3 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="20" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" class="flex flex-col items-stretch space-y-2" x-collapse> <div class=" pb-2 border-b"> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/company/about-us"> About Us </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/company/careers"> Careers </a> </li> </div> </ul> </li> </ul> </div> </nav>  </div> <div class="ml-0 mr-auto shrink-0 w-36 lg:order-first">  <a class="w-full motion-safe:transition-transform focus:outline-none focus-visible:ring-2 ring-primary" aria-label="Logo involve.me [CDN]" href="/" > <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 444.44 79.88"><path fill="#29dec7" fill-rule="evenodd" d="M29.82 0A29.82 29.82 0 1 1 0 29.82 29.82 29.82 0 0 1 29.82 0"/><path fill="#f66" d="M29.85 29.93H79.8v49.95H29.85z"/><path fill="#244554" fill-rule="evenodd" d="M59.64 29.94a29.82 29.82 0 0 1-29.79 29.7v-29.7Z"/><path fill="#244554" d="M418.9 44.23a7.48 7.48 0 0 1 1.32-3.29 7.73 7.73 0 0 1 2.64-2.32 7.4 7.4 0 0 1 3.51-.87 6.88 6.88 0 0 1 3.35.89 7.18 7.18 0 0 1 2.45 2.3 7 7 0 0 1 1.13 3.24Zm-78.08 22a1.9 1.9 0 0 0 1.81 1.81h7.72a1.9 1.9 0 0 0 1.81-1.81v-21a11.33 11.33 0 0 1 1-2 9.46 9.46 0 0 1 1.59-1.94 7.74 7.74 0 0 1 2.3-1.46 8.56 8.56 0 0 1 3.13-.57 7.24 7.24 0 0 1 4 1 5.84 5.84 0 0 1 2.32 2.79 11.06 11.06 0 0 1 .75 4.3v18.88a1.82 1.82 0 0 0 .51 1.26 1.78 1.78 0 0 0 1.3.56h7.16a1.82 1.82 0 0 0 1.27-.56 1.79 1.79 0 0 0 .54-1.26V43.32a5.77 5.77 0 0 1 .48-.62 8.83 8.83 0 0 1 1.46-1.38 9.38 9.38 0 0 1 2.36-1.38 10 10 0 0 1 3.57-.62 7.33 7.33 0 0 1 4 1 6 6 0 0 1 2.32 2.75 10.47 10.47 0 0 1 .79 4.3v18.86a1.89 1.89 0 0 0 .51 1.26 1.81 1.81 0 0 0 1.3.56h7.72a1.78 1.78 0 0 0 1.3-.56 1.82 1.82 0 0 0 .51-1.26V48.04a27.18 27.18 0 0 0-.89-7.19 17.62 17.62 0 0 0-2.87-6.08 13.62 13.62 0 0 0-5.16-4.21 17.77 17.77 0 0 0-7.72-1.62 16.74 16.74 0 0 0-4.76.68 19.57 19.57 0 0 0-3.92 1.62 21.15 21.15 0 0 0-2.92 2 17.72 17.72 0 0 0-1.83 1.65 16.17 16.17 0 0 0-5.33-4.38 15.39 15.39 0 0 0-7.06-1.57 17.27 17.27 0 0 0-11 4 15.47 15.47 0 0 0-1.73 1.64l-1.38-3.64a1.49 1.49 0 0 0-.56-.75 1.87 1.87 0 0 0-1.06-.3h-3.52a1.81 1.81 0 0 0-1.81 1.81Zm-43.33-22a7.46 7.46 0 0 1 1.29-3.29 7.71 7.71 0 0 1 2.64-2.32 7.39 7.39 0 0 1 3.51-.87 6.88 6.88 0 0 1 3.35.89 7.17 7.17 0 0 1 2.48 2.3 7 7 0 0 1 1.13 3.24Zm-11.71 4.71a21.18 21.18 0 0 0 1.44 7.8 19.83 19.83 0 0 0 4 6.37 18.85 18.85 0 0 0 6.18 4.3 19.85 19.85 0 0 0 7.88 1.59 23.34 23.34 0 0 0 5.73-.7 20.05 20.05 0 0 0 4.77-1.87 17.68 17.68 0 0 0 3.7-2.67 1.55 1.55 0 0 0 .65-1.27 1.76 1.76 0 0 0-.55-1.21l-3.91-4.48a1.36 1.36 0 0 0-1.13-.51 3.16 3.16 0 0 0-1.35.51 13.38 13.38 0 0 1-7.43 2.38 9.23 9.23 0 0 1-3.72-.75 8.69 8.69 0 0 1-2.82-1.93 8.86 8.86 0 0 1-1.83-2.67 8.76 8.76 0 0 1-.78-2.94H321a1.87 1.87 0 0 0 1.22-.45 1.74 1.74 0 0 0 .62-1.16c0-.37.1-.79.13-1.29s.06-.94.06-1.29a18.52 18.52 0 0 0-1.4-7.11 17.22 17.22 0 0 0-3.82-5.65 17.56 17.56 0 0 0-5.67-3.69 18.53 18.53 0 0 0-6.92-1.31 19 19 0 0 0-7.81 1.62 18.63 18.63 0 0 0-6.19 4.38 20 20 0 0 0-4 6.37 20.88 20.88 0 0 0-1.44 7.63Zm-20 19.06a1.94 1.94 0 0 0 .6.65 1.74 1.74 0 0 0 1 .3h.48a1.84 1.84 0 0 0 1-.3 2.06 2.06 0 0 0 .59-.65l17.44-35.83a1.65 1.65 0 0 0 .13-1.6 1.56 1.56 0 0 0-1.46-.68h-7.43a3.91 3.91 0 0 0-1.35.16 1.68 1.68 0 0 0-.94.89l-8.2 17.72h-.19l-7.7-17.72a2 2 0 0 0-.6-.75 1.89 1.89 0 0 0-1.11-.3h-8.29a1.46 1.46 0 0 0-1.41.68 1.75 1.75 0 0 0 .08 1.6Zm-32.15-1.81a1.75 1.75 0 0 0 .55 1.26 1.8 1.8 0 0 0 1.26.56h8a1.78 1.78 0 0 0 1.25-.56 1.73 1.73 0 0 0 .56-1.26V11.73a1.77 1.77 0 0 0-.56-1.27 1.72 1.72 0 0 0-1.25-.54h-8a1.74 1.74 0 0 0-1.26.54 1.78 1.78 0 0 0-.55 1.27Zm-32.06-17.25a10.22 10.22 0 0 1 1.22-4.88 9.32 9.32 0 0 1 3.27-3.45 8.91 8.91 0 0 1 9.27 0 9.46 9.46 0 0 1 3.27 3.45 9.88 9.88 0 0 1 1.27 4.88 10.15 10.15 0 0 1-1.25 5 9.59 9.59 0 0 1-3.27 3.53 8.73 8.73 0 0 1-9.27 0 9.44 9.44 0 0 1-3.27-3.53 10.5 10.5 0 0 1-1.24-5Zm-10.35 0a20.11 20.11 0 0 0 1.54 7.76 20.38 20.38 0 0 0 4.19 6.4 19.74 19.74 0 0 0 6.21 4.33 18.75 18.75 0 0 0 15.18 0 19.73 19.73 0 0 0 6.21-4.33 20.31 20.31 0 0 0 4.19-6.4 20.09 20.09 0 0 0 1.48-7.76 20.1 20.1 0 0 0-5.73-14 19.43 19.43 0 0 0-6.21-4.32 18.78 18.78 0 0 0-15.18 0 19.44 19.44 0 0 0-6.18 4.32 19.91 19.91 0 0 0-4.19 6.34 19.68 19.68 0 0 0-1.51 7.66Zm-20 19.11a1.94 1.94 0 0 0 .6.65 1.75 1.75 0 0 0 1 .3h.48a1.84 1.84 0 0 0 1-.3 2.08 2.08 0 0 0 .59-.65l17.44-35.83a1.64 1.64 0 0 0 .13-1.6 1.56 1.56 0 0 0-1.46-.68h-7.43a3.89 3.89 0 0 0-1.35.16 1.68 1.68 0 0 0-.94.89l-8.2 17.72h-.19l-7.67-17.77a2 2 0 0 0-.6-.75 1.89 1.89 0 0 0-1.11-.3h-8.29a1.46 1.46 0 0 0-1.41.68 1.76 1.76 0 0 0 .08 1.6Zm-55.62-1.81a1.91 1.91 0 0 0 1.81 1.81h7.05a3.1 3.1 0 0 0 1.87-.41 1.62 1.62 0 0 0 .51-1.4v-21a8.29 8.29 0 0 1 1.11-2 10.08 10.08 0 0 1 1.86-1.94 9.81 9.81 0 0 1 2.64-1.46 10.05 10.05 0 0 1 3.35-.57 7.21 7.21 0 0 1 3.89 1 6.13 6.13 0 0 1 2.41 2.79 10.22 10.22 0 0 1 .84 4.3v18.87a1.83 1.83 0 0 0 .51 1.26 1.78 1.78 0 0 0 1.3.56h7.81a1.82 1.82 0 0 0 1.27-.56 1.77 1.77 0 0 0 .54-1.26V47.94a25.79 25.79 0 0 0-1-7.15 18 18 0 0 0-3-6.05 14.07 14.07 0 0 0-5.15-4.19 18 18 0 0 0-7.77-1.61 18.49 18.49 0 0 0-5 .66 19.28 19.28 0 0 0-3.94 1.57 18.38 18.38 0 0 0-2.84 1.86 17.58 17.58 0 0 0-1.67 1.52l-1.34-3.53a2.12 2.12 0 0 0-.59-.83 1.64 1.64 0 0 0-1-.32h-3.62a1.81 1.81 0 0 0-1.25.51 1.79 1.79 0 0 0-.56 1.3Zm-17.17 0a1.91 1.91 0 0 0 1.81 1.81h7.98a1.9 1.9 0 0 0 1.81-1.81v-34.5a1.8 1.8 0 0 0-.56-1.3 1.82 1.82 0 0 0-1.25-.5h-7.91a1.81 1.81 0 0 0-1.81 1.81Zm5.62-43.16a6.7 6.7 0 0 0 5.77-3.26 6.54 6.54 0 0 0 0-6.64 6.56 6.56 0 0 0-2.38-2.35 6.64 6.64 0 0 0-3.38-.91 6.3 6.3 0 0 0-3.29.91 6.61 6.61 0 0 0 0 11.34 6.25 6.25 0 0 0 3.32.9ZM330.22 69a6.71 6.71 0 0 0 5.77-3.25 6.55 6.55 0 0 0 0-6.64 6.57 6.57 0 0 0-2.38-2.35 6.64 6.64 0 0 0-3.38-.91 6.3 6.3 0 0 0-3.29.91 6.61 6.61 0 0 0 0 11.34 6.25 6.25 0 0 0 3.28.9Zm77-20a21.21 21.21 0 0 0 1.45 7.75 19.82 19.82 0 0 0 4 6.37 18.83 18.83 0 0 0 6.18 4.3 19.85 19.85 0 0 0 7.88 1.59 23.35 23.35 0 0 0 5.73-.7 20 20 0 0 0 4.76-1.88 17.64 17.64 0 0 0 3.7-2.67 1.56 1.56 0 0 0 .65-1.27 1.75 1.75 0 0 0-.56-1.21l-3.91-4.48a1.37 1.37 0 0 0-1.13-.51 3.17 3.17 0 0 0-1.35.51 13.38 13.38 0 0 1-7.4 2.39 9.23 9.23 0 0 1-3.71-.75 8.67 8.67 0 0 1-2.83-1.94 8.87 8.87 0 0 1-1.83-2.67 8.69 8.69 0 0 1-.78-2.94h24.39a1.87 1.87 0 0 0 1.19-.46 1.75 1.75 0 0 0 .62-1.16c0-.37.09-.79.13-1.29s.06-.94.06-1.29a18.5 18.5 0 0 0-1.4-7.11 17.21 17.21 0 0 0-3.84-5.64 17.56 17.56 0 0 0-5.67-3.69 18.52 18.52 0 0 0-6.93-1.31 19 19 0 0 0-7.81 1.62 18.66 18.66 0 0 0-6.16 4.38 20 20 0 0 0-4 6.37 20.9 20.9 0 0 0-1.43 7.63Z"/></svg> </a>  </div> <div class="hidden ml-auto sm:block sm:mr-4 sm:ml-0 lg:mr-0 lg:ml-auto">  <nav> <ul class="flex items-center space-x-1"> <li class="relative text-xs leading-none">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-white text-black focus-visible:ring-white border border-lightgray py-2.5 px-6 " href="https://app.involve.me/login" id="button_tracking-id_login_nav-bar" > Login <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </li> <li class="relative text-xs leading-none">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 " href="https://app.involve.me/register" id="button_tracking-id_register_nav-bar" > Try for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </li> </ul> </nav>  </div> </div> </header>   <main class="pt-0 mt-0 max-w-[1660px] m-tutorials bg-white mx-auto shadow-2xl w-full content-p-ai-generation " id="content"> <div class="relative grid gap-12 overflow-hidden opener-py bg-offwhite">  <style> .opener-py { padding-top: 0rem; /* Override header padding property */ } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake-element { animation: shake 0.8s; /* duration */ animation-timing-function: ease-in-out; } </style> <section x-data="{ inputValue: '', inputError: false, validURL(str) { const pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|'+ // domain name '((\\d{1,3}\\.){3}\\d{1,3}))'+ // OR ip (v4) address '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // port and path '(\\?[;&a-z\\d%_.~+=-]*)?'+ // query string '(\\#[-a-z\\d_]*)?$','i'); // fragment locator return !!pattern.test(str); }, redirectTo(){ if(!this.validURL(this.inputValue)){ this.inputError = true; return; } let url = 'https://app.involve.me/create-with-ai?ref=https%3A%2F%2Fwww.involve.me%2Fai'; let formedUrl = ''; if (url.includes('?')) { formedUrl = `${url}&domain=${encodeURIComponent(this.inputValue)}`; } else { formedUrl = `${url}?domain=${encodeURIComponent(this.inputValue)}`; } window.location.href = formedUrl; return; } }" x-init="$watch('inputValue', value => inputError = false)"> <div class="relative w-full h-[90vh] overflow-hidden"> <div style="background: linear-gradient(to bottom, #ffffff, #84cdb8);" class="absolute w-full h-full opacity-90"></div> <div class="flex items-center justify-center h-screen"> <div class="mb-4 header-content w-full max-w-2xl mx-auto space-y-8 mt-[-100px]"> <div class="relative flex flex-col items-center justify-center w-full h-full mx-auto text-center"> <p class="mt-2 leading-relaxed max-w-lg mb-2 text-[22px] font-[100]" style="color: #000000;">Branded funnels in less than a minute</p> <h1 id="headline-pcreate-interactive-lead-funnels-for-any-website-uwith-aiu-p" class="mb-4 decorative-underline text-[38px] leading-[35px] lg:text-[68px] lg:leading-[60px] font-[900] px-1" style="color: ;"><p>Create interactive lead funnels for any website <u>with AI</u> ✨</p></h1> </div> <div class="mx-2 mt-8 flex justify-center"> <div :class="inputError ? 'border-2 shadow-xl border-red-500 shake-element' : ''" class="z-30 bg-white w-full rounded-[24px] flex flex-wrap justify-between items-center p-[12px] relative"> <div class='sm:mx-0 mx-auto grow'> <i class='fal fa-globe mt-1 text-gray-400' aria-hidden='true'></i> <input @pageshow.window="inputValue = $el.value" @keyup.enter="redirectTo()" type='url' x-model="inputValue" required name="domain" placeholder="Add your website URL" class="ml-[-0.2rem] w-[80%] md:w-[90%] lg:w-11/12 placeholder:text-gray-400 focus:ring-0 focus:outline-none focus:border-transparent py-[12px] pr-[8px] border-0"> </div> <div class='sm:mx-0 sm:w-auto mx-auto' x-on:click="redirectTo();"> <button class="ai-generation-step1 hover:!bg-[#3680ff] !translate-y-0 !font-bold !gap-[8px] involveme_popup text-white !py-[12px] sm:!py-[18px] !px-[12px] !rounded-[12px] flex items-center" > <i class='fas fa-sparkles pointer-events-none text-white' aria-hidden='true'></i> Generate For Free </button> </div> </div> </div> <div class="relative flex justify-center gap-x-2"> <img src='https://cms.involve.me/frame-174.png' class="h-8 max-w-[8rem]" alt="Reviewer icons" /> <span class="text-[18px] flex items-center" style="color: #000000;"> Join +3500 businesses </span> </div> </div> </div> <svg class="absolute right-0 z-0 hidden w-1/3 -translate-y-[20%] top-1/4 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 778.118 778.878"><g data-name="Gruppe 282"><g fill="none" stroke="#1e1c21" data-name="Gruppe 281" opacity=".094"><path d="M290.892.5c160.379 0 290.392 130.013 290.392 290.392S451.271 581.284 290.892 581.284.5 451.271.5 290.892 130.513.5 290.892.5" data-name="Pfad 1"/><path d="M291.197 291.957h486.421v486.421H291.197z" data-name="Rechteck 110"/><path d="M581.299 292.051c-.643 159.809-130.29 289.064-290.1 289.223V292.051Z" data-name="Pfad 2"/></g></g></svg> </div> <div class="relative -mt-[4.5rem] w-full max-w-4xl mx-auto"> <div> <div id="video_thumbnail" x-on:click="() => { document.getElementById('video_thumbnail').style.display = 'none'; document.getElementById('video_player').style.display = 'block'; if(document.getElementById('main_video_player')) { document.getElementById('main_video_player').play(); } }" class="relative z-40 w-full overflow-hidden cursor-pointer rounded-xl">  <picture> <source srcset=" /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/582158717bf231bbd727c6ca34734102.webp 320w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/3e62bda752582500a2a215f46552b18c.webp 480w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/e6da544a3ddd5695159033a409807a54.webp 640w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/94f962c78ece43e17711fa3ca7f6265e.webp 768w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/c0d277549649e7c247c86d5a72b29c1a.webp 1024w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/646c939ff46dd9d4cb08ab80432fcd32.webp 1280w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/af30b734967b23e7b07c337f8b616f92.webp 1440w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/2a2c3801756d799b35fdc11804c38861.webp 1536w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/ac64441b7eac49e6d43d3e2c631fe5c9.webp 1680w, " sizes="(min-width: 768px) 90vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/1eac9ba0f182f4674d45f0569bbf27c1.png 320w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/548ef6166f0182f0bfcfda7c21f4e3c2.png 480w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/1c3b70b73da3ebbedbc5995b6b9fa7ae.png 640w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/b66ec0e13199ec64ad7b31e371e547d3.png 768w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/3b0d6fb5250cca9da4ecb5feaffa03cf.png 1024w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/03650bcb56d8394a9c3ed1c42dc7cbd9.png 1280w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/d77d2d57b52eb6db4e310eb63ca65614.png 1440w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/c0b4eb7272aafdb989da24e7391faeec.png 1536w, /img/containers/assets/ai-generator_thumbnail_2_compressed2.png/83d175d80ba84313b352c094c1245a02.png 1680w, " sizes="(min-width: 768px) 90vw, 90vw" type="image/png"> <img width="1645" height="1080" src="/img/containers/assets/ai-generator_thumbnail_2_compressed2.png/89f0971674568ab87b1d026c7cb06d8e.png" alt="AI form builder." class="relative z-30 w-full h-full" loading="lazy" > </picture>  <div style="border: 2px solid #ffffff;" class="absolute z-30 flex items-center justify-center p-4 transform -translate-x-1/2 -translate-y-1/2 rounded-full cursor-pointer top-1/2 left-1/2"> <svg class="relative z-40 w-16 h-16" style="fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.5 5.653c0-1.426 1.529-2.33 2.779-1.643l11.54 6.348c1.295.712 1.295 2.573 0 3.285L7.28 19.991c-1.25.687-2.779-.217-2.779-1.643V5.653z" clip-rule="evenodd"/></svg> </div> </div> <div id='video_player' class='hidden'> <video id='main_video_player' autoplay controls class="rounded-xl w-full h-[80vh] object-cover"> <source src="https://cms.involve.me/slackaisurvey2-1708001954.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video> </div> </div> </div> </section>  </div> <div class="content-sections"> <section class=" relative"> <div class=" text-black w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-section-intro" class="max-w-xl mx-auto space-y-3 text-center">  <h2 id="headline-" class="font-bold font-highlight text-inherit text-base font-normal text-neutral" > </h2>   <h3 id="headline-pupopularu-funnel-use-casesp" class="font-bold font-highlight text-primary text-xl"> <p><u>Popular</u> funnel use cases</p> </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > With the AI funnel generator, you can effortlessly create hight-converting lead funnels with form, survey & quiz elements. </p>  </div>   <div id="section-image-accordion" class="c-image-accordion fluid-container" x-data="{ selectedId: '1', tabsHeight: 0, select(id) { this.selectedId = id }, isSelected(id) { return this.selectedId === id }, }" x-cloak> <div class="relative z-30 grid items-center justify-center lg:justify-between gap-y-8 md:gap-y-0 lg:grid-cols-2 lg:gap-12 "> <div x-ref="images" class="sm:h-[35rem] lg:h-[38rem] flex justify-center items-center"> <div class="relative flex items-center justify-center w-full max-w-lg lg:max-w-[40vw] 2xl:max-w-[45vw] c-image-accordion-image" id="1" x-show="isSelected($el.id)">  <picture> <source srcset=" /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/3f7953b6e32c7b81d92607adbebcbaae/b2b-lead-magnet-thumbail.webp 320w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/c11b611b2b332c7b002776cd8ced840a/b2b-lead-magnet-thumbail.webp 480w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/ff57388b4ab679eddcd5420658b41751/b2b-lead-magnet-thumbail.webp 640w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/20bcaca34352f75362fcc1f6e3533744/b2b-lead-magnet-thumbail.webp 768w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/f98ce803eb05140a70d9ff317490202e/b2b-lead-magnet-thumbail.webp 1024w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/721e3012c5504ba21155be09756dac29/b2b-lead-magnet-thumbail.webp 1280w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/e7dd7efc2d0179d539d7a5e8e2aee969/b2b-lead-magnet-thumbail.webp 1440w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/4f110fb0c4d93c4a7b1aa76a8948a047/b2b-lead-magnet-thumbail.webp 1536w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/58a12003835c857271367770b946c401/b2b-lead-magnet-thumbail.webp 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/a9e8a41998e92e54f06be63a1277922c/b2b-lead-magnet-thumbail.png 320w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/12102e27333d958b0f54c56e8e93f691/b2b-lead-magnet-thumbail.png 480w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/0f0cfa7b02926662b39496c354b9bb2b/b2b-lead-magnet-thumbail.png 640w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/dad8d33474075a9f86d1fbba87b18e52/b2b-lead-magnet-thumbail.png 768w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/131c7beea328a831de380201a660f002/b2b-lead-magnet-thumbail.png 1024w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/401b9d666845940f61d717a2af675253/b2b-lead-magnet-thumbail.png 1280w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/67a892985158efe280a9015077d37e62/b2b-lead-magnet-thumbail.png 1440w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/f1839679ba8c6fd97317ddac3bc7a090/b2b-lead-magnet-thumbail.png 1536w, /img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/12391f17b193cbc79d98919e8884d9d4/b2b-lead-magnet-thumbail.png 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/png"> <img width="1200" height="1400" src="/img/containers/assets/build-email-lists/b2b-lead-magnet-thumbail.png/a3eede9a0e05bb36e66237eea278499a/b2b-lead-magnet-thumbail.png" alt="B2B Lead Magnet." class="left-0 top-0 w-full h-full transform lg:scale-[115%]" loading="lazy" > </picture>  </div> <div class="relative flex items-center justify-center w-full max-w-lg lg:max-w-[40vw] 2xl:max-w-[45vw] c-image-accordion-image" id="2" x-show="isSelected($el.id)">  <picture> <source srcset=" /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/817625e805fdfdfdfe101d10f570a39e/appointment-funnel-thumb.webp 320w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/3ecb3b0c871e8c7cdcd0c4fcbbc4e326/appointment-funnel-thumb.webp 480w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/f68182ebe50b75a31858bebcedfe3398/appointment-funnel-thumb.webp 640w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/5cd0f85583411fdcc1602072cef60a76/appointment-funnel-thumb.webp 768w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/fd5e5c846bc5b0dd083072fbc2d0b0c7/appointment-funnel-thumb.webp 1024w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/194dfc2ec7bae3187b8e6145e6aace92/appointment-funnel-thumb.webp 1280w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/0cc24e11d49d2faa9f4d678ee7c6db62/appointment-funnel-thumb.webp 1440w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/b930844d52fd0aa3476a1a9cd1ffa3c0/appointment-funnel-thumb.webp 1536w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/eb919a40e55c925a009534ec99e1e290/appointment-funnel-thumb.webp 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/9c0300240e13b4289a3456e155b757de/appointment-funnel-thumb.png 320w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/62243e7e0236e068eca2f72b21cbb62e/appointment-funnel-thumb.png 480w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/96f44e33209de87cabe0299b8474a328/appointment-funnel-thumb.png 640w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/5624d5481f67123d07920debaced4e4a/appointment-funnel-thumb.png 768w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/3f187c14f2163f7c59f6d95311d27f3c/appointment-funnel-thumb.png 1024w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/00bb67fc792d28979230e66208374404/appointment-funnel-thumb.png 1280w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/5d1d12bc6435c368fe0f2c7fa23c847e/appointment-funnel-thumb.png 1440w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/a8d04da4cdb2dc7da4c5fe4e62b46385/appointment-funnel-thumb.png 1536w, /img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/a38feece984e2efb464bfac0bbc59af4/appointment-funnel-thumb.png 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/png"> <img width="1200" height="1400" src="/img/containers/assets/book-qualified-sales-appointments/appointment-funnel-thumb.png/7c84768bdd3263bfd43c6dfbe5d179c1/appointment-funnel-thumb.png" alt="Appointment Funnel Thumbnail." class="left-0 top-0 w-full h-full transform lg:scale-[115%]" loading="lazy" > </picture>  </div> <div class="relative flex items-center justify-center w-full max-w-lg lg:max-w-[40vw] 2xl:max-w-[45vw] c-image-accordion-image" id="3" x-show="isSelected($el.id)">  <picture> <source srcset=" /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/277195bd54107dbbc2ad5581ead27361/hr_accordion_recruitment-funnel-%281%29.webp 320w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/223b46d967bfa0371f8e8ee0f3105c77/hr_accordion_recruitment-funnel-%281%29.webp 480w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/c6fe6e6295fb2f6c229cf199fd60354c/hr_accordion_recruitment-funnel-%281%29.webp 640w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/2763583e24d5763248756451f8140389/hr_accordion_recruitment-funnel-%281%29.webp 768w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/51eb6591281a002374e635d0753379ff/hr_accordion_recruitment-funnel-%281%29.webp 1024w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/9e4bceadcf25467a6fd73e11b75960a4/hr_accordion_recruitment-funnel-%281%29.webp 1280w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/d29ec0d501c516dc18d04d59db5437a2/hr_accordion_recruitment-funnel-%281%29.webp 1440w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/63c468c08fc0c1edf8a99c9eb993dfa1/hr_accordion_recruitment-funnel-%281%29.webp 1536w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/40cf45bb4eeca1212cee99dd71f25fe2/hr_accordion_recruitment-funnel-%281%29.webp 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/15ebf6bb71046c32866e719a1c8dcd18/hr_accordion_recruitment-funnel-%281%29.png 320w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/ba4a07d8bc29e448c8487c416214dde3/hr_accordion_recruitment-funnel-%281%29.png 480w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/a763eb042de189413beed416574efdb7/hr_accordion_recruitment-funnel-%281%29.png 640w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/4c25c8431da279f1654331e9bd003de8/hr_accordion_recruitment-funnel-%281%29.png 768w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/05186d490fe301aea177a2a1b372885d/hr_accordion_recruitment-funnel-%281%29.png 1024w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/c11c472f96153e279ca97265685d3f42/hr_accordion_recruitment-funnel-%281%29.png 1280w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/be7dc2095755f7a00fc418844089a138/hr_accordion_recruitment-funnel-%281%29.png 1440w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/c7a8eeb045708804ba25d7f0eb696fe0/hr_accordion_recruitment-funnel-%281%29.png 1536w, /img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/ba134d0e6893d3cb2e1f2adb0b9a22a7/hr_accordion_recruitment-funnel-%281%29.png 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/png"> <img width="1200" height="1400" src="/img/containers/assets/hr---social-recruiting/hr_accordion_recruitment-funnel-%281%29.png/b1e483cf0793403b8b324cbc3de830b3/hr_accordion_recruitment-funnel-%281%29.png" alt="." class="left-0 top-0 w-full h-full transform lg:scale-[115%]" aria-hidden="true" loading="lazy" > </picture>  </div> </div> <ul x-ref="tabs" class="w-full max-w-sm mx-auto space-y-6 lg:mr-0 m-image-accordion-tabs lg:w-96 lg:mt-0" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" x-ref="tablist" role="tablist"> <li x-ref="tab" class="w-full px-6 " id="1" :class="isSelected($el.id) ? 'bg-lightneutral mb-4 text-black rounded-xl space-y-4 !p-6' : ' text-neutral'"> <h3 class="text-lg font-bold font-highlight"> <button class="text-left" id="1" @focus="select($el.id)" @focus="select($el.id)" :aria-selected="isSelected($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" type="button" @click="select($el.id)" @mousedown.prevent role="tab"> Lead Magnet </button> </h3> <div class="space-y-4 text-left" id="1" x-show="isSelected($el.id)" x-collapse>  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Create conversion-focused lead magnets that allow website visitors to submit their contact details and get your branded PDF or e-book delivered instantly to their inbox. </p>  </div> </li> <li x-ref="tab" class="w-full px-6 " id="2" :class="isSelected($el.id) ? 'bg-lightneutral mb-4 text-black rounded-xl space-y-4 !p-6' : ' text-neutral'"> <h3 class="text-lg font-bold font-highlight"> <button class="text-left" id="2" @focus="select($el.id)" @focus="select($el.id)" :aria-selected="isSelected($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" type="button" @click="select($el.id)" @mousedown.prevent role="tab"> Appointment Funnel </button> </h3> <div class="space-y-4 text-left" id="2" x-show="isSelected($el.id)" x-collapse>  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Empower your sales team with our proven appointment funnel. Capture qualified leads, book more calls, grow your pipeline, and close deals effortlessly on autopilot. </p>  </div> </li> <li x-ref="tab" class="w-full px-6 " id="3" :class="isSelected($el.id) ? 'bg-lightneutral mb-4 text-black rounded-xl space-y-4 !p-6' : ' text-neutral'"> <h3 class="text-lg font-bold font-highlight"> <button class="text-left" id="3" @focus="select($el.id)" @focus="select($el.id)" :aria-selected="isSelected($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" type="button" @click="select($el.id)" @mousedown.prevent role="tab"> Recruitment Funnel </button> </h3> <div class="space-y-4 text-left" id="3" x-show="isSelected($el.id)" x-collapse>  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Attract top talents using interactive application funnels that score applicants based on their answers and guide them to outcomes aligned with their qualifications. </p>  </div> </li> </ul> </div> </div>   <style> @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake-element { animation: shake 0.8s; /* duration */ animation-timing-function: ease-in-out; } </style> <div x-data="{ inputValue: '', inputError: false, validURL(str) { const pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|'+ // domain name '((\\d{1,3}\\.){3}\\d{1,3}))'+ // OR ip (v4) address '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // port and path '(\\?[;&a-z\\d%_.~+=-]*)?'+ // query string '(\\#[-a-z\\d_]*)?$','i'); // fragment locator return !!pattern.test(str); }, redirectTo(){ if(!this.validURL(this.inputValue)){ this.inputError = true; return; } let url = 'https://app.involve.me/create-with-ai?ref=https%3A%2F%2Fwww.involve.me%2Fai'; let formedUrl = ''; if (url.includes('?')) { formedUrl = `${url}&domain=${encodeURIComponent(this.inputValue)}`; } else { formedUrl = `${url}?domain=${encodeURIComponent(this.inputValue)}`; } window.location.href = formedUrl; return; } }" x-init="$watch('inputValue', value => inputError = false)" class="relative md:min-w-[500px] mx-auto mb-8 p-8 rounded-lg shadow-xl" style="background-color: #244555;" > <div class="absolute transform scale-[65%] -translate-x-full -translate-y-3/4 lg:scale-[90%] left-16 lg:left-2 top-2/3 lg:top-1/2 rotate-12"> <svg xmlns="http://www.w3.org/2000/svg" width="456" height="221" viewBox="0 0 456 221" fill="none"><path d="M5.12086 86.6123C68.0184 122.424 372.065 49.3683 278.75 139.358C185.435 229.348 343.645 109.951 449.63 126.088" stroke="url(#paint0_linear_103_10)" stroke-width="3"/><path d="M438.93 111.863L450.067 126.116L435.813 137.252" stroke="#29DEC7" stroke-width="3"/><defs><linearGradient id="paint0_linear_103_10" x1="437.116" y1="172.792" x2="14.5" y2="82" gradientUnits="userSpaceOnUse"><stop stop-color="#29DEC7"/><stop offset="1" stop-color="#29DEC7" stop-opacity="0"/></linearGradient></defs></svg> </div> <div class="flex items-center justify-center h-full"> <div class="mb-4 header-content w-full max-w-2xl mx-auto space-y-8"> <div class="flex flex-col items-center justify-center w-full mx-auto text-center"> <h2 id="headline-content-pcreate-your-funnel-with-aip-d518d" class="mb-2 decorative-underline text-[30px] leading-[27px] lg:text-[40px] lg:leading-[30px] font-[800] px-1" style="color: #ffffff;"><p>Create your funnel with AI</p></h2> </div> <div class="mx-2 mt-4 flex justify-center"> <div :class="inputError ? 'border-2 shadow-xl border-red-500 shake-element' : ''" class="z-30 bg-white w-full rounded-[24px] flex flex-wrap justify-between items-center p-[12px] relative"> <div class='sm:mx-0 mx-auto grow'> <i class='fa-light fa-globe mt-1 text-gray-400' aria-hidden='true'></i> <input @pageshow.window="inputValue = $el.value" @keyup.enter="redirectTo()" type='url' x-model="inputValue" required name="" placeholder="Add your website URL" class="ml-[-0.2rem] w-[80%] md:w-[90%] lg:w-11/12 placeholder:text-gray-400 focus:ring-0 focus:outline-none focus:border-transparent py-[12px] pr-[8px] border-0" style="color: #000000 !important;" > </div> <div class='sm:mx-0 sm:w-auto mx-auto' x-on:click="redirectTo();"> <button class="ai-generation-step1 hover:!bg-[#3680ff] !translate-y-0 !font-bold !gap-[8px] involveme_popup text-white !py-[12px] sm:!py-[18px] !px-[12px] !rounded-[12px] flex items-center" > <span class='pointer-events-none svg-span'> <i class='fa-solid fa-sparkles pointer-events-none button-icon-class' aria-hidden='true'></i> </span> Generate for Free </button> </div> </div> </div> </div> </div> </div> <style> .svg-span svg.button-icon-class path { fill: ; stroke: ; } </style>  </div>  <picture> <img class="absolute inset-0 bottom-0 z-0 w-full h-full" src="https://cms.involve.me/backgrounds/red-bottom-left-green-right.svg" alt="gradient." width="1920" height="1080" /> </picture>  </section> <section class=" rounded-3xl overflow-hidden -my-4 relative z-40 relative"> <div class=" bg-bluegray text-lightneutral w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-section-intro" class="max-w-xl mx-auto space-y-3 text-center">  <h2 id="headline-ai-powered-lead-funnels" class="font-bold font-highlight text-inherit text-base font-normal text-neutral" > AI-Powered Lead Funnels </h2>   <h3 id="headline-phow-does-the-uai-generationu-workp" class="font-bold font-highlight text-primary text-xl"> <p>How does the <u>AI generation</u> work?</p> </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " > </p>  </div>   <div id="section-text-with-media" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3><strong>Step 1: Insert website URL</strong></h3><p>Simply paste your website's URL, and let the AI funnel builder capture your company's branding elements — fonts, logo, and colors. Our AI uses these assets to personalize the look & feel of the funnels you generate with just one click.</p> </div>  </article>  </div> <div class="relative order-first w-full max-w-md xl:max-w-lg lg:px-0 md:col-span-7 lg:col-span-1 md:order-last">  <picture> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step02.png/7ac3e4e901a48e402f786c664f644578.webp 320w, /img/containers/assets/ai-generation/ai-generation_step02.png/c61ad2989b9b8839df56aee9037c191e.webp 480w, /img/containers/assets/ai-generation/ai-generation_step02.png/8ce5ef3704c1b794fa4cacaa4502da87.webp 640w, /img/containers/assets/ai-generation/ai-generation_step02.png/ad31939a8da2890b4a913053be0db97f.webp 768w, /img/containers/assets/ai-generation/ai-generation_step02.png/edf9948c6012e6f7d70ddeed25bb30da.webp 1024w, /img/containers/assets/ai-generation/ai-generation_step02.png/b036fda9642e5fa2728e1b76e29dbf21.webp 1280w, /img/containers/assets/ai-generation/ai-generation_step02.png/b6b1e4fe62bfebd2642e5c8d22bcfebb.webp 1440w, /img/containers/assets/ai-generation/ai-generation_step02.png/f51689ceff36c9b19c9035aab5b9cafe.webp 1536w, /img/containers/assets/ai-generation/ai-generation_step02.png/10b71fb9a63456518db2185753cfa144.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step02.png/5cd838598f43f7418fbd52ce449f7e46.png 320w, /img/containers/assets/ai-generation/ai-generation_step02.png/3fdb18c4e47b42a1854faff93cfad25d.png 480w, /img/containers/assets/ai-generation/ai-generation_step02.png/77472faec8cb5b68f8c0cab15218f29a.png 640w, /img/containers/assets/ai-generation/ai-generation_step02.png/1906c5bc764b32bdd33a0984183b9812.png 768w, /img/containers/assets/ai-generation/ai-generation_step02.png/adf77fdaad04236120988ffaa30c6e82.png 1024w, /img/containers/assets/ai-generation/ai-generation_step02.png/66f6842e2bb5ce6fad7f73dbc286cada.png 1280w, /img/containers/assets/ai-generation/ai-generation_step02.png/bb6d543591455844d8c45f06a6f464ab.png 1440w, /img/containers/assets/ai-generation/ai-generation_step02.png/eaf4b47c00636afa3facb99e2084f2b4.png 1536w, /img/containers/assets/ai-generation/ai-generation_step02.png/0b2e94e805a964f7573300c98eeaf259.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="1252" height="886" src="/img/containers/assets/ai-generation/ai-generation_step02.png/415eab848f233cb9ed0056eeab728e43.png" alt="AI form generation." class="h-full mx-auto " loading="lazy" > </picture>  </div> </div>   <div id="section-media-with-text" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="relative w-full max-w-md lg:px-0 md:col-span-7 lg:col-span-1 xl:max-w-lg">  <picture> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step01.png/a7da49aef87d1d3d6684e0b78bc2dc60.webp 320w, /img/containers/assets/ai-generation/ai-generation_step01.png/31e3c49a269648ec285cf52b29384786.webp 480w, /img/containers/assets/ai-generation/ai-generation_step01.png/76363e1c3e02225811ba8d9519c4319e.webp 640w, /img/containers/assets/ai-generation/ai-generation_step01.png/d721c93f062fe0c20b5750832c830d6d.webp 768w, /img/containers/assets/ai-generation/ai-generation_step01.png/1be30301f3f962221c6a3e932ac64390.webp 1024w, /img/containers/assets/ai-generation/ai-generation_step01.png/23605a8b31d4f46222a6e16b8a980183.webp 1280w, /img/containers/assets/ai-generation/ai-generation_step01.png/3b5fc64368e7371ef432c9394cbd3a27.webp 1440w, /img/containers/assets/ai-generation/ai-generation_step01.png/6d733bce7c5aa4c5bf3b0f20a80b72cb.webp 1536w, /img/containers/assets/ai-generation/ai-generation_step01.png/5d7f4fc17d7ab3f281aaf0fcd9fa89d7.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step01.png/0f396ffa891ebffc279f19ff1c6d72d5.png 320w, /img/containers/assets/ai-generation/ai-generation_step01.png/70b9b443c673f797d095da7329c672a6.png 480w, /img/containers/assets/ai-generation/ai-generation_step01.png/0a13bbc2848651ede42133cd2384bbfe.png 640w, /img/containers/assets/ai-generation/ai-generation_step01.png/fa358f51d3510a1f73737286b7a45e15.png 768w, /img/containers/assets/ai-generation/ai-generation_step01.png/ced44e5e607e09c97bfdbbf5060bfb8c.png 1024w, /img/containers/assets/ai-generation/ai-generation_step01.png/fc1fb30ca526c22008001a72849b08b9.png 1280w, /img/containers/assets/ai-generation/ai-generation_step01.png/8560b690ec258b8f846bf34efe90c1ee.png 1440w, /img/containers/assets/ai-generation/ai-generation_step01.png/c3f8a820bb868ce0be98cb525678919c.png 1536w, /img/containers/assets/ai-generation/ai-generation_step01.png/b2db8bc31f6cc8270099b29b4f47a849.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="1252" height="886" src="/img/containers/assets/ai-generation/ai-generation_step01.png/291a875ef8adf4b4b581d4704bac238a.png" alt="AI form generation." class="h-full mx-auto " loading="lazy" > </picture>  </div> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3><strong>Step 2: Define your prompt</strong></h3><p>Tell the AI funnel builder what you're looking for. Your prompt can be as brief or detailed as you prefer. Feel free to tweak your prompt or generate a new funnel until it aligns perfectly with your expectations.</p> </div>  </article>  </div> </div>   <div id="section-text-with-media" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3>Step 3: Select a template style</h3><p>In a matter of seconds, our AI will generate a selection of different branded funnel templates based on your prompt. Check the template styles and select the most fitting one. You can also choose between one or multiple questions per page.</p> </div>  </article>  </div> <div class="relative order-first w-full max-w-md xl:max-w-lg lg:px-0 md:col-span-7 lg:col-span-1 md:order-last">  <picture> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step03.png/6a349f1c14a06a662d747185d1113f71.webp 320w, /img/containers/assets/ai-generation/ai-generation_step03.png/3e47c3139f1ac50f7e83b8c4ebc73da1.webp 480w, /img/containers/assets/ai-generation/ai-generation_step03.png/33f403a0a0ec7e3f242b1c9366192dd0.webp 640w, /img/containers/assets/ai-generation/ai-generation_step03.png/cd170e1dd756cc028637fc90e2338eca.webp 768w, /img/containers/assets/ai-generation/ai-generation_step03.png/e846f731bfec42a60b3b541d740096cc.webp 1024w, /img/containers/assets/ai-generation/ai-generation_step03.png/f911b22c122068b52ec38dd9bdf68de8.webp 1280w, /img/containers/assets/ai-generation/ai-generation_step03.png/5e1810fd929109bb7dbd579fa367c29b.webp 1440w, /img/containers/assets/ai-generation/ai-generation_step03.png/d5f2a7527a87c8273c600ad6eabc212b.webp 1536w, /img/containers/assets/ai-generation/ai-generation_step03.png/36f1f7f83e9f71314741fb9fffbff122.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step03.png/a9f8cd32506993f5efbb4188223ca391.png 320w, /img/containers/assets/ai-generation/ai-generation_step03.png/4d2b82f2672903355f28d29eb93016ec.png 480w, /img/containers/assets/ai-generation/ai-generation_step03.png/74ff2ee35f628c4a0cb60d4d2c6b551b.png 640w, /img/containers/assets/ai-generation/ai-generation_step03.png/5c3892f8f3f6f6353946cba741c4d3a0.png 768w, /img/containers/assets/ai-generation/ai-generation_step03.png/f4fd6cc6a05e7ed37d5bb8c212cfa60c.png 1024w, /img/containers/assets/ai-generation/ai-generation_step03.png/281eb207519d592e3d8201099b30ad89.png 1280w, /img/containers/assets/ai-generation/ai-generation_step03.png/16af1749f4683281bcd2da60c2eb141e.png 1440w, /img/containers/assets/ai-generation/ai-generation_step03.png/c52b3f4fa9aedc4fc7023a772c71d97d.png 1536w, /img/containers/assets/ai-generation/ai-generation_step03.png/5a031b08f45d27ff1a144d6fcf747a70.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="1252" height="886" src="/img/containers/assets/ai-generation/ai-generation_step03.png/5b82c24beaea9cf75fecdc7b651b6028.png" alt="AI form generation." class="h-full mx-auto " loading="lazy" > </picture>  </div> </div>   <div id="section-media-with-text" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="relative w-full max-w-md lg:px-0 md:col-span-7 lg:col-span-1 xl:max-w-lg">  <picture> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step05.png/a2bce8a0425cff783081061a4d14a27e.webp 320w, /img/containers/assets/ai-generation/ai-generation_step05.png/885b22f5b4844172b8683a78a39f294d.webp 480w, /img/containers/assets/ai-generation/ai-generation_step05.png/8945a09df8542f758a7561176ac90943.webp 640w, /img/containers/assets/ai-generation/ai-generation_step05.png/bd8096bc8d19470afeb04e61d5d9ebe0.webp 768w, /img/containers/assets/ai-generation/ai-generation_step05.png/7ee1c1f9c8324a77d3166e3e85991d17.webp 1024w, /img/containers/assets/ai-generation/ai-generation_step05.png/2e93ac7f4858b21f5515f18713973f16.webp 1280w, /img/containers/assets/ai-generation/ai-generation_step05.png/6c762a3470270565935b154fca47a29a.webp 1440w, /img/containers/assets/ai-generation/ai-generation_step05.png/eed36da2cfc2afb70fcd3ec5ea5fea1c.webp 1536w, /img/containers/assets/ai-generation/ai-generation_step05.png/1b3c0093f8c79217966c96cf6427f69d.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step05.png/d44e36c4994e96a95b5dabe1682b8dbe.png 320w, /img/containers/assets/ai-generation/ai-generation_step05.png/0e41aae61e7b41b94902be41a10b6abf.png 480w, /img/containers/assets/ai-generation/ai-generation_step05.png/ffe95c5624e04d7d53408af52dba342b.png 640w, /img/containers/assets/ai-generation/ai-generation_step05.png/9df61f668609c86f7b65f014dfd31df7.png 768w, /img/containers/assets/ai-generation/ai-generation_step05.png/2b285ac82de353e532c2954fefd79468.png 1024w, /img/containers/assets/ai-generation/ai-generation_step05.png/80c75d6f59f8589b80b2d041f0a3d733.png 1280w, /img/containers/assets/ai-generation/ai-generation_step05.png/7166ea8eeedd4be543bb986125aa8dc9.png 1440w, /img/containers/assets/ai-generation/ai-generation_step05.png/a836519a56cfd9ea17a8ffb32a72318e.png 1536w, /img/containers/assets/ai-generation/ai-generation_step05.png/7e3a0f273fe58066b24a4acd1c4e80df.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="1250" height="886" src="/img/containers/assets/ai-generation/ai-generation_step05.png/cc793d4c08adc5080a5e1523f35fb1bf.png" alt="AI form generation." class="h-full mx-auto " loading="lazy" > </picture>  </div> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3><strong>Step 4: Fine-tune</strong></h3><p>Create a free account on involve.me to edit your funnel to perfection. Incorporate elements like conditional logic, email gating for quiz results, or connect your funnels to tools like Hubspot, ActiveCampaign, or Airtable. Explore our list of <a href="/integrations"><u>50+ integrations</u></a>.</p> </div>  </article>  </div> </div>   <div id="section-text-with-media" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3><strong>Step 5: Share with ease</strong></h3><p>Once satisfied with your funnel, hit publish, navigate to "Share and Embed," and grab the embed code. Easily integrate it into your website as embed or pop-up, share your funnel as a link & QR code, or invite your contacts to it per email.</p> </div>  </article>  </div> <div class="relative order-first w-full max-w-md xl:max-w-lg lg:px-0 md:col-span-7 lg:col-span-1 md:order-last">  <picture> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step04.png/4a75c712a4caa48a46817dc16475eac5.webp 320w, /img/containers/assets/ai-generation/ai-generation_step04.png/06e7a1f431567feec806ec85438b1846.webp 480w, /img/containers/assets/ai-generation/ai-generation_step04.png/8fb0992ed744962767c82c0826d67d1c.webp 640w, /img/containers/assets/ai-generation/ai-generation_step04.png/36eb402c0a67e4491ecf4e53e0810777.webp 768w, /img/containers/assets/ai-generation/ai-generation_step04.png/5b90e65c23025d176e419c1bf5da3c5a.webp 1024w, /img/containers/assets/ai-generation/ai-generation_step04.png/e1bacaed97f2b4738a5d47ea55bd06ba.webp 1280w, /img/containers/assets/ai-generation/ai-generation_step04.png/8197f94bbc5b03f35bd3b25603e2201a.webp 1440w, /img/containers/assets/ai-generation/ai-generation_step04.png/b649e285946386cc30a8f9324a890eb2.webp 1536w, /img/containers/assets/ai-generation/ai-generation_step04.png/17031668a29bf007bdabd98f8c3e9210.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/ai-generation/ai-generation_step04.png/57a3de7990e2a8939d8a19663c9e4461.png 320w, /img/containers/assets/ai-generation/ai-generation_step04.png/0b5f8909269264042dfbc7a01dfbb3ed.png 480w, /img/containers/assets/ai-generation/ai-generation_step04.png/b931f121730f42718fcec84d7219b2c7.png 640w, /img/containers/assets/ai-generation/ai-generation_step04.png/a44bda581b4e834db9965c37ac6d7e30.png 768w, /img/containers/assets/ai-generation/ai-generation_step04.png/1af79ddd4d3242eca902eba89bfbdbbc.png 1024w, /img/containers/assets/ai-generation/ai-generation_step04.png/91d2e636caa4e5e76b87e69d976dd039.png 1280w, /img/containers/assets/ai-generation/ai-generation_step04.png/6cafcf37f4ed8487acdb3364d98ecc9b.png 1440w, /img/containers/assets/ai-generation/ai-generation_step04.png/b1c9b3aff79429f5a566758354c83184.png 1536w, /img/containers/assets/ai-generation/ai-generation_step04.png/765bba45116d173ff43aafce7d6a4d3e.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="1250" height="886" src="/img/containers/assets/ai-generation/ai-generation_step04.png/41b02e6e6e0a5bc1015cccafd7dc771f.png" alt="AI form generation." class="h-full mx-auto " loading="lazy" > </picture>  </div> </div>   <style> @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake-element { animation: shake 0.8s; /* duration */ animation-timing-function: ease-in-out; } </style> <div x-data="{ inputValue: '', inputError: false, validURL(str) { const pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|'+ // domain name '((\\d{1,3}\\.){3}\\d{1,3}))'+ // OR ip (v4) address '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // port and path '(\\?[;&a-z\\d%_.~+=-]*)?'+ // query string '(\\#[-a-z\\d_]*)?$','i'); // fragment locator return !!pattern.test(str); }, redirectTo(){ if(!this.validURL(this.inputValue)){ this.inputError = true; return; } let url = 'https://app.involve.me/create-with-ai?ref=https%3A%2F%2Fwww.involve.me%2Fai'; let formedUrl = ''; if (url.includes('?')) { formedUrl = `${url}&domain=${encodeURIComponent(this.inputValue)}`; } else { formedUrl = `${url}?domain=${encodeURIComponent(this.inputValue)}`; } window.location.href = formedUrl; return; } }" x-init="$watch('inputValue', value => inputError = false)" class="relative md:min-w-[500px] mx-auto" > <div class="absolute transform scale-[65%] -translate-x-full -translate-y-3/4 lg:scale-[90%] left-16 lg:left-2 top-2/3 lg:top-1/2 rotate-12"> <svg xmlns="http://www.w3.org/2000/svg" width="456" height="221" viewBox="0 0 456 221" fill="none"><path d="M5.12086 86.6123C68.0184 122.424 372.065 49.3683 278.75 139.358C185.435 229.348 343.645 109.951 449.63 126.088" stroke="url(#paint0_linear_103_10)" stroke-width="3"/><path d="M438.93 111.863L450.067 126.116L435.813 137.252" stroke="#29DEC7" stroke-width="3"/><defs><linearGradient id="paint0_linear_103_10" x1="437.116" y1="172.792" x2="14.5" y2="82" gradientUnits="userSpaceOnUse"><stop stop-color="#29DEC7"/><stop offset="1" stop-color="#29DEC7" stop-opacity="0"/></linearGradient></defs></svg> </div> <div class="flex items-center justify-center h-full"> <div class="mb-4 header-content w-full max-w-2xl mx-auto space-y-8"> <div class="mx-2 mt-4 flex justify-center"> <div :class="inputError ? 'border-2 shadow-xl border-red-500 shake-element' : ''" class="z-30 bg-white w-full rounded-[24px] flex flex-wrap justify-between items-center p-[12px] relative"> <div class='sm:mx-0 mx-auto grow'> <i class='fal fa-globe mt-1 text-gray-400' aria-hidden='true'></i> <input @pageshow.window="inputValue = $el.value" @keyup.enter="redirectTo()" type='url' x-model="inputValue" required name="domain" placeholder="Add your website URL" class="ml-[-0.2rem] w-[80%] md:w-[90%] lg:w-11/12 placeholder:text-gray-400 focus:ring-0 focus:outline-none focus:border-transparent py-[12px] pr-[8px] border-0" style="color: #000000 !important;" > </div> <div class='sm:mx-0 sm:w-auto mx-auto' x-on:click="redirectTo();"> <button class="ai-generation-step1 hover:!bg-[#3680ff] !translate-y-0 !font-bold !gap-[8px] involveme_popup text-white !py-[12px] sm:!py-[18px] !px-[12px] !rounded-[12px] flex items-center" > <span class='pointer-events-none svg-span'> <i class='fas fa-sparkles pointer-events-none button-icon-class' aria-hidden='true'></i> </span> Generate For Free </button> </div> </div> </div> </div> </div> </div> <style> .svg-span svg.button-icon-class path { fill: ; stroke: ; } </style>  </div>   </section> <section class=" relative"> <div class=" text-black w-full pt-20 lg:pt-24 !pb-0 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-section-intro" class="max-w-xl mx-auto space-y-3 text-center">  <h2 id="headline-process-workflow-automation" class="font-bold font-highlight text-inherit text-base font-normal text-neutral" > Process & Workflow Automation </h2>   <h3 id="headline-pautomate-funnel-building-amp-analytics-uwith-aiu-p" class="font-bold font-highlight text-primary text-xl"> <p>Automate Funnel Building & Analytics <u>with AI</u> 🪄</p> </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > </p>  </div>   <div class="grid gap-8 place-items-center fluid-container mx-auto w-full lg:grid-cols-12 " >  <figure class="not-prose mx-auto flex flex-col items-center size-lg "">  <picture> <source srcset=" /img/containers/assets/ai-generation/ai-process-gradient.png/a311281f5a66b366a29706a8d35d020d.webp 320w, /img/containers/assets/ai-generation/ai-process-gradient.png/0475b484acdd301e4a776149944bf8d4.webp 480w, /img/containers/assets/ai-generation/ai-process-gradient.png/391510e93efd9cbf3334c03c953526e5.webp 640w, /img/containers/assets/ai-generation/ai-process-gradient.png/c75e7016b76ec11b0dbb637907a1060a.webp 768w, /img/containers/assets/ai-generation/ai-process-gradient.png/891c8d75ecd883deb09b47433df807a6.webp 1024w, /img/containers/assets/ai-generation/ai-process-gradient.png/2e7b60fd241505cf600d58c09da0ce94.webp 1280w, /img/containers/assets/ai-generation/ai-process-gradient.png/c04f302d0cf505353a3beed1065d62de.webp 1440w, /img/containers/assets/ai-generation/ai-process-gradient.png/68153e26da666d3dea7cf2cbf90255ab.webp 1536w, /img/containers/assets/ai-generation/ai-process-gradient.png/d120c1a44fb4f32a2b0954cd7d90c934.webp 1680w, " sizes="(min-width: 768px) 55vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/ai-generation/ai-process-gradient.png/e426989b3be557ae6df4668771ff8087.png 320w, /img/containers/assets/ai-generation/ai-process-gradient.png/4259087793cd1c59f15ce8f3cdd7b1f2.png 480w, /img/containers/assets/ai-generation/ai-process-gradient.png/9d8320446c515c1dda2efc4893df9e10.png 640w, /img/containers/assets/ai-generation/ai-process-gradient.png/03c9f95087ddccd222f29b69b2791c14.png 768w, /img/containers/assets/ai-generation/ai-process-gradient.png/7002d811103da0b251b7545da954ee7a.png 1024w, /img/containers/assets/ai-generation/ai-process-gradient.png/4b5626510ca21d4547e143a9fc4a015e.png 1280w, /img/containers/assets/ai-generation/ai-process-gradient.png/e5cbe5eade09ff0b52ecbd0730af21cf.png 1440w, /img/containers/assets/ai-generation/ai-process-gradient.png/5805df8fe352cee8e669a947254c7c0a.png 1536w, /img/containers/assets/ai-generation/ai-process-gradient.png/39e3fc61bcc218ff38a2d7b6350750f7.png 1680w, " sizes="(min-width: 768px) 55vw, 90vw" type="image/png"> <img width="1054" height="675" src="/img/containers/assets/ai-generation/ai-process-gradient.png/667ef8815183ec62cd0c84fa608aa85d.png" alt="Lead Generation Quiz." class="overflow-hidden rounded-xl" loading="lazy" > </picture>  <div class="grid text-center col-span-full">   </div> </figure>  </div>   <div class="relative mb-8 fluid-container"> <div class="absolute inset-0 z-0 w-full h-full top-14 rounded-3xl bg-lightneutral"> </div> <div class="grid gap-6 sm:grid-cols-2 md:grid-cols-3 "> <div class="p-5 space-y-3 w-full shadow-lg group-hover:shadow-xl shadow-gray-200 border border-gray-200 mx-auto sm:ml-auto rounded-xl relative z-20 bg-white "> <div class="inline-flex justify-center items-center p-2 text-base w-10 h-10 border rounded-md relative z-20"> <i class='fal fa-magic' aria-hidden='true'></i> </div> <h4 class="font-bold ">Generate</h4> <div class="prose prose-a:underline prose-a:text-blue relative z-20 "> <p>The AI funnel builder quickly creates a custom funnel with your company branding. The whole process takes less than a minute.</p> </div> </div> <div class="p-5 space-y-3 w-full shadow-lg group-hover:shadow-xl shadow-gray-200 border border-gray-200 mx-auto sm:ml-auto rounded-xl relative z-20 bg-white "> <div class="inline-flex justify-center items-center p-2 text-base w-10 h-10 border rounded-md relative z-20"> <i class='fal fa-compress-arrows-alt' aria-hidden='true'></i> </div> <h4 class="font-bold ">Personalize</h4> <div class="prose prose-a:underline prose-a:text-blue relative z-20 "> <p>Use AI to personalize the funnel experience with individual responses & feedback for each user. Create custom <a href="https://www.involve.me/templates?category=create-ai-tools">AI tools</a>.</p> </div> </div> <div class="p-5 space-y-3 w-full shadow-lg group-hover:shadow-xl shadow-gray-200 border border-gray-200 mx-auto sm:ml-auto rounded-xl relative z-20 bg-white "> <div class="inline-flex justify-center items-center p-2 text-base w-10 h-10 border rounded-md relative z-20"> <i class='fal fa-analytics' aria-hidden='true'></i> </div> <h4 class="font-bold ">Analyze</h4> <div class="prose prose-a:underline prose-a:text-blue relative z-20 "> <p>Use <a href="https://www.involve.me/ai-powered-analytics">AI Insights</a> to save hours of sifting through data. Generate reports with summaries, key findings & recommendations.</p> </div> </div> </div> </div>   <div style="margin-top: rem; margin-bottom: rem;"> </div>   <style> @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake-element { animation: shake 0.8s; /* duration */ animation-timing-function: ease-in-out; } </style> <div x-data="{ inputValue: '', inputError: false, validURL(str) { const pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|'+ // domain name '((\\d{1,3}\\.){3}\\d{1,3}))'+ // OR ip (v4) address '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // port and path '(\\?[;&a-z\\d%_.~+=-]*)?'+ // query string '(\\#[-a-z\\d_]*)?$','i'); // fragment locator return !!pattern.test(str); }, redirectTo(){ if(!this.validURL(this.inputValue)){ this.inputError = true; return; } let url = 'https://app.involve.me/create-with-ai?ref=https%3A%2F%2Fwww.involve.me%2Fai'; let formedUrl = ''; if (url.includes('?')) { formedUrl = `${url}&domain=${encodeURIComponent(this.inputValue)}`; } else { formedUrl = `${url}?domain=${encodeURIComponent(this.inputValue)}`; } window.location.href = formedUrl; return; } }" x-init="$watch('inputValue', value => inputError = false)" class="relative md:min-w-[500px] mx-auto mb-8 p-8 rounded-lg shadow-xl" style="background-color: #244555;" > <div class="absolute transform scale-[65%] -translate-x-full -translate-y-3/4 lg:scale-[90%] left-16 lg:left-2 top-2/3 lg:top-1/2 rotate-12"> <svg xmlns="http://www.w3.org/2000/svg" width="456" height="221" viewBox="0 0 456 221" fill="none"><path d="M5.12086 86.6123C68.0184 122.424 372.065 49.3683 278.75 139.358C185.435 229.348 343.645 109.951 449.63 126.088" stroke="url(#paint0_linear_103_10)" stroke-width="3"/><path d="M438.93 111.863L450.067 126.116L435.813 137.252" stroke="#29DEC7" stroke-width="3"/><defs><linearGradient id="paint0_linear_103_10" x1="437.116" y1="172.792" x2="14.5" y2="82" gradientUnits="userSpaceOnUse"><stop stop-color="#29DEC7"/><stop offset="1" stop-color="#29DEC7" stop-opacity="0"/></linearGradient></defs></svg> </div> <div class="flex items-center justify-center h-full"> <div class="mb-4 header-content w-full max-w-2xl mx-auto space-y-8"> <div class="flex flex-col items-center justify-center w-full mx-auto text-center"> <h2 id="headline-content-pcreate-your-funnel-with-aip-aca1b" class="mb-2 decorative-underline text-[30px] leading-[27px] lg:text-[40px] lg:leading-[30px] font-[800] px-1" style="color: #ffffff;"><p>Create your funnel with AI</p></h2> <p class="leading-relaxed max-w-lg mb-2 text-[22px] font-[100]" style="color: #ffffff;">Just paste your URL & click generate</p> </div> <div class="mx-2 mt-8 flex justify-center"> <div :class="inputError ? 'border-2 shadow-xl border-red-500 shake-element' : ''" class="z-30 bg-white w-full rounded-[24px] flex flex-wrap justify-between items-center p-[12px] relative"> <div class='sm:mx-0 mx-auto grow'> <i class='fal fa-globe mt-1 text-gray-400' aria-hidden='true'></i> <input @pageshow.window="inputValue = $el.value" @keyup.enter="redirectTo()" type='url' x-model="inputValue" required name="domain" placeholder="Add your website URL" class="ml-[-0.2rem] w-[80%] md:w-[90%] lg:w-11/12 placeholder:text-gray-400 focus:ring-0 focus:outline-none focus:border-transparent py-[12px] pr-[8px] border-0" style="color: #000000 !important;" > </div> <div class='sm:mx-0 sm:w-auto mx-auto' x-on:click="redirectTo();"> <button class="ai-generation-step1 hover:!bg-[#3680ff] !translate-y-0 !font-bold !gap-[8px] involveme_popup text-white !py-[12px] sm:!py-[18px] !px-[12px] !rounded-[12px] flex items-center" > Generate </button> </div> </div> </div> </div> </div> <div class="absolute flex items-center justify-center text-xs text-center text-white transform -translate-x-full h-14 w-14 -right-20 -bottom-7 rounded-xl bg-darkgray bg-opacity-20 backdrop-blur-xl p-2"> <svg class="text-whit" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor"><path d="M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z"/></svg> </div> </div> <style> .svg-span svg.button-icon-class path { fill: ; stroke: ; } </style>  </div>   </section> <section class=" relative"> <div class=" text-black w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-section-intro" class="max-w-xl mx-auto space-y-3 text-center">  <h2 id="headline-" class="font-bold font-highlight text-inherit text-base font-normal text-neutral" > </h2>   <h3 id="headline-pany-company-any-funnel-generated-in-secondsp" class="font-bold font-highlight text-primary text-xl"> <p>Any Company. Any Funnel. Generated in Seconds!</p> </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Here are showcase funnels we've generated with AI! </p>  </div>   <div class="p-8"> <div class="grid gap-8 sm:grid-cols-2 fluid-container lg:grid-cols-3"> <div x-data="{ showModal0: false }" > <div class="relative w-full h-auto space-y-4 group text-darkgray"> <div x-on:click="showModal0 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer relative overflow-hidden transition-all border border-gray-200 rounded-lg shadow-lg group-hover:shadow-xl shadow-gray-200"> <div class="relative transition-all bg-white o aspect-w-16 aspect-h-9 group-hover:shadow-lg">  <picture> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/ccd2e72aade4bb382d62b1f5390e828d.webp 320w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/92a8f69fa55009a710ce98fb13ddaaec.webp 480w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/49cc07114e48e30d466d08187c9e2b5f.webp 640w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/38214a689615d154df8c92fb4549283c.webp 768w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/73a7ed93520a71760403ba741f08d548.webp 1024w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/087d53a59edfee92f4835046f9542c21.webp 1280w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/db6c195a7235a278a598d31e23e057a8.webp 1440w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/277e7c4d573b4038df2c9166a585596a.webp 1536w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/cda3a456ac6aca9ebe0e9d794383ec51.webp 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/webp"> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/8ac0f72cb9fa007c813266ff9c1453a7.png 320w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/521008b59da3b2d8a9bc35d4ee436f14.png 480w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/b1c323d6115332faffc782e1e7ad6f81.png 640w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/d323934c4f1978840ec06f28bb2c922f.png 768w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/05f68e43aa2b9474f548b44c9242f312.png 1024w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/48b8b76d909351b04b787f15b835d0f8.png 1280w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/a7ad0abc3361d181e6e65368e81b15af.png 1440w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/8e35953340a895d00cb5be794f2cc53a.png 1536w, /img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/ffc963224114de52428a8ec627ec31bb.png 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/png"> <img width="1416" height="976" src="/img/containers/assets/screenshot-2024-02-15-at-11.05.15.png/3f1b1df73cb5719afa6e8a22c3789215.png" alt="Tesla Waiting List Registration Form." class="object-cover w-full h-full w-full h-full" style="object-position: 50% 50%" loading="lazy" > </picture>  </div> </div> <div class="overflow-hidden break-words space-y-2 text-sm"> <h3 x-on:click="showModal0 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer font-bold font-highlight"> Tesla Waiting List Registration Form </h3> </div> </div> <template x-cloak x-if="showModal0"> <template x-teleport='body'>  <div class="relative z-50" aria-labelledby="modal-title-0" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div> <div class="fixed inset-0 z-10 w-screen sm:overflow-y-auto"> <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> <div class="fixed inset-0 z-50 bg-white w-full h-full overflow-hidden rounded-none p-4 shadow-xl transition-all sm:relative sm:my-8 sm:w-8/12 sm:rounded-lg sm:p-6"> <div> <div class='absolute top-0 right-0 p-2'> <button x-on:click="showModal0 = false, document.body.classList.remove('overflow-hidden', 'h-screen')" type="button" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none"> <svg class="h-5 w-5 font-bold" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div> <div class="my-auto overflow-hidden rounded-xl"> <div class='overflow-y-auto rounded-xl max-h-[75vh] sm:max-h-[65vh] h-[692px] 2xl:max-h-[55vh] lg:aspect-w-8 lg:aspect-h-5'> <div class="involveme_embed" data-project="tesla-new-model-waiting-list-registration" data-min-height="800"><script src="https://paid-plan.involve.me/embed"></script></div> </div> </div> </div> </div> <div class="mt-5 flex justify-between"> <div class="text-md font-bold text-left" id="modal-title-0">Tesla Waiting List Registration Form</div> </div> </div> </div> </div> </div> </template> </template> </div> <div x-data="{ showModal1: false }" > <div class="relative w-full h-auto space-y-4 group text-darkgray"> <div x-on:click="showModal1 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer relative overflow-hidden transition-all border border-gray-200 rounded-lg shadow-lg group-hover:shadow-xl shadow-gray-200"> <div class="relative transition-all bg-white o aspect-w-16 aspect-h-9 group-hover:shadow-lg">  <picture> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/70018827d5b1c1e496af567924506bb1.webp 320w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/48224cc8dda4e7b95864564f2f738d05.webp 480w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/f60c97f61eaccc75fa7d12aa9488f625.webp 640w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/44fe831274283717c804b169e5c01738.webp 768w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/9bb95449b95ebf159e300f13d037d457.webp 1024w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/87177c07b0f3d89065ecbe5adbd0e416.webp 1280w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/5d9e81e6c091b1cb6f3db3141da87b28.webp 1440w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/4728ef9ae11ba008366bbc376062d2d9.webp 1536w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/32459e8ac1d6c34d36302eaad03c39f7.webp 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/webp"> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/e39c8b56f8efdfde4137620c56894edb.png 320w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/c7e3cf5df7d660e4ec483232997712c7.png 480w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/a01c6c660107101b5ab84435d38687ea.png 640w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/73e7681727cf69bd65c8bd0ac1ea1b08.png 768w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/a5ce5a5de522f4c119880bde12a2460a.png 1024w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/2cea129ec30405a170631c11c326c050.png 1280w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/7b67d5921fd128f20ff1e9c26401b304.png 1440w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/e5a29e92664039d8517ac0821b1258cc.png 1536w, /img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/1e00dab9e34e49bf3284dd3d8ae9dc63.png 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/png"> <img width="1228" height="732" src="/img/containers/assets/screenshot-2024-02-15-at-12.29.03.png/12c984b65d09371769f3714371199ff9.png" alt="Customer Satisfaction Survey." class="object-cover w-full h-full w-full h-full" style="object-position: 50% 50%" loading="lazy" > </picture>  </div> </div> <div class="overflow-hidden break-words space-y-2 text-sm"> <h3 x-on:click="showModal1 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer font-bold font-highlight"> Stripe Customer Satisfaction Survey </h3> </div> </div> <template x-cloak x-if="showModal1"> <template x-teleport='body'>  <div class="relative z-50" aria-labelledby="modal-title-1" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div> <div class="fixed inset-0 z-10 w-screen sm:overflow-y-auto"> <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> <div class="fixed inset-0 z-50 bg-white w-full h-full overflow-hidden rounded-none p-4 shadow-xl transition-all sm:relative sm:my-8 sm:w-8/12 sm:rounded-lg sm:p-6"> <div> <div class='absolute top-0 right-0 p-2'> <button x-on:click="showModal1 = false, document.body.classList.remove('overflow-hidden', 'h-screen')" type="button" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none"> <svg class="h-5 w-5 font-bold" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div> <div class="my-auto overflow-hidden rounded-xl"> <div class='overflow-y-auto rounded-xl max-h-[75vh] sm:max-h-[65vh] h-[692px] 2xl:max-h-[55vh] lg:aspect-w-8 lg:aspect-h-5'> <div class="involveme_embed" data-project="stripe-customer-satisfaction-survey" data-min-height="800"><script src="https://paid-plan.involve.me/embed"></script></div> </div> </div> </div> </div> <div class="mt-5 flex justify-between"> <div class="text-md font-bold text-left" id="modal-title-1">Stripe Customer Satisfaction Survey</div> </div> </div> </div> </div> </div> </template> </template> </div> <div x-data="{ showModal2: false }" > <div class="relative w-full h-auto space-y-4 group text-darkgray"> <div x-on:click="showModal2 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer relative overflow-hidden transition-all border border-gray-200 rounded-lg shadow-lg group-hover:shadow-xl shadow-gray-200"> <div class="relative transition-all bg-white o aspect-w-16 aspect-h-9 group-hover:shadow-lg">  <picture> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/260e3c8dad69113b6b25c54447c22e88.webp 320w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/468ab8cd80c4c4fef50a950272d5dd1f.webp 480w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/09967b2cae49e1a2677e4af7b1b1f471.webp 640w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/59335a4fbc9cce9d4fdc2440ac976287.webp 768w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/d79f9b07344667031fc2eb1eaef51f1c.webp 1024w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/b70e6d8c07eb0f4ee5392dfe9b253530.webp 1280w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/13c729ca7ed982035682045206260215.webp 1440w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/fc295ba25eec63a223c0153fa7e7f787.webp 1536w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/56ead4fa0e1a7439e04e2dad66d88a13.webp 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/webp"> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/a74fe01fdb9be871869ce9cb44ce4f8a.png 320w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/a2ed9779bc6a7bfde255dcacd40cd291.png 480w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/bb377db6b30f6ffd407dc360fc70fdc5.png 640w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/92320341e643915a2444c84999475e5f.png 768w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/a44d90bfeb4dc490c5fc5a643bd19162.png 1024w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/4094f470685796951c45e4b2587a78b2.png 1280w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/740a10151710f88c2c399555d670c312.png 1440w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/f0bda3be33bd679f3ba46ec688cd27fa.png 1536w, /img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/f9e824c0d6ca5cdfd959d2255ca10ed2.png 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/png"> <img width="1308" height="868" src="/img/containers/assets/screenshot-2024-02-15-at-11.36.04.png/4337ad8476870f1dae693db2c4b55091.png" alt="VISA." class="object-cover w-full h-full w-full h-full" style="object-position: 50% 50%" loading="lazy" > </picture>  </div> </div> <div class="overflow-hidden break-words space-y-2 text-sm"> <h3 x-on:click="showModal2 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer font-bold font-highlight"> Visa Unautorized Transaction Claim Form </h3> </div> </div> <template x-cloak x-if="showModal2"> <template x-teleport='body'>  <div class="relative z-50" aria-labelledby="modal-title-2" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div> <div class="fixed inset-0 z-10 w-screen sm:overflow-y-auto"> <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> <div class="fixed inset-0 z-50 bg-white w-full h-full overflow-hidden rounded-none p-4 shadow-xl transition-all sm:relative sm:my-8 sm:w-8/12 sm:rounded-lg sm:p-6"> <div> <div class='absolute top-0 right-0 p-2'> <button x-on:click="showModal2 = false, document.body.classList.remove('overflow-hidden', 'h-screen')" type="button" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none"> <svg class="h-5 w-5 font-bold" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div> <div class="my-auto overflow-hidden rounded-xl"> <div class='overflow-y-auto rounded-xl max-h-[75vh] sm:max-h-[65vh] h-[692px] 2xl:max-h-[55vh] lg:aspect-w-8 lg:aspect-h-5'> <div class="involveme_embed" data-project="visa-unauthorized-transaction-claim-form" data-min-height="800"><script src="https://paid-plan.involve.me/embed"></script></div> </div> </div> </div> </div> <div class="mt-5 flex justify-between"> <div class="text-md font-bold text-left" id="modal-title-2">Visa Unautorized Transaction Claim Form</div> </div> </div> </div> </div> </div> </template> </template> </div> <div x-data="{ showModal3: false }" > <div class="relative w-full h-auto space-y-4 group text-darkgray"> <div x-on:click="showModal3 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer relative overflow-hidden transition-all border border-gray-200 rounded-lg shadow-lg group-hover:shadow-xl shadow-gray-200"> <div class="relative transition-all bg-white o aspect-w-16 aspect-h-9 group-hover:shadow-lg">  <picture> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/15e2dfe7ec5bfe04563ce754c8eee981.webp 320w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/0d0e4ba18ac80fc83510177cbc8fdc2f.webp 480w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/b1d82dcc407fac98caa3c54361c8d516.webp 640w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/62272756cb312e2dfae0f062a6f5de68.webp 768w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/ecef44ebb82e0c3ed86afa48f3fefbe8.webp 1024w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/86eb2c1ba0c4441e7c1f61aa8c006e5e.webp 1280w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/914437bbcebefaeed90f3d0b63a0e9ba.webp 1440w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/b5668bc4f6021a8614e396480809cc0a.webp 1536w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/4d496615230b4500d9459437cc86c41f.webp 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/webp"> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/e560e95daa7d7a11c86e3e030c648b2e.png 320w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/52877d721965fc3d7fe47a8150055a64.png 480w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/8f4a82fb89e871a7ca766ba0d9c91c24.png 640w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/741f626dea54aa8f314eec44459f880f.png 768w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/97089000a4967a339173baed3f7426a8.png 1024w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/779f870934a1a3238bfb02ea581e54f6.png 1280w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/fa9e65d0da3e909434618488b1ad862b.png 1440w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/5712fffe0af55284b11e49c8faa67bb2.png 1536w, /img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/02bee876f2d425625a5f24c14b7bae2d.png 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/png"> <img width="1392" height="768" src="/img/containers/assets/screenshot-2024-02-15-at-12.19.43.png/59852c94ea375e86fe6faf29e5ab6f03.png" alt="amazon." class="object-cover w-full h-full w-full h-full" style="object-position: 50% 50%" loading="lazy" > </picture>  </div> </div> <div class="overflow-hidden break-words space-y-2 text-sm"> <h3 x-on:click="showModal3 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer font-bold font-highlight"> Amazon Delivery Feedback Survey </h3> </div> </div> <template x-cloak x-if="showModal3"> <template x-teleport='body'>  <div class="relative z-50" aria-labelledby="modal-title-3" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div> <div class="fixed inset-0 z-10 w-screen sm:overflow-y-auto"> <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> <div class="fixed inset-0 z-50 bg-white w-full h-full overflow-hidden rounded-none p-4 shadow-xl transition-all sm:relative sm:my-8 sm:w-8/12 sm:rounded-lg sm:p-6"> <div> <div class='absolute top-0 right-0 p-2'> <button x-on:click="showModal3 = false, document.body.classList.remove('overflow-hidden', 'h-screen')" type="button" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none"> <svg class="h-5 w-5 font-bold" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div> <div class="my-auto overflow-hidden rounded-xl"> <div class='overflow-y-auto rounded-xl max-h-[75vh] sm:max-h-[65vh] h-[692px] 2xl:max-h-[55vh] lg:aspect-w-8 lg:aspect-h-5'> <div class="involveme_embed" data-project="amazon-delivery-feedback-survey" data-min-height="800"><script src="https://paid-plan.involve.me/embed"></script></div> </div> </div> </div> </div> <div class="mt-5 flex justify-between"> <div class="text-md font-bold text-left" id="modal-title-3">Amazon Delivery Feedback Survey</div> </div> </div> </div> </div> </div> </template> </template> </div> <div x-data="{ showModal4: false }" > <div class="relative w-full h-auto space-y-4 group text-darkgray"> <div x-on:click="showModal4 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer relative overflow-hidden transition-all border border-gray-200 rounded-lg shadow-lg group-hover:shadow-xl shadow-gray-200"> <div class="relative transition-all bg-white o aspect-w-16 aspect-h-9 group-hover:shadow-lg">  <picture> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/b97bd0ac920af3fd692eb6e9717b7e27.webp 320w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/3fc6c13566dff391da58ba06efd77d31.webp 480w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/9ffca857185a6ed06ccae3b6e3135d55.webp 640w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/0c41c15cb686bdd92a70679d10cf0539.webp 768w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/e2dec0471d6c7896685da9b1986dc8cf.webp 1024w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/301dbd9b7fc592cfec62e151d3e6eb01.webp 1280w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/e57a9385fc4742841c2949ce30c15b97.webp 1440w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/cd90923f3e1ec039e3bcfdd27f278d5d.webp 1536w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/7b01d8fbf608839215216616584199b4.webp 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/webp"> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/1b3b5c0a01a56bb36f63561290bfab87.png 320w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/50fb750c68a6b4a43fb0633b53ed28e8.png 480w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/feb7ea8b2875c176a79722c37b71ca5a.png 640w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/cf171c03b4c4e73e0f412e7d9b871efd.png 768w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/a245a1e0d591f322138830cdb088c614.png 1024w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/f5d829af1322437d78e39bf262cc15c6.png 1280w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/d2c3fef394e71123b1766b1ee8354f5a.png 1440w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/1320610451b142a5899ac923d98347ab.png 1536w, /img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/715753a9d24738e64c1080ae7cfb7ede.png 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/png"> <img width="1441" height="786" src="/img/containers/assets/screenshot-2024-02-15-at-11.20.45.png/ba34e00dddaaefa91e8a2f2042fd7097.png" alt="TEST YOUR KNOWLEDGE." class="object-cover w-full h-full w-full h-full" style="object-position: 50% 50%" loading="lazy" > </picture>  </div> </div> <div class="overflow-hidden break-words space-y-2 text-sm"> <h3 x-on:click="showModal4 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer font-bold font-highlight"> Booking.com Travel Destination Quiz </h3> </div> </div> <template x-cloak x-if="showModal4"> <template x-teleport='body'>  <div class="relative z-50" aria-labelledby="modal-title-4" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div> <div class="fixed inset-0 z-10 w-screen sm:overflow-y-auto"> <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> <div class="fixed inset-0 z-50 bg-white w-full h-full overflow-hidden rounded-none p-4 shadow-xl transition-all sm:relative sm:my-8 sm:w-8/12 sm:rounded-lg sm:p-6"> <div> <div class='absolute top-0 right-0 p-2'> <button x-on:click="showModal4 = false, document.body.classList.remove('overflow-hidden', 'h-screen')" type="button" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none"> <svg class="h-5 w-5 font-bold" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div> <div class="my-auto overflow-hidden rounded-xl"> <div class='overflow-y-auto rounded-xl max-h-[75vh] sm:max-h-[65vh] h-[692px] 2xl:max-h-[55vh] lg:aspect-w-8 lg:aspect-h-5'> <div class="involveme_embed" data-project="bookingcom-vienna-travel-quiz" data-min-height="800"><script src="https://paid-plan.involve.me/embed"></script></div> </div> </div> </div> </div> <div class="mt-5 flex justify-between"> <div class="text-md font-bold text-left" id="modal-title-4">Booking.com Travel Destination Quiz</div> </div> </div> </div> </div> </div> </template> </template> </div> <div x-data="{ showModal5: false }" > <div class="relative w-full h-auto space-y-4 group text-darkgray"> <div x-on:click="showModal5 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer relative overflow-hidden transition-all border border-gray-200 rounded-lg shadow-lg group-hover:shadow-xl shadow-gray-200"> <div class="relative transition-all bg-white o aspect-w-16 aspect-h-9 group-hover:shadow-lg">  <picture> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/dbf154bab6bc381272737f626cd401fb.webp 320w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/2552f1d7c312af73be4d3eb823259cc7.webp 480w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/8a337924fa36e57e7d9074dd89cc218b.webp 640w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/03c56ed962f3401bb03feb9d310b26d9.webp 768w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/875a10ba17ec9a5cdec9a42d5047917a.webp 1024w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/3571cd9e6789e37acd80a9dfbf99cbd7.webp 1280w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/6023829d15dc651e3faa7e3bc8aacece.webp 1440w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/0e920ce668b3e376252929b10688758f.webp 1536w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/773b8a35ff121588c5d63b3ed786b574.webp 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/webp"> <source srcset=" /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/e840deb30fc78dc69f4265e6c1ee8a94.png 320w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/c5a30a343441d57d4e73ebab542b1e1e.png 480w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/0244dabf7b2886c479e14ab03167834c.png 640w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/9323b9d35d0586a9c74442676c0949d0.png 768w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/1780ac3017375348ba358ce46f791c9e.png 1024w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/c53af8feb40ffc1f30f49d247c6608bd.png 1280w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/3f7b2709affbb0f7959d9ead1b92f93f.png 1440w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/26baa9904e6342f3d9eaea405b95ccd0.png 1536w, /img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/8c7662a9fcebd8111ec73ca2af0a3ae1.png 1680w, " sizes="(min-width: 1024px) 25vw,(min-width: 768px) 30vw, 70vw" type="image/png"> <img width="1431" height="955" src="/img/containers/assets/screenshot-2024-02-15-at-12.06.08.png/d496741ff1c4c68b3cd25e0696441d70.png" alt="spotify." class="object-cover w-full h-full w-full h-full" style="object-position: 50% 50%" loading="lazy" > </picture>  </div> </div> <div class="overflow-hidden break-words space-y-2 text-sm"> <h3 x-on:click="showModal5 = true, document.body.classList.add('overflow-hidden', 'h-screen')" class="cursor-pointer font-bold font-highlight"> Spotify Music Trend Quiz </h3> </div> </div> <template x-cloak x-if="showModal5"> <template x-teleport='body'>  <div class="relative z-50" aria-labelledby="modal-title-5" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div> <div class="fixed inset-0 z-10 w-screen sm:overflow-y-auto"> <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> <div class="fixed inset-0 z-50 bg-white w-full h-full overflow-hidden rounded-none p-4 shadow-xl transition-all sm:relative sm:my-8 sm:w-8/12 sm:rounded-lg sm:p-6"> <div> <div class='absolute top-0 right-0 p-2'> <button x-on:click="showModal5 = false, document.body.classList.remove('overflow-hidden', 'h-screen')" type="button" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none"> <svg class="h-5 w-5 font-bold" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div> <div class="my-auto overflow-hidden rounded-xl"> <div class='overflow-y-auto rounded-xl max-h-[75vh] sm:max-h-[65vh] h-[692px] 2xl:max-h-[55vh] lg:aspect-w-8 lg:aspect-h-5'> <div class="involveme_embed" data-project="spotify-music-knowledge-quiz" data-min-height="800"><script src="https://paid-plan.involve.me/embed"></script></div> </div> </div> </div> </div> <div class="mt-5 flex justify-between"> <div class="text-md font-bold text-left" id="modal-title-5">Spotify Music Trend Quiz</div> </div> </div> </div> </div> </div> </template> </template> </div> </div> </div>   <div class="flex flex-col items-center justify-center mt-16 space-y-4 col-span-full "> <div class="relative"> <div class="relative"> <svg class="absolute transform scale-50 -translate-y-1/2 md:scale-75 -translate-x-1/3 -left-56 rotate-12 -top-5" xmlns="http://www.w3.org/2000/svg" width="456" height="221" viewBox="0 0 456 221" fill="none"><path d="M5.12086 86.6123C68.0184 122.424 372.065 49.3683 278.75 139.358C185.435 229.348 343.645 109.951 449.63 126.088" stroke="url(#paint0_linear_103_10)" stroke-width="3"/><path d="M438.93 111.863L450.067 126.116L435.813 137.252" stroke="#29DEC7" stroke-width="3"/><defs><linearGradient id="paint0_linear_103_10" x1="437.116" y1="172.792" x2="14.5" y2="82" gradientUnits="userSpaceOnUse"><stop stop-color="#29DEC7"/><stop offset="1" stop-color="#29DEC7" stop-opacity="0"/></linearGradient></defs></svg>  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 text-bluegray " href="/ai-library" rel="noopener" id="" > See All AI Projects <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </div> <p class="mt-4 text-xs"> </p> </div>  </div>   </section> <section class=" relative"> <div class=" text-black w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div class="relative z-30 max-w-3xl fluid-container" itemscope itemtype="https://schema.org/FAQPage"> <div class="lg:col-span-1 lg:col-start-1 lg:col-end-1 min-h-[20rem]">  <h2 id="headline-faqs" class="font-bold font-highlight text-inherit text-xl" > FAQs </h2>   <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x my-8 content " > </article>  <dl x-data="{ active: 1 }" class="w-full max-w-3xl mx-auto divide-y"> <div id="1" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold "> <span class="text-left" itemprop="name">How do I edit the funnel created by involve.me AI funnel builder?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <div class="pt-4 prose prose-a:text-link" itemprop="text"> <p>Click "edit," create a free account on involve.me, and customize your funnel using the drag-and-drop functionality. involve.me offers advanced features like <a href="https://help.involve.me/en/articles/2583393-working-with-page-timers">page timer</a>, <a href="https://help.involve.me/en/articles/8626316-conditional-logic">conditional logic</a>, AI text generator, <a href="https://www.involve.me/nps-survey-maker">Net Promoter Score</a>® element, and more.</p> </div> </dd> </div> <div id="2" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold "> <span class="text-left" itemprop="name">Is the AI funnel builder free to use?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <div class="pt-4 prose prose-a:text-link" itemprop="text"> <p>Yes! You can generate branded funnels for free. To edit your funnel, create a free account on involve.me.</p> </div> </dd> </div> <div id="3" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold "> <span class="text-left" itemprop="name">What kinds of tools can I create with an AI funnel builder?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <div class="pt-4 prose prose-a:text-link" itemprop="text"> <p>Using the AI funnel builder you can create a variety of funnels for guiding, scoring and converting leads. These funnels can be seamlessly embedded into your website, shared via email, or distributed as a link.</p> </div> </dd> </div> <div id="4" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold "> <span class="text-left" itemprop="name">Do I need technical knowledge to use the AI funnel builder?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <div class="pt-4 prose prose-a:text-link" itemprop="text"> <p>No, technical knowledge is not required. Crafting funnels with AI is effortless. Simply provide a prompt and share your website's URL, and AI will generate a funnel tailored to your company's branding and including contextual information.</p><p>Customization is a breeze with involve.me's easy drag-and-drop interface, making coding unnecessary. </p> </div> </dd> </div> <div id="5" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold "> <span class="text-left" itemprop="name">What other AI features does involve.me have?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <div class="pt-4 prose prose-a:text-link" itemprop="text"> <p>In addition to the AI funnel builder, involve.me offers an AI text generation element for personalized responses based on user input. Moreover, the <a href="https://www.involve.me/ai-powered-analytics">AI Insights feature</a> analyzes all funnel responses and generates a report with key findings and recommendations.</p> </div> </dd> </div> </dl> </div> <div class="mx-auto mt-12 space-y-6 text-center">  <h4 id="headline-" class="font-bold text-primary text-lg"></h3>   <h5 id="headline-" class="font-bold text-primary font-sans font-normal text-darkgray"></h5">  <div class="mt-6">   </div> </div> </div>  </div>  <picture> <img class="absolute inset-0 bottom-0 z-0 w-full h-full" src="https://cms.involve.me/backgrounds/red-bottom-left-green-right.svg" alt="gradient." width="1920" height="1080" /> </picture>  </section> </div> </main>   <footer class="relative z-40 w-full mx-auto shadow-2xl max-w-1660" x-cloak> <div class="absolute w-full inset--0 -top-44"> <div class="relative z-50 fluid-container--full"> <div class="relative z-40 flex flex-col items-center justify-center py-20 overflow-hidden text-center border border-white bg-opacity-10 bg-darkgray backdrop-blur-3xl rounded-xl "> <div class="relative z-50"> <div class="mb-2 text-darkneutral"> Try involve.me now </div> <div class="mb-10 text-2xl font-bold font-highlight"> Start involving your audience today. </div>  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 " href="https://app.involve.me/register" id="button_tracking-id_register_footer-cta" > Get started for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> <svg class="absolute right-0 z-40 -top-1/2 w-96 h-96" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 778.118 778.878"><g data-name="Gruppe 282"><g fill="none" stroke="#1e1c21" data-name="Gruppe 281" opacity=".094"><path d="M290.892.5c160.379 0 290.392 130.013 290.392 290.392S451.271 581.284 290.892 581.284.5 451.271.5 290.892 130.513.5 290.892.5" data-name="Pfad 1"/><path d="M291.197 291.957h486.421v486.421H291.197z" data-name="Rechteck 110"/><path d="M581.299 292.051c-.643 159.809-130.29 289.064-290.1 289.223V292.051Z" data-name="Pfad 2"/></g></g></svg> <svg class="absolute z-40 hidden lg:block -left-10 -bottom-15 w-96 h-96" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 778.118 778.878"><g data-name="Gruppe 282"><g fill="none" stroke="#1e1c21" data-name="Gruppe 281" opacity=".094"><path d="M290.892.5c160.379 0 290.392 130.013 290.392 290.392S451.271 581.284 290.892 581.284.5 451.271.5 290.892 130.513.5 290.892.5" data-name="Pfad 1"/><path d="M291.197 291.957h486.421v486.421H291.197z" data-name="Rechteck 110"/><path d="M581.299 292.051c-.643 159.809-130.29 289.064-290.1 289.223V292.051Z" data-name="Pfad 2"/></g></g></svg> </div> </div> <div class="absolute bottom-0 w-full h-24 bg-bluegray"></div> </div> <div class="pt-56 pb-10 text-white bg-bluegray px-[5%]"> <div class="grid grid-cols-1 gap-8 lg:grid-cols-12"> <div class="order-last col-span-1 space-y-6 lg:order-first lg:col-span-4 "> <div class="w-36"> <a class="w-full motion-safe:transition-transform focus:outline-none focus-visible:ring-2 ring-primary" aria-label="Logo involve.me [CDN]" href="/" > <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 444.44 79.88"><path fill="#29dec7" fill-rule="evenodd" d="M29.82 0A29.82 29.82 0 1 1 0 29.82 29.82 29.82 0 0 1 29.82 0"/><path fill="#f66" d="M29.85 29.93H79.8v49.95H29.85z"/><path fill="#244554" fill-rule="evenodd" d="M59.64 29.94a29.82 29.82 0 0 1-29.79 29.7v-29.7Z"/><path fill="#FFFFFF" d="M418.9 44.23a7.48 7.48 0 0 1 1.32-3.29 7.73 7.73 0 0 1 2.64-2.32 7.4 7.4 0 0 1 3.51-.87 6.88 6.88 0 0 1 3.35.89 7.18 7.18 0 0 1 2.45 2.3 7 7 0 0 1 1.13 3.24Zm-78.08 22a1.9 1.9 0 0 0 1.81 1.81h7.72a1.9 1.9 0 0 0 1.81-1.81v-21a11.33 11.33 0 0 1 1-2 9.46 9.46 0 0 1 1.59-1.94 7.74 7.74 0 0 1 2.3-1.46 8.56 8.56 0 0 1 3.13-.57 7.24 7.24 0 0 1 4 1 5.84 5.84 0 0 1 2.32 2.79 11.06 11.06 0 0 1 .75 4.3v18.88a1.82 1.82 0 0 0 .51 1.26 1.78 1.78 0 0 0 1.3.56h7.16a1.82 1.82 0 0 0 1.27-.56 1.79 1.79 0 0 0 .54-1.26V43.32a5.77 5.77 0 0 1 .48-.62 8.83 8.83 0 0 1 1.46-1.38 9.38 9.38 0 0 1 2.36-1.38 10 10 0 0 1 3.57-.62 7.33 7.33 0 0 1 4 1 6 6 0 0 1 2.32 2.75 10.47 10.47 0 0 1 .79 4.3v18.86a1.89 1.89 0 0 0 .51 1.26 1.81 1.81 0 0 0 1.3.56h7.72a1.78 1.78 0 0 0 1.3-.56 1.82 1.82 0 0 0 .51-1.26V48.04a27.18 27.18 0 0 0-.89-7.19 17.62 17.62 0 0 0-2.87-6.08 13.62 13.62 0 0 0-5.16-4.21 17.77 17.77 0 0 0-7.72-1.62 16.74 16.74 0 0 0-4.76.68 19.57 19.57 0 0 0-3.92 1.62 21.15 21.15 0 0 0-2.92 2 17.72 17.72 0 0 0-1.83 1.65 16.17 16.17 0 0 0-5.33-4.38 15.39 15.39 0 0 0-7.06-1.57 17.27 17.27 0 0 0-11 4 15.47 15.47 0 0 0-1.73 1.64l-1.38-3.64a1.49 1.49 0 0 0-.56-.75 1.87 1.87 0 0 0-1.06-.3h-3.52a1.81 1.81 0 0 0-1.81 1.81Zm-43.33-22a7.46 7.46 0 0 1 1.29-3.29 7.71 7.71 0 0 1 2.64-2.32 7.39 7.39 0 0 1 3.51-.87 6.88 6.88 0 0 1 3.35.89 7.17 7.17 0 0 1 2.48 2.3 7 7 0 0 1 1.13 3.24Zm-11.71 4.71a21.18 21.18 0 0 0 1.44 7.8 19.83 19.83 0 0 0 4 6.37 18.85 18.85 0 0 0 6.18 4.3 19.85 19.85 0 0 0 7.88 1.59 23.34 23.34 0 0 0 5.73-.7 20.05 20.05 0 0 0 4.77-1.87 17.68 17.68 0 0 0 3.7-2.67 1.55 1.55 0 0 0 .65-1.27 1.76 1.76 0 0 0-.55-1.21l-3.91-4.48a1.36 1.36 0 0 0-1.13-.51 3.16 3.16 0 0 0-1.35.51 13.38 13.38 0 0 1-7.43 2.38 9.23 9.23 0 0 1-3.72-.75 8.69 8.69 0 0 1-2.82-1.93 8.86 8.86 0 0 1-1.83-2.67 8.76 8.76 0 0 1-.78-2.94H321a1.87 1.87 0 0 0 1.22-.45 1.74 1.74 0 0 0 .62-1.16c0-.37.1-.79.13-1.29s.06-.94.06-1.29a18.52 18.52 0 0 0-1.4-7.11 17.22 17.22 0 0 0-3.82-5.65 17.56 17.56 0 0 0-5.67-3.69 18.53 18.53 0 0 0-6.92-1.31 19 19 0 0 0-7.81 1.62 18.63 18.63 0 0 0-6.19 4.38 20 20 0 0 0-4 6.37 20.88 20.88 0 0 0-1.44 7.63Zm-20 19.06a1.94 1.94 0 0 0 .6.65 1.74 1.74 0 0 0 1 .3h.48a1.84 1.84 0 0 0 1-.3 2.06 2.06 0 0 0 .59-.65l17.44-35.83a1.65 1.65 0 0 0 .13-1.6 1.56 1.56 0 0 0-1.46-.68h-7.43a3.91 3.91 0 0 0-1.35.16 1.68 1.68 0 0 0-.94.89l-8.2 17.72h-.19l-7.7-17.72a2 2 0 0 0-.6-.75 1.89 1.89 0 0 0-1.11-.3h-8.29a1.46 1.46 0 0 0-1.41.68 1.75 1.75 0 0 0 .08 1.6Zm-32.15-1.81a1.75 1.75 0 0 0 .55 1.26 1.8 1.8 0 0 0 1.26.56h8a1.78 1.78 0 0 0 1.25-.56 1.73 1.73 0 0 0 .56-1.26V11.73a1.77 1.77 0 0 0-.56-1.27 1.72 1.72 0 0 0-1.25-.54h-8a1.74 1.74 0 0 0-1.26.54 1.78 1.78 0 0 0-.55 1.27Zm-32.06-17.25a10.22 10.22 0 0 1 1.22-4.88 9.32 9.32 0 0 1 3.27-3.45 8.91 8.91 0 0 1 9.27 0 9.46 9.46 0 0 1 3.27 3.45 9.88 9.88 0 0 1 1.27 4.88 10.15 10.15 0 0 1-1.25 5 9.59 9.59 0 0 1-3.27 3.53 8.73 8.73 0 0 1-9.27 0 9.44 9.44 0 0 1-3.27-3.53 10.5 10.5 0 0 1-1.24-5Zm-10.35 0a20.11 20.11 0 0 0 1.54 7.76 20.38 20.38 0 0 0 4.19 6.4 19.74 19.74 0 0 0 6.21 4.33 18.75 18.75 0 0 0 15.18 0 19.73 19.73 0 0 0 6.21-4.33 20.31 20.31 0 0 0 4.19-6.4 20.09 20.09 0 0 0 1.48-7.76 20.1 20.1 0 0 0-5.73-14 19.43 19.43 0 0 0-6.21-4.32 18.78 18.78 0 0 0-15.18 0 19.44 19.44 0 0 0-6.18 4.32 19.91 19.91 0 0 0-4.19 6.34 19.68 19.68 0 0 0-1.51 7.66Zm-20 19.11a1.94 1.94 0 0 0 .6.65 1.75 1.75 0 0 0 1 .3h.48a1.84 1.84 0 0 0 1-.3 2.08 2.08 0 0 0 .59-.65l17.44-35.83a1.64 1.64 0 0 0 .13-1.6 1.56 1.56 0 0 0-1.46-.68h-7.43a3.89 3.89 0 0 0-1.35.16 1.68 1.68 0 0 0-.94.89l-8.2 17.72h-.19l-7.67-17.77a2 2 0 0 0-.6-.75 1.89 1.89 0 0 0-1.11-.3h-8.29a1.46 1.46 0 0 0-1.41.68 1.76 1.76 0 0 0 .08 1.6Zm-55.62-1.81a1.91 1.91 0 0 0 1.81 1.81h7.05a3.1 3.1 0 0 0 1.87-.41 1.62 1.62 0 0 0 .51-1.4v-21a8.29 8.29 0 0 1 1.11-2 10.08 10.08 0 0 1 1.86-1.94 9.81 9.81 0 0 1 2.64-1.46 10.05 10.05 0 0 1 3.35-.57 7.21 7.21 0 0 1 3.89 1 6.13 6.13 0 0 1 2.41 2.79 10.22 10.22 0 0 1 .84 4.3v18.87a1.83 1.83 0 0 0 .51 1.26 1.78 1.78 0 0 0 1.3.56h7.81a1.82 1.82 0 0 0 1.27-.56 1.77 1.77 0 0 0 .54-1.26V47.94a25.79 25.79 0 0 0-1-7.15 18 18 0 0 0-3-6.05 14.07 14.07 0 0 0-5.15-4.19 18 18 0 0 0-7.77-1.61 18.49 18.49 0 0 0-5 .66 19.28 19.28 0 0 0-3.94 1.57 18.38 18.38 0 0 0-2.84 1.86 17.58 17.58 0 0 0-1.67 1.52l-1.34-3.53a2.12 2.12 0 0 0-.59-.83 1.64 1.64 0 0 0-1-.32h-3.62a1.81 1.81 0 0 0-1.25.51 1.79 1.79 0 0 0-.56 1.3Zm-17.17 0a1.91 1.91 0 0 0 1.81 1.81h7.98a1.9 1.9 0 0 0 1.81-1.81v-34.5a1.8 1.8 0 0 0-.56-1.3 1.82 1.82 0 0 0-1.25-.5h-7.91a1.81 1.81 0 0 0-1.81 1.81Zm5.62-43.16a6.7 6.7 0 0 0 5.77-3.26 6.54 6.54 0 0 0 0-6.64 6.56 6.56 0 0 0-2.38-2.35 6.64 6.64 0 0 0-3.38-.91 6.3 6.3 0 0 0-3.29.91 6.61 6.61 0 0 0 0 11.34 6.25 6.25 0 0 0 3.32.9ZM330.22 69a6.71 6.71 0 0 0 5.77-3.25 6.55 6.55 0 0 0 0-6.64 6.57 6.57 0 0 0-2.38-2.35 6.64 6.64 0 0 0-3.38-.91 6.3 6.3 0 0 0-3.29.91 6.61 6.61 0 0 0 0 11.34 6.25 6.25 0 0 0 3.28.9Zm77-20a21.21 21.21 0 0 0 1.45 7.75 19.82 19.82 0 0 0 4 6.37 18.83 18.83 0 0 0 6.18 4.3 19.85 19.85 0 0 0 7.88 1.59 23.35 23.35 0 0 0 5.73-.7 20 20 0 0 0 4.76-1.88 17.64 17.64 0 0 0 3.7-2.67 1.56 1.56 0 0 0 .65-1.27 1.75 1.75 0 0 0-.56-1.21l-3.91-4.48a1.37 1.37 0 0 0-1.13-.51 3.17 3.17 0 0 0-1.35.51 13.38 13.38 0 0 1-7.4 2.39 9.23 9.23 0 0 1-3.71-.75 8.67 8.67 0 0 1-2.83-1.94 8.87 8.87 0 0 1-1.83-2.67 8.69 8.69 0 0 1-.78-2.94h24.39a1.87 1.87 0 0 0 1.19-.46 1.75 1.75 0 0 0 .62-1.16c0-.37.09-.79.13-1.29s.06-.94.06-1.29a18.5 18.5 0 0 0-1.4-7.11 17.21 17.21 0 0 0-3.84-5.64 17.56 17.56 0 0 0-5.67-3.69 18.52 18.52 0 0 0-6.93-1.31 19 19 0 0 0-7.81 1.62 18.66 18.66 0 0 0-6.16 4.38 20 20 0 0 0-4 6.37 20.9 20.9 0 0 0-1.43 7.63Z"/></svg> </a>  </div> <div class="text-xs text-lightgray"> © 2019 - 2025 All rights reserved. </div> </div> <nav class="grid grid-cols-2 gap-8 col-span-full md:gap-12 lg:gap-16 lg:col-span-8 md:grid-cols-5 "> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Tools </h3> <ul> <li class="mb-2 text-sm"> <a href="/ai" title="AI Funnel Generator" class="text-[#d0d0d0] hover:text-lightgray"> AI Funnel Generator </a> </li> <li class="mb-2 text-sm"> <a href="/ai-powered-analytics" title="AI-powered Analytics" class="text-[#d0d0d0] hover:text-lightgray"> AI-powered Analytics </a> </li> <li class="mb-2 text-sm"> <a href="/quiz-maker" title="Quiz Maker" class="text-[#d0d0d0] hover:text-lightgray"> Quiz Maker </a> </li> <li class="mb-2 text-sm"> <a href="/survey-maker" title="Survey Maker" class="text-[#d0d0d0] hover:text-lightgray"> Survey Maker </a> </li> <li class="mb-2 text-sm"> <a href="/interactive-forms" title="Form Builder" class="text-[#d0d0d0] hover:text-lightgray"> Form Builder </a> </li> <li class="mb-2 text-sm"> <a href="/interactive-calculator" title="Calculator Builder" class="text-[#d0d0d0] hover:text-lightgray"> Calculator Builder </a> </li> <li class="mb-2 text-sm"> <a href="/sales-funnel-builder" title="Funnel Builder" class="text-[#d0d0d0] hover:text-lightgray"> Funnel Builder </a> </li> <li class="mb-2 text-sm"> <a href="/pop-up-maker" title="Pop-Up Maker" class="text-[#d0d0d0] hover:text-lightgray"> Pop-Up Maker </a> </li> <li class="mb-2 text-sm"> <a href="/use-cases" title="Browse All" class="text-[#d0d0d0] hover:text-lightgray"> Browse All </a> </li> </ul> </div> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Industries </h3> <ul> <li class="mb-2 text-sm"> <a href="/hr-services" title="HR services" class="text-[#d0d0d0] hover:text-lightgray"> HR services </a> </li> <li class="mb-2 text-sm"> <a href="/software" title="Software" class="text-[#d0d0d0] hover:text-lightgray"> Software </a> </li> <li class="mb-2 text-sm"> <a href="/real-estate" title="Real Estate" class="text-[#d0d0d0] hover:text-lightgray"> Real Estate </a> </li> <li class="mb-2 text-sm"> <a href="/insurance" title="Insurance" class="text-[#d0d0d0] hover:text-lightgray"> Insurance </a> </li> <li class="mb-2 text-sm"> <a href="/finance" title="Finance" class="text-[#d0d0d0] hover:text-lightgray"> Finance </a> </li> <li class="mb-2 text-sm"> <a href="/legal-services" title="Legal Services" class="text-[#d0d0d0] hover:text-lightgray"> Legal Services </a> </li> <li class="mb-2 text-sm"> <a href="/energy" title="Energy" class="text-[#d0d0d0] hover:text-lightgray"> Energy </a> </li> <li class="mb-2 text-sm"> <a href="/manufacturing" title="Manufacturing" class="text-[#d0d0d0] hover:text-lightgray"> Manufacturing </a> </li> <li class="mb-2 text-sm"> <a href="/marketing-agencies" title="Marketing Agencies" class="text-[#d0d0d0] hover:text-lightgray"> Marketing Agencies </a> </li> <li class="mb-2 text-sm"> <a href="/online-magazines-and-news-websites" title="Publishers & Media" class="text-[#d0d0d0] hover:text-lightgray"> Publishers & Media </a> </li> <li class="mb-2 text-sm"> <a href="/ecommerce-and-retail" title="Ecommerce" class="text-[#d0d0d0] hover:text-lightgray"> Ecommerce </a> </li> <li class="mb-2 text-sm"> <a href="/direct-to-consumer-brands" title="DTC Brands" class="text-[#d0d0d0] hover:text-lightgray"> DTC Brands </a> </li> <li class="mb-2 text-sm"> <a href="/travel" title="Travel" class="text-[#d0d0d0] hover:text-lightgray"> Travel </a> </li> </ul> </div> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Resources </h3> <ul> <li class="mb-2 text-sm"> <a href="https://help.involve.me/en/" title="Help Center" class="text-[#d0d0d0] hover:text-lightgray"> Help Center </a> </li> <li class="mb-2 text-sm"> <a href="/pricing#faq" title="FAQ" class="text-[#d0d0d0] hover:text-lightgray"> FAQ </a> </li> <li class="mb-2 text-sm"> <a href="/tutorials" title="Tutorials" class="text-[#d0d0d0] hover:text-lightgray"> Tutorials </a> </li> <li class="mb-2 text-sm"> <a href="https://app.involve.me/support" title="Support" class="text-[#d0d0d0] hover:text-lightgray"> Support </a> </li> <li class="mb-2 text-sm"> <a href="/implementation-partners" title="Implementation Partners" class="text-[#d0d0d0] hover:text-lightgray"> Implementation Partners </a> </li> <li class="mb-2 text-sm"> <a href="/blog" title="Blog" class="text-[#d0d0d0] hover:text-lightgray"> Blog </a> </li> <li class="mb-2 text-sm"> <a href="https://discord.gg/FyNN7mRnGy" title="Community" class="text-[#d0d0d0] hover:text-lightgray"> Community </a> </li> <li class="mb-2 text-sm"> <a href="/pricing" title="Pricing" class="text-[#d0d0d0] hover:text-lightgray"> Pricing </a> </li> <li class="mb-2 text-sm"> <a href="https://status.involve.me/" title="Platform Status" class="text-[#d0d0d0] hover:text-lightgray"> Platform Status </a> </li> </ul> </div> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Comparisons </h3> <ul> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-typeform-alternative-in-2023" title="Typeform Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Typeform Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-heyflow-alternative" title="Heyflow Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Heyflow Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/best-outgrow-alternative" title="Outgrow Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Outgrow Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-qualtrics-alternative-in-2023" title="Qualtrics Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Qualtrics Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-jotform-alternative-in-2023-jotform-vs-involve-me" title="Jotform Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Jotform Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-google-form-alternative-in-2023" title="Google Forms Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Google Forms Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/surveymonkey-alternative" title="SurveyMonkey Alternative" class="text-[#d0d0d0] hover:text-lightgray"> SurveyMonkey Alternative </a> </li> </ul> </div> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Legal </h3> <ul> <li class="mb-2 text-sm"> <a href="/imprint" title="Imprint" class="text-[#d0d0d0] hover:text-lightgray"> Imprint </a> </li> <li class="mb-2 text-sm"> <a href="/terms" title="Terms & Conditions" class="text-[#d0d0d0] hover:text-lightgray"> Terms & Conditions </a> </li> <li class="mb-2 text-sm"> <a href="/payment-terms" title="Payment Terms" class="text-[#d0d0d0] hover:text-lightgray"> Payment Terms </a> </li> <li class="mb-2 text-sm"> <a href="/privacy" title="Privacy Policy" class="text-[#d0d0d0] hover:text-lightgray"> Privacy Policy </a> </li> <li class="mb-2 text-sm"> <a href="/data-processing" title="Data Processing" class="text-[#d0d0d0] hover:text-lightgray"> Data Processing </a> </li> <li class="mb-2 text-sm"> <a href="/content-policy" title="Content Policy" class="text-[#d0d0d0] hover:text-lightgray"> Content Policy </a> </li> <li class="mb-2 text-sm"> <a href="https://involveme.involve.me/report-abuse" title="Report Abuse" class="text-[#d0d0d0] hover:text-lightgray"> Report Abuse </a> </li> <li class="mb-2 text-sm"> <a href="/contact" title="Contact" class="text-[#d0d0d0] hover:text-lightgray"> Contact </a> </li> </ul> </div> </nav> <div class="hidden sm:block col-span-full">  <div class="opacity-20 block w-full" > <hr /> </div>  </div> <div class="col-span-full lg:col-span-8"> <nav class="flex-shrink-0">  <ul class="inline-flex space-x-2 "> <li class=""> <a class="border border-darkgray px-3 py-1.5 rounded md:text-base tracking-wide relative focus-visible:ring-2" href="/"> EN </a> </li> <li class=""> <a class="font-medium md:text-base tracking-wide relative focus-visible:ring-2" href="/de"> DE </a> </li> </ul>  </nav> </div> <div class="flex items-center col-span-full lg:col-span-4 lg:order-last sm:justify-end"> <div class="flex items-center space-x-2"> <a class="p-1 -m-1 text-neutral hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary hover:text-lightgray" href="https://www.youtube.com/@involveme1" rel="noopener" aria-label="involve.me [CDN] on Youtube" target="_blank"><svg class="w-6 h-6 overflow-visible fill-current" alt="Social media logo" aria-hidden="true" viewBox="0 0 140 140"><path d="M115 15H25A25 25 0 000 40v60a25 25 0 0025 25h90a25 25 0 0025-25V40a25 25 0 00-25-25zM95.71 76.25L63.58 94.1A7.15 7.15 0 0153 87.85v-35.7a7.15 7.15 0 0110.6-6.26l32.11 17.86a7.15 7.15 0 010 12.5z"/></svg></a> <a class="p-1 -m-1 text-neutral hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary hover:text-lightgray" href="https://discord.gg/FyNN7mRnGy" rel="noopener" aria-label="involve.me [CDN] on Discord" target="_blank"><svg class="w-6 h-6 overflow-visible fill-current" alt="Social media logo" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg></a> <a class="p-1 -m-1 text-neutral hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary hover:text-lightgray" href="https://www.facebook.com/involvemeapp" rel="noopener" aria-label="involve.me [CDN] on Facebook" target="_blank"><svg class="w-6 h-6 overflow-visible fill-current" alt="Social media logo" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg></a> <a class="p-1 -m-1 text-neutral hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary hover:text-lightgray" href="https://www.x.com/involvemeapp" rel="noopener" aria-label="involve.me [CDN] on Twitter" target="_blank"><svg class="w-6 h-6 overflow-visible fill-current" alt="Social media logo" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a> <a class="p-1 -m-1 text-neutral hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary hover:text-lightgray" href="https://www.linkedin.com/company/involvemeapp" rel="noopener" aria-label="involve.me [CDN] on Linkedin" target="_blank"><svg class="w-6 h-6 overflow-visible fill-current" alt="Social media logo" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg></a> </div> </div> </div> </div> </div> </footer>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PQRRT9K" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script> function getCookie(name) { var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return v ? v[2] : null; } function setCookie(name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); document.cookie = name + "=" + value + ";path=/;domain=.involve.me;expires=" + d.toGMTString(); } function deleteCookie(name) { setCookie(name, '', -1); } // grab UTMs and save them for registration var url_string = (window.location.href).toLowerCase(); var url = new URL(url_string); ['utm_source', 'utm_medium', 'utm_term', 'utm_content', 'utm_campaign', 'gclid', 'email', 'username', 'keyword', 'target', 'location', 'interest', 'placement', 'fbclid', 'ref', 'via', 'red'].forEach(function (parameter, i) { var value = url.searchParams.get(parameter); if (value != null) { if (value == '') { deleteCookie(parameter); } else { setCookie(parameter, value, 365); } } }); // save first referrer and first reached landing page for registration var referrer = document.referrer || window.frames.top.document.referrer; if (getCookie('referrer') == null && referrer != null && referrer != '') { setCookie('referrer', referrer, 365); } if(getCookie('first_lp') == null){ var first_lp = location.protocol + '//' + location.host + location.pathname; setCookie('first_lp', first_lp, 365); } </script> <script id="profitwell-js" data-pw-auth="49048230c5ea496911a099de09f600d1"> (function(i,s,o,g,r,a,m){i[o]=i[o]||function(){(i[o].q=i[o].q||[]).push(arguments)}; a=s.createElement(g);m=s.getElementsByTagName(g)[0];a.async=1;a.src=r+'?auth='+ s.getElementById(o+'-js').getAttribute('data-pw-auth');m.parentNode.insertBefore(a,m); })(window,document,'profitwell','script','https://public.profitwell.com/js/profitwell.js'); profitwell('start', {}); </script> <link rel="preload" as="style" href="https://www.involve.me/build/assets/site.1d044b68.css" /><link rel="preload" as="style" href="https://www.involve.me/build/assets/work-sans.8073ab78.css" /><link rel="modulepreload" href="https://www.involve.me/build/assets/site.f3766883.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/alpinejs.4f79e2fd.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/@alpinejs/focus.73884630.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/@alpinejs/persist.633fec2c.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/@alpinejs/collapse.8f69b9a2.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/@alpinejs/intersect.654e6193.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/focus-visible.e54c5306.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/meilisearch.81b77a53.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/tiny-emitter.716456e0.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/swiper.8e95817d.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/youtube-player.34cf79da.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/typeit.59002371.js" /><link rel="stylesheet" href="https://www.involve.me/build/assets/site.1d044b68.css" /><link rel="stylesheet" href="https://www.involve.me/build/assets/work-sans.8073ab78.css" /><script type="module" src="https://www.involve.me/build/assets/site.f3766883.js"></script> <script defer src='https://kit.fontawesome.com/b85f3db741.js' crossorigin='anonymous'></script> <link rel="modulepreload" href="https://www.involve.me/build/assets/intercom.91fbddd9.js" /><script type="module" src="https://www.involve.me/build/assets/intercom.91fbddd9.js"></script> </body> </html>

CINXE.COM

Free AI Funnel Generator | involve.me