CINXE.COM

Demo for beehiiv — The newsletter platform built for growth

<!DOCTYPE html><html lang="en-us"><head><meta charSet="utf-8"/><link rel="canonical" href="https://www.beehiiv.com/demo/form"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="text/html; charset=utf-8" http-equiv="Content-Type"/><meta content="website" property="og:type"/><meta content="630" property="og:image:height"/><meta content="1200" property="og:image:width"/><meta content="en_US" property="og:locale"/><meta content="summary_large_image" name="twitter:card"/><meta content="@beehiiv" name="twitter:site"/><title>Demo for beehiiv — The newsletter platform built for growth</title><meta content="https://www.beehiiv.com/demo/form" name="url"/><meta content="Access the best tools available in email, helping your newsletter scale and monetize like never before." name="description"/><link rel="icon" href="https://beehiiv-marketing-images.s3.amazonaws.com/Redesign2023/favicon.png"/><meta content="https://www.beehiiv.com/demo/form" property="og:url"/><meta content="Demo for beehiiv — The newsletter platform built for growth" property="og:title"/><meta content="Access the best tools available in email, helping your newsletter scale and monetize like never before." property="og:description"/><meta content="https://beehiiv-marketing-images.s3.amazonaws.com/Redesign2023/Homepage/png/homePageOG.jpeg" property="og:image"/><meta content="https://www.beehiiv.com/demo/form" name="twitter:url"/><meta content="Demo for beehiiv — The newsletter platform built for growth" name="twitter:title"/><meta content="Access the best tools available in email, helping your newsletter scale and monetize like never before." name="twitter:description"/><meta content="https://beehiiv-marketing-images.s3.amazonaws.com/Redesign2023/Homepage/png/homePageOG.jpeg" name="twitter:image"/><meta name="next-head-count" content="22"/><link rel="preconnect" href="https://www.googletagmanager.com"/><link rel="preconnect" href="https://api.fontshare.com"/><link href="https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901&amp;f[]=clash-grotesk@700&amp;display=swap" rel="stylesheet"/><link as="font" href="https://api.fontshare.com/css?f[]=clash-display@700&amp;display=swap" rel="stylesheet"/><link rel="shortcut icon" href="https://beehiiv-marketing-images.s3.amazonaws.com/Redesign2023/favicon.png" type="image/png"/><meta name="norton-safeweb-site-verification" content="s7wkfu9v5hga8wmz5tl63ol-yegmkmgwjok0oco1m2v98e9802f-in0lsv4-z40wk33swk3hhjkx94z3q35js9g6-se-3vho77zyun7q1hpgnkfmoarmdp1zzjyjjd4p"/><link rel="preload" href="/_next/static/media/086a70ddba625929-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/271f77516f49b23e-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/b4b00c3847edce7b.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b4b00c3847edce7b.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-3267a81abe08c0a6.js" defer=""></script><script src="/_next/static/chunks/framework-945b357d4a851f4b.js" defer=""></script><script src="/_next/static/chunks/main-2f6e402743c81cd8.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b9f5aef82903f23b.js" defer=""></script><script src="/_next/static/chunks/818-1314fccdf102426c.js" defer=""></script><script src="/_next/static/chunks/684-50809b96a04f283f.js" defer=""></script><script src="/_next/static/chunks/1126-704b6137ecca017d.js" defer=""></script><script src="/_next/static/chunks/pages/demo/form-2a589131ea3f4bcc.js" defer=""></script><script src="/_next/static/FA0VIPv1QtdebWU3Az4sH/_buildManifest.js" defer=""></script><script src="/_next/static/FA0VIPv1QtdebWU3Az4sH/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div class="__variable_82c284"><div><main><div class="h-[100vh] flex flex-col items-center justify-center bg-cover bg-center bg-no-repeat" style="background-image:url(https://beehiiv-images-production.s3.amazonaws.com/www/demo/bg-demo-form.svg);background-size:150%"><div class="w-full px-6 sf-pro-font hidden"><div style="display:block"><section class="w-full flex flex-col items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="66" height="65" fill="none"><g clip-path="url(#BeehiivLogo)"><path fill="#060419" d="M63.381 0H2.619C1.173 0 0 1.183 0 2.642v59.716C0 63.817 1.173 65 2.619 65h60.762C64.827 65 66 63.817 66 62.358V2.642C66 1.183 64.827 0 63.381 0Z"></path><path fill="#fff" d="M46.52 31.471H19.904a1.243 1.243 0 0 1-1.232-1.247v-1.901c0-2.15 1.725-3.896 3.85-3.896h21.349c2.126 0 3.85 1.745 3.85 3.896v1.901a1.198 1.198 0 0 1-1.2 1.247ZM40.912 22.37H25.509a1.276 1.276 0 0 1-1.263-1.278c0-3.18 2.557-5.767 5.7-5.767h6.53c3.142 0 5.7 2.587 5.7 5.767 0 .717-.556 1.278-1.264 1.278ZM47.753 33.529h-29.08c-1.91 0-3.482 1.59-3.482 3.522 0 1.932 1.571 3.522 3.481 3.522h10.32c.37-1.995 2.095-3.522 4.19-3.522s3.85 1.527 4.22 3.522h10.32c1.91 0 3.481-1.59 3.481-3.522 0-1.933-1.54-3.522-3.45-3.522ZM46.49 42.63h-9.025v7.045h6.777c1.91 0 3.481-1.59 3.481-3.522v-2.245a1.231 1.231 0 0 0-1.232-1.278ZM19.904 42.63c-.678 0-1.263.561-1.263 1.278v2.245c0 1.932 1.57 3.522 3.48 3.522H28.9V42.63h-8.995Z"></path></g><defs><clipPath id="BeehiivLogo"><path fill="#fff" d="M0 0h66v65H0z"></path></clipPath></defs></svg><div class="flex flex-col items-start gap-4 min-h-[70vh] w-full max-w-xl mt-7"><div class="mb-10"><h6 class="text-2xl font-semibold text-gray-900">First, let&#x27;s get to know you</h6></div><div class="grid sm:grid-cols-2 sm:gap-4 w-full"><div class="flex flex-col mb-4 "><label for="firstName" class="mb-2 font-medium">First Name<!-- --> <span class="text-red-400">*</span></label><input id="firstName" type="text" name="firstName" placeholder="Jamie" required="" class="rounded border-gray-300"/></div><div class="flex flex-col mb-4 "><label for="lastName" class="mb-2 font-medium">Last Name<!-- --> <span class="text-red-400">*</span></label><input id="lastName" type="text" name="lastName" placeholder="Buzz" required="" class="rounded border-gray-300"/></div></div><div class="grid sm:grid-cols-2 sm:gap-4 w-full"><div class="flex flex-col mb-4 w-full"><label for="email" class="mb-2 font-medium">Email<!-- --> <span class="text-red-400">*</span></label><input id="email" type="email" name="email" placeholder="jamie@beehiiv.com" required="" class="rounded border-gray-300"/></div><div class="flex flex-col mb-4 "><label for="phone" class="mb-2 font-medium">Phone Number</label><div class="PhoneInput"><div class="PhoneInputCountry"><select name="phoneCountry" aria-label="Phone number country" class="PhoneInputCountrySelect"><option value="ZZ">International</option><option value="AF">Afghanistan</option><option value="AX">Åland Islands</option><option value="AL">Albania</option><option value="DZ">Algeria</option><option value="AS">American Samoa</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AG">Antigua and Barbuda</option><option value="AR">Argentina</option><option value="AM">Armenia</option><option value="AW">Aruba</option><option value="AC">Ascension Island</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="AZ">Azerbaijan</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BY">Belarus</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivia</option><option value="BQ">Bonaire, Sint Eustatius and Saba</option><option value="BA">Bosnia and Herzegovina</option><option value="BW">Botswana</option><option value="BR">Brazil</option><option value="IO">British Indian Ocean Territory</option><option value="BN">Brunei Darussalam</option><option value="BG">Bulgaria</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodia</option><option value="CM">Cameroon</option><option value="CA">Canada</option><option value="CV">Cape Verde</option><option value="KY">Cayman Islands</option><option value="CF">Central African Republic</option><option value="TD">Chad</option><option value="CL">Chile</option><option value="CN">China</option><option value="CX">Christmas Island</option><option value="CC">Cocos (Keeling) Islands</option><option value="CO">Colombia</option><option value="KM">Comoros</option><option value="CG">Congo</option><option value="CD">Congo, Democratic Republic of the</option><option value="CK">Cook Islands</option><option value="CR">Costa Rica</option><option value="CI">Cote d&#x27;Ivoire</option><option value="HR">Croatia</option><option value="CU">Cuba</option><option value="CW">Curaçao</option><option value="CY">Cyprus</option><option value="CZ">Czech Republic</option><option value="DK">Denmark</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="DO">Dominican Republic</option><option value="EC">Ecuador</option><option value="EG">Egypt</option><option value="SV">El Salvador</option><option value="GQ">Equatorial Guinea</option><option value="ER">Eritrea</option><option value="EE">Estonia</option><option value="ET">Ethiopia</option><option value="FK">Falkland Islands</option><option value="FO">Faroe Islands</option><option value="FM">Federated States of Micronesia</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="GF">French Guiana</option><option value="PF">French Polynesia</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgia</option><option value="DE">Germany</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GL">Greenland</option><option value="GD">Grenada</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="VA">Holy See (Vatican City State)</option><option value="HN">Honduras</option><option value="HK">Hong Kong</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="ID">Indonesia</option><option value="IR">Iran</option><option value="IQ">Iraq</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="JO">Jordan</option><option value="KZ">Kazakhstan</option><option value="KE">Kenya</option><option value="KI">Kiribati</option><option value="XK">Kosovo</option><option value="KW">Kuwait</option><option value="KG">Kyrgyzstan</option><option value="LA">Laos</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LS">Lesotho</option><option value="LR">Liberia</option><option value="LY">Libya</option><option value="LI">Liechtenstein</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MO">Macao</option><option value="MG">Madagascar</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MH">Marshall Islands</option><option value="MQ">Martinique</option><option value="MR">Mauritania</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MX">Mexico</option><option value="MD">Moldova</option><option value="MC">Monaco</option><option value="MN">Mongolia</option><option value="ME">Montenegro</option><option value="MS">Montserrat</option><option value="MA">Morocco</option><option value="MZ">Mozambique</option><option value="MM">Myanmar</option><option value="NA">Namibia</option><option value="NR">Nauru</option><option value="NP">Nepal</option><option value="NL">Netherlands</option><option value="NC">New Caledonia</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NU">Niue</option><option value="NF">Norfolk Island</option><option value="KP">North Korea</option><option value="MK">North Macedonia</option><option value="MP">Northern Mariana Islands</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PS">Palestine</option><option value="PA">Panama</option><option value="PG">Papua New Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="RE">Reunion</option><option value="RO">Romania</option><option value="RU">Russia</option><option value="RW">Rwanda</option><option value="BL">Saint Barthélemy</option><option value="SH">Saint Helena</option><option value="KN">Saint Kitts and Nevis</option><option value="LC">Saint Lucia</option><option value="MF">Saint Martin (French Part)</option><option value="PM">Saint Pierre and Miquelon</option><option value="VC">Saint Vincent and the Grenadines</option><option value="WS">Samoa</option><option value="SM">San Marino</option><option value="ST">Sao Tome and Principe</option><option value="SA">Saudi Arabia</option><option value="SN">Senegal</option><option value="RS">Serbia</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SX">Sint Maarten</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="SB">Solomon Islands</option><option value="SO">Somalia</option><option value="ZA">South Africa</option><option value="KR">South Korea</option><option value="SS">South Sudan</option><option value="ES">Spain</option><option value="LK">Sri Lanka</option><option value="SD">Sudan</option><option value="SR">Suriname</option><option value="SJ">Svalbard and Jan Mayen</option><option value="SZ">Swaziland</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="SY">Syria</option><option value="TW">Taiwan</option><option value="TJ">Tajikistan</option><option value="TZ">Tanzania</option><option value="TH">Thailand</option><option value="TL">Timor-Leste</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinidad and Tobago</option><option value="TA">Tristan da Cunha</option><option value="TN">Tunisia</option><option value="TR">Turkey</option><option value="TM">Turkmenistan</option><option value="TC">Turks and Caicos Islands</option><option value="TV">Tuvalu</option><option value="UG">Uganda</option><option value="UA">Ukraine</option><option value="AE">United Arab Emirates</option><option value="GB">United Kingdom</option><option value="US" selected="">United States</option><option value="UY">Uruguay</option><option value="UZ">Uzbekistan</option><option value="VU">Vanuatu</option><option value="VE">Venezuela</option><option value="VN">Vietnam</option><option value="VG">Virgin Islands, British</option><option value="VI">Virgin Islands, U.S.</option><option value="WF">Wallis and Futuna</option><option value="EH">Western Sahara</option><option value="YE">Yemen</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option></select><div class="PhoneInputCountryIconUnicode">🇺🇸</div><div class="PhoneInputCountrySelectArrow"></div></div><input type="tel" autoComplete="tel" placeholder="Enter phone number" name="phone" class="PhoneInputInput" value=""/></div></div></div><div class="text-sm text-gray-500"><div class="mb-4 undefined "><div class="flex flex-col gap-2"><div class="flex items-start gap-2"><input type="checkbox" class="relative top-[4px] rounded-checkbox !top-[3px]" id="phoneMessageConsent" name="phoneMessageConsent" objecttypeid="0-2" value="true"/><label for="phoneMessageConsent">I agree to receive promotional texts (SMS) and/or calls from beehiiv.</label></div></div></div><span class="block mt-6 italic">By proceeding, you agree to our <a href="/privacy" class="text-blue-400">Privacy Policy</a> and <a class="text-blue-400" href="/tou">Terms of Use</a>.</span></div><div class="mt-auto flex gap-4 justify-between w-full font-medium"><div></div><div class="flex gap-4"><button class="px-4 py-2 rounded-md shadow cursor-pointer bg-gray-300 text-gray-600 !cursor-not-allowed" disabled="">Continue</button></div></div></div></section></div><div style="display:none"><section class="w-full flex flex-col items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="66" height="65" fill="none"><g clip-path="url(#BeehiivLogo)"><path fill="#060419" d="M63.381 0H2.619C1.173 0 0 1.183 0 2.642v59.716C0 63.817 1.173 65 2.619 65h60.762C64.827 65 66 63.817 66 62.358V2.642C66 1.183 64.827 0 63.381 0Z"></path><path fill="#fff" d="M46.52 31.471H19.904a1.243 1.243 0 0 1-1.232-1.247v-1.901c0-2.15 1.725-3.896 3.85-3.896h21.349c2.126 0 3.85 1.745 3.85 3.896v1.901a1.198 1.198 0 0 1-1.2 1.247ZM40.912 22.37H25.509a1.276 1.276 0 0 1-1.263-1.278c0-3.18 2.557-5.767 5.7-5.767h6.53c3.142 0 5.7 2.587 5.7 5.767 0 .717-.556 1.278-1.264 1.278ZM47.753 33.529h-29.08c-1.91 0-3.482 1.59-3.482 3.522 0 1.932 1.571 3.522 3.481 3.522h10.32c.37-1.995 2.095-3.522 4.19-3.522s3.85 1.527 4.22 3.522h10.32c1.91 0 3.481-1.59 3.481-3.522 0-1.933-1.54-3.522-3.45-3.522ZM46.49 42.63h-9.025v7.045h6.777c1.91 0 3.481-1.59 3.481-3.522v-2.245a1.231 1.231 0 0 0-1.232-1.278ZM19.904 42.63c-.678 0-1.263.561-1.263 1.278v2.245c0 1.932 1.57 3.522 3.48 3.522H28.9V42.63h-8.995Z"></path></g><defs><clipPath id="BeehiivLogo"><path fill="#fff" d="M0 0h66v65H0z"></path></clipPath></defs></svg><div class="flex flex-col items-start gap-4 min-h-[70vh] w-full max-w-xl mt-7"><div class="mb-10"><h6 class="text-2xl font-semibold text-gray-900">Which best describes you?</h6></div><div class="grid gap-2 w-full text-gray-700"><div class="radio-wrapper"><input type="radio" id="migrating" name="qualification" class="hidden" value="migrating"/><label for="migrating" class="flex items-center justify-between w-full px-6 py-4 text-gray-700 font-medium border border-gray-300 bg-white rounded-md cursor-pointer transition-colors hover:border-black"><span class="flex items-center justify-between w-full">I have a newsletter.<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" fill="none"><rect width="60" height="60" x="0.5" fill="#EDE9FE" rx="3"></rect><path fill="#8B5CF6" fill-rule="evenodd" d="M20.616 24.977A2.8 2.8 0 0 0 19.3 27.35v11.05a2.8 2.8 0 0 0 2.8 2.8h16.8a2.8 2.8 0 0 0 2.8-2.8V27.35a2.8 2.8 0 0 0-1.316-2.374l-8.4-5.25a2.8 2.8 0 0 0-2.968 0l-8.4 5.25Zm3.66 3.392a1.399 1.399 0 0 0-2.15.893 1.4 1.4 0 0 0 .597 1.437l7 4.666a1.4 1.4 0 0 0 1.554 0l7-4.666a1.4 1.4 0 0 0-1.554-2.33L30.5 32.517l-6.223-4.148Z" clip-rule="evenodd"></path></svg></span></label></div><div class="radio-wrapper"><input type="radio" id="starting" name="qualification" class="hidden" value="starting"/><label for="starting" class="flex items-center justify-between w-full px-6 py-4 text-gray-700 font-medium border border-gray-300 bg-white rounded-md cursor-pointer transition-colors hover:border-black"><span class="flex items-center justify-between w-full">I&#x27;m starting a newsletter.<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" fill="none"><rect width="60" height="60" x="0.5" fill="#FCE7F3" rx="3.947"></rect><path fill="#EC4899" fill-rule="evenodd" d="M24.027 33.563a.9.9 0 0 1-.16 1.262 2.994 2.994 0 0 0-1.117 2.925 2.993 2.993 0 0 0 2.924-1.116.9.9 0 1 1 1.424 1.101 4.794 4.794 0 0 1-5.378 1.599.9.9 0 0 1-.553-.554 4.795 4.795 0 0 1-.267-1.58c0-1.546.732-2.922 1.865-3.798a.9.9 0 0 1 1.262.16Z" clip-rule="evenodd"></path><path fill="#EC4899" fill-rule="evenodd" d="M25.403 32.4a15.688 15.688 0 0 0 2.697 2.697V39.9a.9.9 0 0 0 .9.9 6 6 0 0 0 5.757-7.697C38.717 30.276 41.3 25.64 41.3 20.4c0-.105 0-.21-.003-.315a.9.9 0 0 0-.882-.882L40.1 19.2c-5.24 0-9.875 2.584-12.703 6.543A6 6 0 0 0 19.7 31.5a.9.9 0 0 0 .9.9h4.803Zm8.697-3.6a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8Z" clip-rule="evenodd"></path></svg></span></label></div><div class="radio-wrapper"><input type="radio" id="looking" name="qualification" class="hidden" value="looking"/><label for="looking" class="flex items-center justify-between w-full px-6 py-4 text-gray-700 font-medium border border-gray-300 bg-white rounded-md cursor-pointer transition-colors hover:border-black"><span class="flex items-center justify-between w-full">I&#x27;m just looking around.<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" fill="none"><rect width="60" height="60" x="0.5" fill="#FEF3C7" rx="3"></rect><path fill="#F59E0B" d="M30.5 32.8a2.8 2.8 0 1 0 0-5.6 2.8 2.8 0 0 0 0 5.6Z"></path><path fill="#F59E0B" fill-rule="evenodd" d="M17.142 30c1.783-5.68 7.09-9.8 13.358-9.8 6.27 0 11.576 4.12 13.36 9.8-1.784 5.68-7.09 9.8-13.36 9.8-6.269 0-11.575-4.12-13.358-9.8ZM36.1 30a5.6 5.6 0 1 1-11.2 0 5.6 5.6 0 0 1 11.2 0Z" clip-rule="evenodd"></path></svg></span></label></div></div><div class="mt-auto flex gap-4 justify-between w-full font-medium"><button class="px-4 py-2 pl-0 text-black flex items-center gap-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>Back</button><div class="flex gap-4"><button class="px-4 py-2 rounded-md shadow cursor-pointer bg-gray-300 text-gray-600 !cursor-not-allowed" disabled="">Continue</button></div></div></div></section></div><div style="display:none"><section class="w-full flex flex-col items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="66" height="65" fill="none"><g clip-path="url(#BeehiivLogo)"><path fill="#060419" d="M63.381 0H2.619C1.173 0 0 1.183 0 2.642v59.716C0 63.817 1.173 65 2.619 65h60.762C64.827 65 66 63.817 66 62.358V2.642C66 1.183 64.827 0 63.381 0Z"></path><path fill="#fff" d="M46.52 31.471H19.904a1.243 1.243 0 0 1-1.232-1.247v-1.901c0-2.15 1.725-3.896 3.85-3.896h21.349c2.126 0 3.85 1.745 3.85 3.896v1.901a1.198 1.198 0 0 1-1.2 1.247ZM40.912 22.37H25.509a1.276 1.276 0 0 1-1.263-1.278c0-3.18 2.557-5.767 5.7-5.767h6.53c3.142 0 5.7 2.587 5.7 5.767 0 .717-.556 1.278-1.264 1.278ZM47.753 33.529h-29.08c-1.91 0-3.482 1.59-3.482 3.522 0 1.932 1.571 3.522 3.481 3.522h10.32c.37-1.995 2.095-3.522 4.19-3.522s3.85 1.527 4.22 3.522h10.32c1.91 0 3.481-1.59 3.481-3.522 0-1.933-1.54-3.522-3.45-3.522ZM46.49 42.63h-9.025v7.045h6.777c1.91 0 3.481-1.59 3.481-3.522v-2.245a1.231 1.231 0 0 0-1.232-1.278ZM19.904 42.63c-.678 0-1.263.561-1.263 1.278v2.245c0 1.932 1.57 3.522 3.48 3.522H28.9V42.63h-8.995Z"></path></g><defs><clipPath id="BeehiivLogo"><path fill="#fff" d="M0 0h66v65H0z"></path></clipPath></defs></svg><div class="flex flex-col items-start gap-4 min-h-[70vh] w-full max-w-xl mt-7"><div class="mb-10"><h6 class="text-2xl font-semibold text-gray-900">Amazing! Now, what platform are you coming from?</h6><p class="text-gray-700 text-lg mt-2">This will help us personalize your experience on beehiiv.</p></div><div class="flex flex-wrap gap-4 max-w-lg"><label for="platform-0" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="platform-0" name="platform" class="hidden" value="Substack"/><div class="flex items-center justify-center w-full gap-2">Substack<div data-tooltip-id="tooltip-platform-0" data-tooltip-content="One click migration available in beehiiv" data-tooltip-place="top"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#F5F3FF" rx="3.889"></rect><path fill="#6D28D9" fill-rule="evenodd" d="M10 4.429c.257 0 .465.207.465.464v.928a.464.464 0 0 1-.929 0v-.928c0-.257.208-.464.464-.464ZM6.936 5.698a.464.464 0 0 1 .657 0l.656.656a.464.464 0 1 1-.656.657l-.657-.657a.464.464 0 0 1 0-.656Zm6.129 0a.464.464 0 0 1 0 .656l-.657.657a.464.464 0 0 1-.657-.657l.657-.656a.464.464 0 0 1 .657 0ZM5.667 8.762c0-.257.208-.464.464-.464h.929a.464.464 0 0 1 0 .928H6.13a.464.464 0 0 1-.464-.464Zm6.81 0c0-.257.207-.464.464-.464h.928a.464.464 0 0 1 0 .928h-.928a.464.464 0 0 1-.465-.464Zm-4.228 1.75a.464.464 0 0 1 0 .657l-.656.657a.464.464 0 1 1-.657-.657l.657-.656a.464.464 0 0 1 .656 0Zm2.225-2.053a.464.464 0 0 0-.848.226l-.304 4.247a.464.464 0 0 0 .745.402l.646-.494.61 2.277a.464.464 0 1 0 .897-.24l-.605-2.258.8.126a.464.464 0 0 0 .457-.717l-2.398-3.57Z" clip-rule="evenodd"></path></svg></div></div></label><label for="platform-1" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="platform-1" name="platform" class="hidden" value="Ghost"/><div class="flex items-center justify-center w-full gap-2">Ghost<div data-tooltip-id="tooltip-platform-1" data-tooltip-content="One click migration available in beehiiv" data-tooltip-place="top"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#F5F3FF" rx="3.889"></rect><path fill="#6D28D9" fill-rule="evenodd" d="M10 4.429c.257 0 .465.207.465.464v.928a.464.464 0 0 1-.929 0v-.928c0-.257.208-.464.464-.464ZM6.936 5.698a.464.464 0 0 1 .657 0l.656.656a.464.464 0 1 1-.656.657l-.657-.657a.464.464 0 0 1 0-.656Zm6.129 0a.464.464 0 0 1 0 .656l-.657.657a.464.464 0 0 1-.657-.657l.657-.656a.464.464 0 0 1 .657 0ZM5.667 8.762c0-.257.208-.464.464-.464h.929a.464.464 0 0 1 0 .928H6.13a.464.464 0 0 1-.464-.464Zm6.81 0c0-.257.207-.464.464-.464h.928a.464.464 0 0 1 0 .928h-.928a.464.464 0 0 1-.465-.464Zm-4.228 1.75a.464.464 0 0 1 0 .657l-.656.657a.464.464 0 1 1-.657-.657l.657-.656a.464.464 0 0 1 .656 0Zm2.225-2.053a.464.464 0 0 0-.848.226l-.304 4.247a.464.464 0 0 0 .745.402l.646-.494.61 2.277a.464.464 0 1 0 .897-.24l-.605-2.258.8.126a.464.464 0 0 0 .457-.717l-2.398-3.57Z" clip-rule="evenodd"></path></svg></div></div></label><label for="platform-2" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="platform-2" name="platform" class="hidden" value="Campaign Monitor"/><div class="flex items-center justify-center w-full gap-2">Campaign Monitor<div data-tooltip-id="tooltip-platform-2" data-tooltip-content="One click migration available in beehiiv" data-tooltip-place="top"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#F5F3FF" rx="3.889"></rect><path fill="#6D28D9" fill-rule="evenodd" d="M10 4.429c.257 0 .465.207.465.464v.928a.464.464 0 0 1-.929 0v-.928c0-.257.208-.464.464-.464ZM6.936 5.698a.464.464 0 0 1 .657 0l.656.656a.464.464 0 1 1-.656.657l-.657-.657a.464.464 0 0 1 0-.656Zm6.129 0a.464.464 0 0 1 0 .656l-.657.657a.464.464 0 0 1-.657-.657l.657-.656a.464.464 0 0 1 .657 0ZM5.667 8.762c0-.257.208-.464.464-.464h.929a.464.464 0 0 1 0 .928H6.13a.464.464 0 0 1-.464-.464Zm6.81 0c0-.257.207-.464.464-.464h.928a.464.464 0 0 1 0 .928h-.928a.464.464 0 0 1-.465-.464Zm-4.228 1.75a.464.464 0 0 1 0 .657l-.656.657a.464.464 0 1 1-.657-.657l.657-.656a.464.464 0 0 1 .656 0Zm2.225-2.053a.464.464 0 0 0-.848.226l-.304 4.247a.464.464 0 0 0 .745.402l.646-.494.61 2.277a.464.464 0 1 0 .897-.24l-.605-2.258.8.126a.464.464 0 0 0 .457-.717l-2.398-3.57Z" clip-rule="evenodd"></path></svg></div></div></label><label for="platform-3" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="platform-3" name="platform" class="hidden" value="Wordpress"/><div class="flex items-center justify-center w-full gap-2">Wordpress<div data-tooltip-id="tooltip-platform-3" data-tooltip-content="One click migration available in beehiiv" data-tooltip-place="top"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#F5F3FF" rx="3.889"></rect><path fill="#6D28D9" fill-rule="evenodd" d="M10 4.429c.257 0 .465.207.465.464v.928a.464.464 0 0 1-.929 0v-.928c0-.257.208-.464.464-.464ZM6.936 5.698a.464.464 0 0 1 .657 0l.656.656a.464.464 0 1 1-.656.657l-.657-.657a.464.464 0 0 1 0-.656Zm6.129 0a.464.464 0 0 1 0 .656l-.657.657a.464.464 0 0 1-.657-.657l.657-.656a.464.464 0 0 1 .657 0ZM5.667 8.762c0-.257.208-.464.464-.464h.929a.464.464 0 0 1 0 .928H6.13a.464.464 0 0 1-.464-.464Zm6.81 0c0-.257.207-.464.464-.464h.928a.464.464 0 0 1 0 .928h-.928a.464.464 0 0 1-.465-.464Zm-4.228 1.75a.464.464 0 0 1 0 .657l-.656.657a.464.464 0 1 1-.657-.657l.657-.656a.464.464 0 0 1 .656 0Zm2.225-2.053a.464.464 0 0 0-.848.226l-.304 4.247a.464.464 0 0 0 .745.402l.646-.494.61 2.277a.464.464 0 1 0 .897-.24l-.605-2.258.8.126a.464.464 0 0 0 .457-.717l-2.398-3.57Z" clip-rule="evenodd"></path></svg></div></div></label><label for="platform-4" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="platform-4" name="platform" class="hidden" value="MailChimp"/><div class="flex items-center justify-center w-full gap-2">Mailchimp<div data-tooltip-id="tooltip-platform-4" data-tooltip-content="One click migration available in beehiiv" data-tooltip-place="top"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#F5F3FF" rx="3.889"></rect><path fill="#6D28D9" fill-rule="evenodd" d="M10 4.429c.257 0 .465.207.465.464v.928a.464.464 0 0 1-.929 0v-.928c0-.257.208-.464.464-.464ZM6.936 5.698a.464.464 0 0 1 .657 0l.656.656a.464.464 0 1 1-.656.657l-.657-.657a.464.464 0 0 1 0-.656Zm6.129 0a.464.464 0 0 1 0 .656l-.657.657a.464.464 0 0 1-.657-.657l.657-.656a.464.464 0 0 1 .657 0ZM5.667 8.762c0-.257.208-.464.464-.464h.929a.464.464 0 0 1 0 .928H6.13a.464.464 0 0 1-.464-.464Zm6.81 0c0-.257.207-.464.464-.464h.928a.464.464 0 0 1 0 .928h-.928a.464.464 0 0 1-.465-.464Zm-4.228 1.75a.464.464 0 0 1 0 .657l-.656.657a.464.464 0 1 1-.657-.657l.657-.656a.464.464 0 0 1 .656 0Zm2.225-2.053a.464.464 0 0 0-.848.226l-.304 4.247a.464.464 0 0 0 .745.402l.646-.494.61 2.277a.464.464 0 1 0 .897-.24l-.605-2.258.8.126a.464.464 0 0 0 .457-.717l-2.398-3.57Z" clip-rule="evenodd"></path></svg></div></div></label><label for="platform-5" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="platform-5" name="platform" class="hidden" value="MailerLite"/><div class="flex items-center justify-center w-full gap-2">Mailerlite</div></label><label for="platform-6" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="platform-6" name="platform" class="hidden" value="ConvertKit"/><div class="flex items-center justify-center w-full gap-2">ConvertKit</div></label><label for="platform-7" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="platform-7" name="platform" class="hidden" value="ActiveCampaign"/><div class="flex items-center justify-center w-full gap-2">Active Campaign</div></label><label for="platform-8" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="platform-8" name="platform" class="hidden" value="Klaviyo"/><div class="flex items-center justify-center w-full gap-2">Klaviyo</div></label></div><div class="min-w-[350px]"><div><div class="relative w-full"><div tabindex="0" aria-expanded="false" class="flex px-4 font-medium text-gray-700 border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors focus:outline-none bg-white hover:border-gray-400"><div class="grow pl-2.5 py-2 pr-2 flex flex-wrap gap-1"><p class="truncate cursor-default select-none">More options</p></div><div class="flex flex-none items-center py-1.5"><div class="h-full"><span class="w-px h-full inline-block text-white bg-gray-300 text-opacity-0"></span></div><div class="px-1.5"><svg class="transition duration-300 w-6 h-6 p-0.5 text-gray-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg></div></div></div></div><input hidden="" name="multi-select-platform" value=""/></div></div><div class="mt-auto flex gap-4 justify-between w-full font-medium"><button class="px-4 py-2 pl-0 text-black flex items-center gap-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>Back</button><div class="flex gap-4"><button class="px-4 py-2 rounded-md shadow cursor-pointer bg-gray-300 text-gray-600 !cursor-not-allowed" disabled="">Continue</button></div></div></div></section></div><div style="display:none"><section class="w-full flex flex-col items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="66" height="65" fill="none"><g clip-path="url(#BeehiivLogo)"><path fill="#060419" d="M63.381 0H2.619C1.173 0 0 1.183 0 2.642v59.716C0 63.817 1.173 65 2.619 65h60.762C64.827 65 66 63.817 66 62.358V2.642C66 1.183 64.827 0 63.381 0Z"></path><path fill="#fff" d="M46.52 31.471H19.904a1.243 1.243 0 0 1-1.232-1.247v-1.901c0-2.15 1.725-3.896 3.85-3.896h21.349c2.126 0 3.85 1.745 3.85 3.896v1.901a1.198 1.198 0 0 1-1.2 1.247ZM40.912 22.37H25.509a1.276 1.276 0 0 1-1.263-1.278c0-3.18 2.557-5.767 5.7-5.767h6.53c3.142 0 5.7 2.587 5.7 5.767 0 .717-.556 1.278-1.264 1.278ZM47.753 33.529h-29.08c-1.91 0-3.482 1.59-3.482 3.522 0 1.932 1.571 3.522 3.481 3.522h10.32c.37-1.995 2.095-3.522 4.19-3.522s3.85 1.527 4.22 3.522h10.32c1.91 0 3.481-1.59 3.481-3.522 0-1.933-1.54-3.522-3.45-3.522ZM46.49 42.63h-9.025v7.045h6.777c1.91 0 3.481-1.59 3.481-3.522v-2.245a1.231 1.231 0 0 0-1.232-1.278ZM19.904 42.63c-.678 0-1.263.561-1.263 1.278v2.245c0 1.932 1.57 3.522 3.48 3.522H28.9V42.63h-8.995Z"></path></g><defs><clipPath id="BeehiivLogo"><path fill="#fff" d="M0 0h66v65H0z"></path></clipPath></defs></svg><div class="flex flex-col items-start gap-4 min-h-[70vh] w-full max-w-xl mt-7"><div class="mb-10"><h6 class="text-2xl font-semibold text-gray-900">Are you currently monetizing, or interested in making money from your newsletter?</h6></div><div class="grid grid-cols-2 gap-4 w-full"><div class="radio-wrapper"><input type="radio" id="yes" name="monetize" class="hidden" value="yes"/><label for="yes" class="flex items-center justify-between w-full px-6 py-4 text-gray-700 font-medium border border-gray-300 bg-white rounded-md cursor-pointer transition-colors hover:border-black"><span class="flex items-center justify-between w-full">Yes<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none"><rect width="60" height="60" fill="#D1FAE5" rx="3"></rect><path fill="#10B981" d="M28.207 26.204c.266-.21.58-.364.918-.46v3.261a2.627 2.627 0 0 1-.918-.459c-.459-.365-.637-.794-.637-1.171s.178-.806.637-1.171ZM30.875 34.272v-3.294c.405.099.774.265 1.075.49.497.374.675.801.675 1.157s-.178.783-.675 1.156c-.3.226-.67.392-1.075.49Z"></path><path fill="#10B981" fill-rule="evenodd" d="M30 18.625c-6.282 0-11.375 5.093-11.375 11.375S23.718 41.375 30 41.375 41.375 36.282 41.375 30 36.282 18.625 30 18.625ZM30.875 23a.875.875 0 0 0-1.75 0v.952a4.475 4.475 0 0 0-2.006.882c-.831.66-1.299 1.574-1.299 2.541 0 .967.468 1.881 1.299 2.541a4.471 4.471 0 0 0 2.006.882v3.474a2.956 2.956 0 0 1-1.075-.49l-1.025-.77a.875.875 0 1 0-1.05 1.4l1.025.77c.622.466 1.364.751 2.125.873V37a.875.875 0 0 0 1.75 0v-.945c.76-.122 1.503-.407 2.125-.874.87-.652 1.375-1.568 1.375-2.556s-.506-1.904-1.375-2.556c-.622-.467-1.364-.752-2.125-.874v-3.45c.337.095.652.248.917.459l.484.384a.875.875 0 1 0 1.089-1.37l-.484-.384a4.476 4.476 0 0 0-2.006-.882V23Z" clip-rule="evenodd"></path></svg></span></label></div><div class="radio-wrapper"><input type="radio" id="no" name="monetize" class="hidden" value="no"/><label for="no" class="flex items-center justify-between w-full px-6 py-4 text-gray-700 font-medium border border-gray-300 bg-white rounded-md cursor-pointer transition-colors hover:border-black"><span class="flex items-center justify-between w-full">No<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none"><rect width="60" height="60" fill="#FCE7F3" rx="3.947"></rect><path fill="#EC4899" fill-rule="evenodd" d="M30 18.625c-6.282 0-11.375 5.093-11.375 11.375S23.718 41.375 30 41.375 41.375 36.282 41.375 30 36.282 18.625 30 18.625Zm-2.006 8.131a.875.875 0 1 0-1.238 1.238L28.763 30l-2.007 2.006a.875.875 0 1 0 1.238 1.238L30 31.237l2.006 2.007a.875.875 0 1 0 1.238-1.238L31.237 30l2.007-2.006a.875.875 0 1 0-1.238-1.238L30 28.763l-2.006-2.007Z" clip-rule="evenodd"></path></svg></span></label></div></div><div class="mt-auto flex gap-4 justify-between w-full font-medium"><button class="px-4 py-2 pl-0 text-black flex items-center gap-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>Back</button><div class="flex gap-4"><button class="px-4 py-2 rounded-md shadow cursor-pointer bg-cyber-ink text-white">Continue</button></div></div></div></section></div><div style="display:none"><section class="w-full flex flex-col items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="66" height="65" fill="none"><g clip-path="url(#BeehiivLogo)"><path fill="#060419" d="M63.381 0H2.619C1.173 0 0 1.183 0 2.642v59.716C0 63.817 1.173 65 2.619 65h60.762C64.827 65 66 63.817 66 62.358V2.642C66 1.183 64.827 0 63.381 0Z"></path><path fill="#fff" d="M46.52 31.471H19.904a1.243 1.243 0 0 1-1.232-1.247v-1.901c0-2.15 1.725-3.896 3.85-3.896h21.349c2.126 0 3.85 1.745 3.85 3.896v1.901a1.198 1.198 0 0 1-1.2 1.247ZM40.912 22.37H25.509a1.276 1.276 0 0 1-1.263-1.278c0-3.18 2.557-5.767 5.7-5.767h6.53c3.142 0 5.7 2.587 5.7 5.767 0 .717-.556 1.278-1.264 1.278ZM47.753 33.529h-29.08c-1.91 0-3.482 1.59-3.482 3.522 0 1.932 1.571 3.522 3.481 3.522h10.32c.37-1.995 2.095-3.522 4.19-3.522s3.85 1.527 4.22 3.522h10.32c1.91 0 3.481-1.59 3.481-3.522 0-1.933-1.54-3.522-3.45-3.522ZM46.49 42.63h-9.025v7.045h6.777c1.91 0 3.481-1.59 3.481-3.522v-2.245a1.231 1.231 0 0 0-1.232-1.278ZM19.904 42.63c-.678 0-1.263.561-1.263 1.278v2.245c0 1.932 1.57 3.522 3.48 3.522H28.9V42.63h-8.995Z"></path></g><defs><clipPath id="BeehiivLogo"><path fill="#fff" d="M0 0h66v65H0z"></path></clipPath></defs></svg><div class="flex flex-col items-start gap-4 min-h-[70vh] w-full max-w-xl mt-7"><div class="mb-10"><h6 class="text-2xl font-semibold text-gray-900">Are you interested in making money from your newsletter?</h6></div><div class="grid grid-cols-2 gap-4 w-full text-gray-700"><div class="radio-wrapper"><input type="radio" id="yes_with_skip" name="monetize_with_skip" class="hidden" value="yes"/><label for="yes_with_skip" class="flex items-center justify-between w-full px-6 py-4 text-gray-700 font-medium border border-gray-300 bg-white rounded-md cursor-pointer transition-colors hover:border-black"><span class="flex items-center justify-between w-full">Yes<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none"><rect width="60" height="60" fill="#D1FAE5" rx="3"></rect><path fill="#10B981" d="M28.207 26.204c.266-.21.58-.364.918-.46v3.261a2.627 2.627 0 0 1-.918-.459c-.459-.365-.637-.794-.637-1.171s.178-.806.637-1.171ZM30.875 34.272v-3.294c.405.099.774.265 1.075.49.497.374.675.801.675 1.157s-.178.783-.675 1.156c-.3.226-.67.392-1.075.49Z"></path><path fill="#10B981" fill-rule="evenodd" d="M30 18.625c-6.282 0-11.375 5.093-11.375 11.375S23.718 41.375 30 41.375 41.375 36.282 41.375 30 36.282 18.625 30 18.625ZM30.875 23a.875.875 0 0 0-1.75 0v.952a4.475 4.475 0 0 0-2.006.882c-.831.66-1.299 1.574-1.299 2.541 0 .967.468 1.881 1.299 2.541a4.471 4.471 0 0 0 2.006.882v3.474a2.956 2.956 0 0 1-1.075-.49l-1.025-.77a.875.875 0 1 0-1.05 1.4l1.025.77c.622.466 1.364.751 2.125.873V37a.875.875 0 0 0 1.75 0v-.945c.76-.122 1.503-.407 2.125-.874.87-.652 1.375-1.568 1.375-2.556s-.506-1.904-1.375-2.556c-.622-.467-1.364-.752-2.125-.874v-3.45c.337.095.652.248.917.459l.484.384a.875.875 0 1 0 1.089-1.37l-.484-.384a4.476 4.476 0 0 0-2.006-.882V23Z" clip-rule="evenodd"></path></svg></span></label></div><div class="radio-wrapper"><input type="radio" id="no_with_skip" name="monetize_with_skip" class="hidden" value="no"/><label for="no_with_skip" class="flex items-center justify-between w-full px-6 py-4 text-gray-700 font-medium border border-gray-300 bg-white rounded-md cursor-pointer transition-colors hover:border-black"><span class="flex items-center justify-between w-full">No<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none"><rect width="60" height="60" fill="#FCE7F3" rx="3.947"></rect><path fill="#EC4899" fill-rule="evenodd" d="M30 18.625c-6.282 0-11.375 5.093-11.375 11.375S23.718 41.375 30 41.375 41.375 36.282 41.375 30 36.282 18.625 30 18.625Zm-2.006 8.131a.875.875 0 1 0-1.238 1.238L28.763 30l-2.007 2.006a.875.875 0 1 0 1.238 1.238L30 31.237l2.006 2.007a.875.875 0 1 0 1.238-1.238L31.237 30l2.007-2.006a.875.875 0 1 0-1.238-1.238L30 28.763l-2.006-2.007Z" clip-rule="evenodd"></path></svg></span></label></div></div><div class="mt-auto flex gap-4 justify-between w-full font-medium"><button class="px-4 py-2 pl-0 text-black flex items-center gap-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>Back</button><div class="flex gap-4"><button class="px-4 py-2 text-black border rounded-md shadow bg-white border-gray-200 cursor-pointer">Skip</button><button class="px-4 py-2 rounded-md shadow cursor-pointer bg-cyber-ink text-white">Continue</button></div></div></div></section></div><div style="display:none"><section class="w-full flex flex-col items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="66" height="65" fill="none"><g clip-path="url(#BeehiivLogo)"><path fill="#060419" d="M63.381 0H2.619C1.173 0 0 1.183 0 2.642v59.716C0 63.817 1.173 65 2.619 65h60.762C64.827 65 66 63.817 66 62.358V2.642C66 1.183 64.827 0 63.381 0Z"></path><path fill="#fff" d="M46.52 31.471H19.904a1.243 1.243 0 0 1-1.232-1.247v-1.901c0-2.15 1.725-3.896 3.85-3.896h21.349c2.126 0 3.85 1.745 3.85 3.896v1.901a1.198 1.198 0 0 1-1.2 1.247ZM40.912 22.37H25.509a1.276 1.276 0 0 1-1.263-1.278c0-3.18 2.557-5.767 5.7-5.767h6.53c3.142 0 5.7 2.587 5.7 5.767 0 .717-.556 1.278-1.264 1.278ZM47.753 33.529h-29.08c-1.91 0-3.482 1.59-3.482 3.522 0 1.932 1.571 3.522 3.481 3.522h10.32c.37-1.995 2.095-3.522 4.19-3.522s3.85 1.527 4.22 3.522h10.32c1.91 0 3.481-1.59 3.481-3.522 0-1.933-1.54-3.522-3.45-3.522ZM46.49 42.63h-9.025v7.045h6.777c1.91 0 3.481-1.59 3.481-3.522v-2.245a1.231 1.231 0 0 0-1.232-1.278ZM19.904 42.63c-.678 0-1.263.561-1.263 1.278v2.245c0 1.932 1.57 3.522 3.48 3.522H28.9V42.63h-8.995Z"></path></g><defs><clipPath id="BeehiivLogo"><path fill="#fff" d="M0 0h66v65H0z"></path></clipPath></defs></svg><div class="flex flex-col items-start gap-4 min-h-[70vh] w-full max-w-xl mt-7"><div class="mb-10"><h6 class="text-2xl font-semibold text-gray-900">How large is your subscriber list?</h6></div><div class="flex flex-wrap gap-4"><label for="subscriberCount-0" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="subscriberCount-0" name="subscriberCount" class="hidden" value="0_999"/><div class="flex items-center justify-center w-full">0-999</div></label><label for="subscriberCount-1" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="subscriberCount-1" name="subscriberCount" class="hidden" value="1000_2499"/><div class="flex items-center justify-center w-full">1,000 - 2,499</div></label><label for="subscriberCount-2" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="subscriberCount-2" name="subscriberCount" class="hidden" value="2500_9999"/><div class="flex items-center justify-center w-full">2,500 - 9,999</div></label><label for="subscriberCount-3" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="subscriberCount-3" name="subscriberCount" class="hidden" value="10000_49999"/><div class="flex items-center justify-center w-full">10,000 - 49,999</div></label><label for="subscriberCount-4" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="subscriberCount-4" name="subscriberCount" class="hidden" value="50000_99999"/><div class="flex items-center justify-center w-full">50,000 - 99,999</div></label><label for="subscriberCount-5" class="px-4 py-2 text-gray-700 font-medium border rounded-md bg-white border-gray-200 cursor-pointer hover:border-black transition-colors "><input type="radio" id="subscriberCount-5" name="subscriberCount" class="hidden" value="100000+"/><div class="flex items-center justify-center w-full">100,000 +</div></label></div><div class="mt-auto flex gap-4 justify-between w-full font-medium"><button class="px-4 py-2 pl-0 text-black flex items-center gap-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>Back</button><div class="flex gap-4"><button class="px-4 py-2 rounded-md shadow cursor-pointer bg-cyber-ink text-white">Continue</button></div></div></div></section></div><div style="display:none"><section class="w-full flex flex-col items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="66" height="65" fill="none"><g clip-path="url(#BeehiivLogo)"><path fill="#060419" d="M63.381 0H2.619C1.173 0 0 1.183 0 2.642v59.716C0 63.817 1.173 65 2.619 65h60.762C64.827 65 66 63.817 66 62.358V2.642C66 1.183 64.827 0 63.381 0Z"></path><path fill="#fff" d="M46.52 31.471H19.904a1.243 1.243 0 0 1-1.232-1.247v-1.901c0-2.15 1.725-3.896 3.85-3.896h21.349c2.126 0 3.85 1.745 3.85 3.896v1.901a1.198 1.198 0 0 1-1.2 1.247ZM40.912 22.37H25.509a1.276 1.276 0 0 1-1.263-1.278c0-3.18 2.557-5.767 5.7-5.767h6.53c3.142 0 5.7 2.587 5.7 5.767 0 .717-.556 1.278-1.264 1.278ZM47.753 33.529h-29.08c-1.91 0-3.482 1.59-3.482 3.522 0 1.932 1.571 3.522 3.481 3.522h10.32c.37-1.995 2.095-3.522 4.19-3.522s3.85 1.527 4.22 3.522h10.32c1.91 0 3.481-1.59 3.481-3.522 0-1.933-1.54-3.522-3.45-3.522ZM46.49 42.63h-9.025v7.045h6.777c1.91 0 3.481-1.59 3.481-3.522v-2.245a1.231 1.231 0 0 0-1.232-1.278ZM19.904 42.63c-.678 0-1.263.561-1.263 1.278v2.245c0 1.932 1.57 3.522 3.48 3.522H28.9V42.63h-8.995Z"></path></g><defs><clipPath id="BeehiivLogo"><path fill="#fff" d="M0 0h66v65H0z"></path></clipPath></defs></svg><div class="flex flex-col items-start gap-4 min-h-[70vh] w-full max-w-xl mt-7"><div class="mb-10"><h6 class="text-2xl font-semibold text-gray-900">What features are you interested in?</h6></div><div class="flex flex-wrap gap-4"></div><div class="mt-auto flex gap-4 justify-between w-full font-medium"><button class="px-4 py-2 pl-0 text-black flex items-center gap-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>Back</button><div class="flex gap-4"><button class="px-4 py-2 text-black border rounded-md shadow bg-white border-gray-200 cursor-pointer">I&#x27;m not sure</button><button class="px-4 py-2 rounded-md shadow cursor-pointer bg-cyber-ink text-white">Continue</button></div></div></div></section></div><div style="display:none"><section class="w-full flex flex-col items-center justify-center"><div class="flex flex-col gap-6 w-full max-w-screen-xl"><div class="relative overflow-auto sm:p-2"><div class="aspect-square sm:aspect-video w-full rounded-lg"><iframe data-version="2" src="https://app.supademo.com/showcase/embed/clz1lkdz000msvdj5wbzsl8zm?embed_v=2&amp;v_name=" loading="lazy" title="Launch Demo" allow="clipboard-write" allowfullscreen="" style="position:absolute;top:0;left:0;width:100%;height:100%"></iframe></div></div><div class="flex flex-col md:flex-row justify-between mt-2 lg:items-center sm:px-10 gap-4"><p class="text-base sm:text-lg max-w-3xl font-medium"><span class="font-semibold">Thank you!</span> We think the <!-- -->Launch<!-- --> plan is perfect for your needs. Please enjoy this demo showing how beehiiv may meet your needs.</p><a href="https://app.beehiiv.com/signup?firstName=&amp;lastName=&amp;email=&amp;qualification=&amp;plan=launch&amp;trial=false" class="custom-box-shadow-button relative flex cursor-pointer justify-center gap-[10px]"> <div class="text-white bg-fusion-blue border-[#3843D0] border-2 rounded-[10px] px-10 text-base sm:text-lg font-medium text-white custom-box-shadow-text relative z-10 h-full w-full p-4 text-center">Get Started</div><div class="bg-[#F092DD] rounded-[10px] transform-style-preserve-3d custom-box-shadow-2 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div><div class="bg-[#FFC8EB] rounded-[10px] transform-style-preserve-3d custom-box-shadow-1 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div></a></div></div></section></div></div></div></main></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/demo/form","query":{},"buildId":"FA0VIPv1QtdebWU3Az4sH","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

Pages: 1 2 3 4 5 6 7 8 9 10