1<!DOCTYPE html> 2 3<html lang="en"> 4 5<head>
5<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 6(window,'GTM-PTMPWS3G','google_tags_first_party');</script>
6<script>(function(w,d,s,l){w[l]=w[l]||[];(function(){w[l].push(arguments);})('set', 'developer_id.dY2E1Nz', true); 7 var f=d.getElementsByTagName(s)[0], 8 j=d.createElement(s);j.async=true;j.src='/pu7o/'; 9 f.parentNode.insertBefore(j,f); 10 })(window,document,'script','dataLayer');</script>
10 11 <meta charset="utf-8"> 12 <meta name="viewport" content="width=device-width, initial-scale=1"> 13 14 <title>REPLAI.PRO â YouTube Comment Replies in Your Own Voice</title> 15 16 <meta name="description" content="REPLAI helps YouTube creators reply to comments that sound exactly like them â trained on your actual videos, content, and knowledge base. Draft, review, and approve each reply before posting. No generic AI. No auto-posting."> 17 18 <meta name="keywords" content="youtube comment replies, reply to youtube comments, youtube creator tool, ai youtube replies, reply in your voice, youtube community management, youtube comment assistant, brand memory, creator voice ai"> 19 20<link rel="canonical" href="https://replai.pro"> 21 22 23 24<meta property="og:title" content="REPLAI.PRO â YouTube Comment Replies in Your Own Voice"> 25 <meta property="og:description" content="REPLAI helps YouTube creators reply to comments that sound exactly like them â trained on your actual videos, content, and knowledge base. Draft, review, and approve each reply before posting. No generic AI. No auto-posting."> 26<meta property="og:image" content="https://replai.pro/img/suite-interface-hd.jpg"> 27<meta property="og:url" content="https://replai.pro"> 28<meta property="og:type" content="website"> 29<meta property="og:site_name" content="REPLAI.PRO"> 30<meta property="og:locale" content="en_US"> 31 32 33<meta name="twitter:card" content="summary_large_image"> 34<meta name="twitter:title" content="REPLAI.PRO â YouTube Comment Replies in Your Own Voice"> 35 <meta name="twitter:description" content="REPLAI helps YouTube creators reply to comments that sound exactly like them â trained on your actual videos, c
35ontent, and knowledge base. Draft, review, and approve each reply before posting. No generic AI. No auto-posting."> 36<meta name="twitter:image" content="https://replai.pro/img/suite-interface-hd.jpg"> 37 38 <meta name="csrf-token" content="lppgfXBV1kRM24nVrHtluO7QbmnIqSZ8wFf8Bn40"> 39 40
40<script> 41(function () { 42 window.dataLayer = window.dataLayer || []; 43 window.gtag = window.gtag || function () { window.dataLayer.push(arguments); }; 44 45 var NON_EU_EUROPE = [ 46 'Europe/Moscow', 'Europe/Kaliningrad', 'Europe/Volgograd', 47 'Europe/Samara', 'Europe/Saratov', 'Europe/Astrakhan', 48 'Europe/Ulyanovsk', 'Europe/Kirov', 49 'Europe/Istanbul', 'Europe/Minsk', 50 'Europe/Kiev', 'Europe/Simferopol', 'Europe/Uzhgorod', 'Europe/Zaporozhye' 51 ]; 52 var AD_COOKIES = ['__oppref', '__obref']; 53 var listeners = []; 54 55 function isEU() { 56 try { 57 var tz = Intl.DateTimeFormat().resolvedOptions().timeZone || ''; 58 return tz.indexOf('Europe/') === 0 && NON_EU_EUROPE.indexOf(tz) === -1; 59 } catch (e) { 60 return false; 61 } 62 } 63 64 function storedChoice(category) { 65 try { 66 return window.localStorage.getItem('cookieChoice_' + category); 67 } catch (e) { 68 return null; 69 } 70 } 71 72 function allowed(category) { 73 var choice = storedChoice(category); 74 if (choice === 'true') return true; 75 if (choice === 'false') return false; 76 return !isEU(); 77 } 78 79 function deleteCookie(name) { 80 var hostname = window.location.hostname; 81 var domains = [null, hostname, '.' + hostname]; 82 var parts = hostname.split('.'); 83 if (parts.length > 2) { 84 var parent = parts.slice(-2).join('.'); 85 domains.push(parent, '.' + parent); 86 } 87 domains.forEach(function (domain) { 88 document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/' + (domain ? '; domain=' + domain : ''); 89 }); 90 } 91 92 function syncAdvertisingCookies(granted) { 93 document.cookie = 'replai_ads_consent=' + (granted ? '1' : '0') + '; path=/; max-age=31536000; SameSite=Lax' 94 + (window.location.protocol === 'https:' ? '; Secure' : ''); 95 if (!granted) AD_COOKIES.forEach(deleteCookie); 96 } 97 98 window.replaiConsent = { 99 isEU: isEU, 100 allowed: allowed, 101 deleteCookie: deleteCookie, 102 103 /** ÐÑимениÑÑ Ð²ÑÐ±Ð¾Ñ ÐºÐ°ÑегоÑии к Google, OpenAI Pixel и ÑеÑвеÑной cookie. */ 104 set: function (category, granted) { 105 if (category === 'analytics') { 106 gtag('consent', 'update', { analytics_storage: granted ? 'granted' : 'denied' }); 107 } 108 if (category === 'advertising') { 109 var state = granted ? 'granted' : 'denied'; 110 gtag('consent', 'update', { ad_storage: state, ad_user_data: state, ad_personalization: state }); 111 syncAdvertisingCookies(granted); 112 } 113 listeners.forEach(function (listener) { listener(category, granted); }); 114 }, 115 116 onChange: function (listener) { 117 listeners.push(listener); 118 }, 119 120 /** ÐÑкÑÑÑÑ Ð½Ð°ÑÑÑойки cookies (ÑÑÑлка «Cookie settings» в ÑÑÑеÑÐ°Ñ ). */ 121 openSettings: function () { 122 var manager = window.silktideCookieBannerManager; 123 var banner = manager && manager.getInstance ? manager.getInstance() : null; 124 if (!banner) { 125 window.location.href = '/cookies'; 126 return; 127 } 128 var wrapper = document.getElementById('silktide-wrapper'); 129 if (wrapper) wrapper.style.display = ''; 130 banner.toggleModal(true); 131 } 132 }; 133 134 syncAdvertisingCookies(allowed('advertising')); 135})(); 136</script>
136 137
138<script> 139(function () { 140 var analytics = window.replaiConsent.allowed('analytics') ? 'granted' : 'denied'; 141 var advertising = window.replaiConsent.allowed('advertising') ? 'granted' : 'denied'; 142 gtag('consent', 'default', { 143 analytics_storage: analytics, 144 ad_storage: advertising, 145 ad_user_data: advertising, 146 ad_personalization: advertising, 147 wait_for_update: 500, 148 }); 149})(); 150</script>
150 151
152<script>
vendor: 327 bytes, lines 152-156
152(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 153new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 154j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 155'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 156})(window,document,'script','dataLayer','
156GTM-PTMPWS3G
vendor: 3 bytes, line 156
156');
156</script>
156 157 158 159 <link rel="icon" href="https://replai.pro/favicon.ico" sizes="any"> 160 <link rel="manifest" href="https://replai.pro/site.webmanifest"> 161 162 163 <link rel="preload" as="style" href="https://replai.pro/build/assets/app-Cu4GXC0-.css" /><link rel="stylesheet" href="https://replai.pro/build/assets/app-Cu4GXC0-.css" data-navigate-track="reload" /> <link rel="preload" as="style" href="https://replai.pro/build/assets/app-CC4WDhTd.css" /><link rel="modulepreload" as="script" href="https://replai.pro/build/assets/app-CM3Dhq9Y.js" /><link rel="stylesheet" href="https://replai.pro/build/assets/app-CC4WDhTd.css" data-navigate-track="reload" />
163<script type="module" src="https://replai.pro/build/assets/app-CM3Dhq9Y.js" data-navigate-track="reload"></script>
163 164 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 165 166 <style> 167 [x-cloak] { 168 display: none !important; 169 } 170 </style> 171 172 173
173<script type="application/ld+json"> 174 { 175 "@context": "https://schema.org", 176 "@type": "Organization", 177 "name": "REPLAI.PRO", 178 "url": "https://replai.pro", 179 "logo": "https://replai.pro/img/suite-interface-hd.jpg", 180 "description": "AI-powered YouTube comment reply automation platform.", 181 "parentOrganization": { 182 "@type": "Organization", 183 "name": "AITONOMOUS", 184 "url": "https://aitonomous.ai" 185 } 186 } 187 </script>
187 188 189
189<script type="application/ld+json"> 190 { 191 "@context": "https://schema.org", 192 "@type": "SoftwareApplication", 193 "name": "REPLAI.PRO", 194 "applicationCategory": "BusinessApplication", 195 "operatingSystem": "Web", 196 "description": "AI-powered YouTube comment reply assistant trained on your actual videos, content, and knowledge base. Draft, review, and approve replies in your own voice â nothing posts on its own.", 197 "url": "https://replai.pro", 198 "offers": { 199 "@type": "AggregateOffer", 200 "priceCurrency": "USD", 201 "lowPrice": "0", 202 "offerCount": "3" 203 } 204 } 205 </script>
205 206 207
207<script type="application/ld+json"> 208 { 209 "@context": "https://schema.org", 210 "@type": "FAQPage", 211 "mainEntity": [ 212 { 213 "@type": "Question", 214 "name": "How does REPLAI work?", 215 "acceptedAnswer": { 216 "@type": "Answer", 217 "text": "REPLAI pulls your recent YouTube comments, generates suggested replies, and lets you review\/edit them before posting. You stay fully in control of what gets published." } 218 }, { 219 "@type": "Question", 220 "name": "Do you support multiple languages?", 221 "acceptedAnswer": { 222 "@type": "Answer", 223 "text": "Yes - we support multiple languages available through modern AI models, and the system automatically generates replies in the language of the comment it is responding to. This feature is currently experimental: English is supported best, while other popular languages may occasionally produce minor inaccuracies. When working in non-English languages, we recommend reviewing replies before publishing." } 224 }, { 225 "@type": "Question", 226 "name": "Can I edit replies before posting?", 227 "acceptedAnswer": { 228 "@type": "Answer", 229 "text": "Yes. Every reply is editable. You can tweak tone, wording, and length before publishing." } 230 }, { 231 "@type": "Question", 232 "name": "Does REPLAI work for Shorts comments?", 233 "acceptedAnswer": { 234 "@type": "Answer", 235 "text": "Yes - Shorts comments are fully supported and treated the same way as comments on regular videos." } 236 }, { 237 "@type": "Question", 238 "name": "Is it safe to connect my YouTube channel?", 239 "acceptedAnswer": { 240 "@type": "Answer", 241 "text": "Yes - we use Google OAuth, so you never share your password, and
241you can revoke access anytime in your Google settings. ReplAI is designed to work exclusively with comments \u2014 it has no ability to edit, delete, or publish videos, Shorts, or other content." } 242 }, { 243 "@type": "Question", 244 "name": "Is REPLAI compliant with YouTube policies?", 245 "acceptedAnswer": { 246 "@type": "Answer", 247 "text": "Yes - REPLAI is designed to work in alignment with YouTube\u0027s Community Guidelines and Terms of Service. The system generates authentic, context-aware replies that add value to conversations, and you always review content before publishing to ensure full accuracy and compliance." } 248 }, { 249 "@type": "Question", 250 "name": "Does REPLAI support automatic posting?", 251 "acceptedAnswer": { 252 "@type": "Answer", 253 "text": "Automatic posting becomes available on the PRO plan after our system confirms that your replies consistently match your style and do not require manual editing. Until then, all replies must be approved manually." } 254 }, { 255 "@type": "Question", 256 "name": "Can I cancel anytime?", 257 "acceptedAnswer": { 258 "@type": "Answer", 259 "text": "Yes. Cancel anytime - your plan remains active until the end of the billing period." } 260 }, { 261 "@type": "Question", 262 "name": "Will the replies sound authentic and personal?", 263 "acceptedAnswer": { 264 "@type": "Answer", 265 "text": "Absolutely. When using Advanced Mode with prepaid packs, the AI uses additional context settings (Author\u0027s Bio, Tools, Tone) from your Dashboard. This ensures every reply feels human-like, relevant, and tailored to your unique style." } 266 }, { 267 "@type": "Question", 268 "name": "What happens if I reach my monthly reply limit?", 269 "acceptedAnswer": { 270 "@type": "Answer", 271 "text": "Once your monthly allowance is used up, you can no longer generate new replies until the next billing cycle begins. Your dashboard and all other features remain fully accessible - only reply generation is paused. To continue generating replies immediately, you can upgrade your plan or purchase a Prepaid Replies pack." } 272 } ] 273 } 274 </script>
274 275 276
276<script>AIDBASE_CHATBOT_ID = 'E_fo2cK05MROxrZQsHBCv';</script>
276 277
277<script async type="text/javascript" src="https://client.aidbase.ai/chat.ab.js"></script>
277 278 279</head> 280 281<body x-data="{ wl_modal: false, contact_modal: false }" @keyup.escape="wl_modal = false" class="antialiased bg-gray-50"><a href="https://replai.pro/cdn-cgi/content?id=BtOEgBGtqO0X5xXG2C8VsM8qfc1P1NI7YowW.IF8KWY-1790906740.5160189-1.2.1.1-aixZA7GPRYtxBYtoiwmGILpvXi213t_NI6N44h6hHtrbmSjTULC7y9tEqEW6qeYn" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a>
vendor: 69 bytes, lines 281-283
281 282 283<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
283GTM-PTMPWS3G
vendor: 86 bytes, lines 283-287
283" 284height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 285 286 287
288<link rel="stylesheet" id="consent-manager-css" href="https://replai.pro/cookie-banner/consent-manager.css"> 289<style> 290 #silktide-cookie-icon { display: none !important; } 291 /* Hide "Reject non-essential" on the slim banner â only Accept all + Preferences remain */ 292 #silktide-banner .reject-all { display: none !important; } 293 /* Hide default "Reject non-essential" inside the preferences modal â replaced by custom buttons */ 294 #silktide-wrapper #silktide-modal footer .preferences-reject-all { display: none !important; } 295 /* Hide Silktide credit link ("Cookie consent" â silktide.com) in the modal footer */ 296 #silktide-wrapper #silktide-modal footer a { display: none !important; } 297 /* Secondary buttons in the preferences modal: subtle, less visually competing with Accept all */ 298 #silktide-wrapper #silktide-modal footer .accept-selected-custom, 299 #silktide-wrapper #silktide-modal footer .accept-essentials-custom { 300 background-color: transparent !important; 301 background-image: none !important; 302 border: 1px solid #d9dce1 !important; 303 color: #bcbfc3 !important; 304 box-shadow: none !important; 305 } 306 #silktide-wrapper #silktide-modal footer .accept-selected-custom:hover, 307 #silktide-wrapper #silktide-modal footer .accept-essentials-custom:hover { 308 background-color: #f9fafb !important; 309 color: #9ca3af !important; 310 border-color: #bcbfc3 !important; 311 } 312</style>
313<script src="https://replai.pro/cookie-banner/consent-manager.js"></script>
vendor: 1 bytes, line 313
313
314<script> 315// ÐС-деÑÐµÐºÑ Ð¸ Ñдаление cookies â обÑие Ñ includes/consent-state. 316const showBannerForUser = window.replaiConsent.isEU(); 317const deleteCookie = window.replaiConsent.deleteCookie; 318 319// Helper: ÑдалиÑÑ Ð²Ñе cookies, Ð¸Ð¼Ñ ÐºÐ¾ÑоÑÑÑ Ð½Ð°ÑинаеÑÑÑ Ñ prefix 320function deleteCookiesByPrefix(prefix) { 321 document.cookie.split(';').forEach(function(c) { 322 const name = c.split('=')[0].trim(); 323 if (name.indexOf(prefix) === 0) { 324 deleteCookie(name); 325 } 326 }); 327} 328 329silktideCookieBannerManager.updateCookieBannerConfig({ 330 showBanner: showBannerForUser, 331 background: { 332 showBackground: false 333 }, 334 cookieIcon: { 335 position: "bottomLeft" 336 }, 337 cookieTypes: [ 338 { 339 id: "necessary", 340 name: "Necessary", 341 description: "<p>These cookies are necessary for the website to function properly and cannot be switched off. They help with things like logging in and setting your privacy and other preferences.</p>", 342 required: true, 343 onAccept: function() {} 344 }, 345 { 346 id: "analytics", 347 name: "Analytics", 348 description: "<p>These cookies help us improve the site by tracking which pages are most popular and how visitors move around the site.</p>", 349 required: false, 350 // ÐС: закÑÑÑÑ Ð±Ð°Ð½Ð½ÐµÑ Ð±ÐµÐ· вÑбоÑа не знаÑÐ¸Ñ ÑоглаÑиÑÑÑÑ. ÐÑÑалÑнÑм вÑклÑÑено ÑолÑко по Ð¸Ñ Ð²ÑбоÑÑ. 351 defaultValue: !showBannerForUser, 352 onAccept: function() { 353 window.replaiConsent.set('analytics', true); 354 dataLayer.push({ 355 'event': 'consent_accepted_analytics', 356 }); 357 }, 358 onReject: function() { 359 window.replaiConsent.set('analytics', false); 360 deleteCookie('_ga'); 361 deleteCookie('_gid'); 362 deleteCookie('_gat'); 363 deleteCookiesByPrefix('_ga_'); 364 deleteCookiesByPrefix('_gat_'); 365 deleteCookiesByPrefix('_dc_gtm_'); 366 } 367 }, 368 { 369 id: "advertising", 370 name: "Advertising", 371 description: "<p>These cookies let us and our advertising partners (Google, OpenAI) measure which ads bring visitors and sign-ups, attribute conversions and optimize our campaigns.</p>", 372 required: false, 373 // ÐС: закÑÑÑÑ Ð±Ð°Ð½Ð½ÐµÑ Ð±ÐµÐ· вÑбоÑа не знаÑÐ¸Ñ ÑоглаÑиÑÑÑÑ. ÐÑÑалÑнÑм вÑклÑÑено ÑолÑко по Ð¸Ñ Ð²ÑбоÑÑ. 374 defaultValue: !showBannerForUser, 375 onAccept: function() { 376 window.replaiConsent.set('advertising', true); 377 dataLayer.push({ 378 'event': 'consent_accepted_advertising', 379 }); 380 }, 381 onReject: function() { 382 window.replaiConsent.set('advertising', false); 383 deleteCookie('_gcl_au'); 384 deleteCookie('_gcl_aw'); 385 deleteCookie('_gcl_dc'); 386 deleteCookie('_gcl_gb'); 387 deleteCookie('_gcl_gf'); 388 deleteCookie('_gcl_ha'); 389 deleteCookie('FPAU'); 390 deleteCookie('FPID'); 391 } 392 } 393 ], 394 text: { 395 banner: { 396 description: "<p>We use cookies on our site to enhance your user experience, provide personalized content, and analyze our traffic. <a href=\"https://replai.pro/cookies\" target=\"_blank\">Cookie Policy.</a></p>", 397 acceptAllButtonText: "Accept all", 398 acceptAllButtonAccessibleLabel: "Accept all cookies", 399 rejectNonEssentialButtonText: "Reject non-essential", 400 rejectNonEssentialButtonAccessibleLabel: "Reject non-essential", 401 preferencesButtonText: "Preferences", 402 preferencesButtonAccessibleLabel: "Toggle preferences" 403 }, 404 preferences: { 405 title: "Customize your cookie preferences", 406 description: "<p>We respect your right to privacy. You can choose not to allow some types of cookies. Your cookie preferences will apply across our website.</p>", 407 creditLinkText: "Cookie consent", 408 creditLinkAccessibleLabel: "Cookie consent" 409 } 410 }, 411 position: { 412 banner: "bottomLeft" 413 } 414}); 415 416// ÐÐ»Ñ EU-полÑзоваÑелей: инжекÑим в footer Preferences-модалки две каÑÑомнÑе кнопки 417// "Accept selected" и "Accept essentials only" вмеÑÑо ÑÑандаÑÑной "Reject non-e
417ssential". 418function injectPreferencesButtons() { 419 const modal = document.querySelector('#silktide-wrapper #silktide-modal'); 420 if (!modal) return false; 421 const footer = modal.querySelector('footer'); 422 if (!footer) return false; 423 if (footer.querySelector('.accept-selected-custom')) return true; // Ñже инжекÑнÑÑо 424 425 const acceptAllBtn = footer.querySelector('.preferences-accept-all'); 426 427 const acceptSelectedBtn = document.createElement('button'); 428 acceptSelectedBtn.type = 'button'; 429 acceptSelectedBtn.className = 'st-button accept-selected-custom'; 430 acceptSelectedBtn.textContent = 'Accept selected'; 431 acceptSelectedBtn.addEventListener('click', function() { 432 // ЧекбокÑÑ Ñже авÑоÑÐ¾Ñ Ñанили вÑÐ±Ð¾Ñ Ð¿Ñи пеÑеклÑÑении â нам оÑÑаÑÑÑÑ 433 // ÑолÑко заÑикÑиÑоваÑÑ ÑÑо наÑалÑнÑй вÑÐ±Ð¾Ñ Ñделан и закÑÑÑÑ UI. 434 const banner = silktideCookieBannerManager.getInstance(); 435 if (!banner) return; 436 banner.setInitialCookieChoiceMade(); 437 banner.removeBanner(); 438 banner.hideBackdrop(); 439 banner.toggleModal(false); 440 }); 441 442 const acceptEssentialsBtn = document.createElement('button'); 443 acceptEssentialsBtn.type = 'button'; 444 acceptEssentialsBtn.className = 'st-button accept-essentials-custom'; 445 acceptEssentialsBtn.textContent = 'Accept essentials only'; 446 acceptEssentialsBtn.addEventListener('click', function() { 447 // То же поведение, ÑÑо Ñ ÑÑандаÑÑной "Reject non-essential": оÑвеÑÐ³Ð°ÐµÑ Ð²Ñе 448 // не-required каÑегоÑии, пÑогонÑÐµÑ onReject (Ñ Ð¾ÑиÑÑкой cookies). 449 const banner = silktideCookieBannerManager.getInstance(); 450 if (banner) banner.handleCookieChoice(false); 451 }); 452 453 if (acceptAllBtn) { 454 // ÐоÑÑдок: Accept all, Accept selected, Accept essentials only 455 acceptAllBtn.insertAdjacentElement('afterend', acceptEssentialsBtn); 456 acceptAllBtn.insertAdjacentElement('afterend', acceptSelectedBtn); 457 } else { 458 footer.appendChild(acceptSelectedBtn); 459 footer.appendChild(acceptEssentialsBtn); 460 } 461 return true; 462} 463 464// Ðодалка доÑÑÑпна вÑем ÑеÑез «Cookie settings», поÑÑÐ¾Ð¼Ñ ÐºÐ½Ð¾Ð¿ÐºÐ¸ нÑÐ¶Ð½Ñ Ð¸ не-ÐС поÑеÑиÑелÑм. 465// Silktide ÑоздаÑÑ Ð¼Ð¾Ð´Ð°Ð»ÐºÑ Ð°ÑÐ¸Ð½Ñ Ñонно; Ñледим ÑеÑез MutationObserver. 466if (!injectPreferencesButtons()) { 467 const observer = new MutationObserver(function() { 468 if (injectPreferencesButtons()) observer.disconnect(); 469 }); 470 observer.observe(document.body, { childList: true, subtree: true }); 471 setTimeout(function() { observer.disconnect(); }, 30000); 472} 473 474// ÐÐ»Ñ Ð½Ðµ-EU полÑзоваÑелей дополниÑелÑно пÑÑÑем cookie-icon (Silktide ÑоздаÑÑ ÐµÐ³Ð¾ вÑегда) 475if (!showBannerForUser) { 476 const hideSilktideUI = () => { 477 const wrapper = document.getElementById('silktide-wrapper'); 478 if (wrapper) wrapper.style.display = 'none'; 479 }; 480 // Silktide иниÑиализиÑÑеÑÑÑ async, поÑÑÐ¾Ð¼Ñ Ð»Ð¾Ð²Ð¸Ð¼ как DOMContentLoaded, Ñак и ÑеÑез retry 481 if (document.readyState === 'loading') { 482 document.addEventListener('DOMContentLoaded', hideSilktideUI, { once: true }); 483 } else { 484 hideSilktideUI(); 485 } 486 // Retry на ÑлÑÑай, еÑли Silktide ÑоздаÑÑ wrapper позже 487 setTimeout(hideSilktideUI, 200); 488 setTimeout(hideSilktideUI, 1000); 489} 490</script>
490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505<section> 506 <div class="relative isolate overflow-hidden bg-gray-900"> 507 508 509 <section class="relative container mx-auto"> 510 <header> 511 <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global"> 512 <div class="flex lg:flex-1"> 513 514 <div class="flex items-center gap-1 text-white"> 515 <div class="font-semibold text-3xl mb-1.5">REPL</div> 516 <svg class="fill-current w-12 h-12 text-amber-500" viewBox="0 0 86 86"> 517 <g transform="matrix(1,0,0,1,0.0559998,-0.362495)"> 518 <path d="M49.375,1.232C52.209,1.661 54.951,2.369 57.571,3.328L57.571,62.065L65.684,62.065L65.684,7.328C77.599,14.873 85.511,28.169 85.511,43.315C85.511,66.824 66.454,85.882 42.944,85.882L0.404,85.882L22.638,47.372L41.262,47.372L41.262,62.065L49.375,62.065L49.375,1.232ZM4.751,62.127C1.951,56.454 0.377,50.069 0.377,43.315C0.377,20.751 17.935,2.291 40.133,0.843L4.751,62.127ZM27.322,39.259L41.262,39.259L41.262,15.113L27.322,39.259Z" /> 519 </g> 520</svg> 521 <div class="font-semibold text-xs mb-8">PRO</div> 522 </div> 523 524 </div> 525 526 527 <div class="hidden lg:flex lg:gap-x-12 text-base"> 528 529 530 531 </div> 532 533 <div class="flex flex-1 justify-end gap-4 sm:gap-6 text-sm sm:text-base"> 534 535 <a href="https://replai.pro/blog" class="top-menu-link">Blog</a> 536 537 <a href="https://replai.pro/register" class="top-menu-link">Register</a> 538 539 <a href="https://replai.pro/login" class="top-menu-link">Log in</a> 540 </div> 541 </nav> 542 543 </header> 544</section> 545 546 547 <svg 548 class="absolute inset-0 -z-10 h-full w-full stroke-white/10 [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]" 549 aria-hidden="true"> 550 <defs> 551 <pattern id="983e3e4c-de6d-4c3f-8d64-b9761d1534cc" width="200" height="200" x="50%" y="-1" 552 patternUnits="userSpaceOnUse"> 553 <path d="M.5 200V.5H200" fill="none"/> 554 </pattern> 555 </defs> 556 <svg x="50%" y="-1" class="overflow-visible fill-gray-800/20"> 557 <path d="M-200 0h201v201h-201Z M600 0h201v201h-201Z M-400 600h201v201h-201Z M200 800h201v201h-201Z" 558 stroke-width="0"/> 559 </svg> 560 <rect width="100%" height="100%" stroke-width="0" fill="url(#983e3e4c-de6d-4c3f-8d64-b9761d1534cc)"/> 561 </svg> 562 <div 563 class="absolute left-[calc(50%-4rem)] top-10 -z-10 transform-gpu blur-3xl sm:left-[calc(50%-18rem)] lg:left-48 lg:top-[calc(50%-30rem)] xl:left-[calc(50%-24rem)]" 564 aria-hidden="true"> 565 <div class="aspect-[1108/632] w-[69.25rem] bg-gradient-to-r from-[#80caff] to-[#4f46e5] opacity-20" 566 style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div> 567 </div> 568 <div class="mx-auto max-w-7xl px-6 pb-10 pt-10 sm:pb-20 sm:pt-10 lg:pb-20 lg:pt-10 lg:flex lg:px-8"> 569 <div class="mx-auto max-w-2xl flex-shrink-0 lg:mx-0 lg:max-w-xl lg:pt-8"> 570 571 572 573 <h1 class="mt-10 text-4xl font-bold tracking-tight text-white sm:text-6xl">Reply to <span class="text-amber-500">every YouTube comment</span> without spending your day typing.</h1> 574 575 576 <p class="mt-6 text-2xl leading-8 font-semibold text-gray-200">REPLAI drafts replies in your voice â in 100+ languages, matching each comment's language.</p> 577 <p class="mt-6 text-lg leading-8 text-gray-300">
577Trained on your actual videos, content, and knowledge base â not generic AI. Nothing posts until you approve it.</p> 578 579 <div class="mt-10 flex items-center gap-x-6"> 580 <button 581 @click="scrollTo('tryReplaiSection')" 582 class="hover:scale-105 transition-all flex items-center rounded-md bg-blue-500 px-3 sm:pl-3.5 sm:pr-4 py-2 whitespace-nowrap sm:py-2.5 font-semibold text-base sm:text-xl text-white shadow-sm hover:bg-amber-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"> 583 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 584 stroke="currentColor" class="w-6 h-6 mr-2 hidden sm:block"> 585 <path stroke-linecap="round" stroke-linejoin="round" 586 d="M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 01-2.555-.337A5.972 5.972 0 015.41 20.97a5.969 5.969 0 01-.474-.065 4.48 4.48 0 00.978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z"/> 587 </svg> 588 Try with My Comments</button> 589 590 591 <div class="text-sm font-semibold leading-6 text-white opacity-25">Results in 30 seconds</div> 592 593 </div> 594 595 <div class="mt-8 text-gray-500 text-sm">No credit card · No YouTube password · Demo uses public channel data</div> 596 597 </div> 598 599 600 <div 601 class="mx-auto mt-16 flex max-w-2xl sm:mt-24 lg:ml-10 lg:mr-0 lg:mt-0 lg:max-w-none lg:flex-none xl:ml-32"> 602 <div class="max-w-3xl rounded-md flex-none sm:max-w-5xl lg:max-w-none ring-1 ring-white/10"> 603 <img src="https://replai.pro/img/suite-interface-hd.jpg" 604 alt="App screenshot" width="2432" height="1442" 605 class="w-[76rem] rounded-md bg-white/5 shadow-2xl ring-1 ring-white/10"> 606 </div> 607 </div> 608 </div> 609 </div> 610</section> 611 612 613 614 615 616<section class="bg-gray-50 py-16 sm:py-20" aria-labelledby="trust-heading"> 617 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 618 <h2 id="trust-heading" class="text-center text-4xl font-semibold tracking-tight text-balance text-gray-900 sm:text-5xl"> 619 Built for creators who want control 620 </h2> 621 622 623 <dl class="mx-auto mt-20 grid max-w-xl grid-cols-1 gap-x-6 gap-y-20 sm:max-w-none sm:grid-cols-2 lg:grid-cols-4"> 624 625 <div class="group relative flex flex-col items-center rounded-2xl border border-gray-200 bg-white px-6 pb-8 pt-12 text-center shadow-sm transition duration-200 hover:border-amber-200 hover:shadow-xl"> 626 <div class="absolute -top-8 flex h-16 w-16 items-center justify-center rounded-full border-4 border-gray-50 bg-gradient-to-br from-amber-400 to-amber-600 text-white shadow-lg shadow-amber-500/25 transition duration-200 group-hover:scale-110"> 627 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8"> 628 <path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"/> 629 </svg> 630 </div> 631 <dt class="text-lg font-semibold leading-7 text-gray-900">Demo without login</dt> 632 <dd class="mt-2 text-base leading-7 text-gray-600">Try REPLAI with public YouTube data before creating an account.</dd> 633 </div> 634 635 <div class="group relative flex flex-col items-center rounded-2xl border border-gray-200 bg-white px-6 pb-8 pt-12 text-center shadow-sm transition duration-200 hover:border-amber-200 hover:shadow-xl"> 636 <div class="absolute -top-8 flex h-16 w-16 items-center justify-center rounded-full border-4 border-gray-50 bg-gradient-to-br from-amber-400 to-amber-600 text-white shadow-lg shadow-amber-500/25 transition duration-200 group-hover:scale-110"> 637 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8"> 638 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63
638-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z"/> 639 </svg> 640 </div> 641 <dt class="text-lg font-semibold leading-7 text-gray-900">No YouTube password</dt> 642 <dd class="mt-2 text-base leading-7 text-gray-600">Connect securely with Google OAuth. Revoke access anytime.</dd> 643 </div> 644 645 <div class="group relative flex flex-col items-center rounded-2xl border border-gray-200 bg-white px-6 pb-8 pt-12 text-center shadow-sm transition duration-200 hover:border-amber-200 hover:shadow-xl"> 646 <div class="absolute -top-8 flex h-16 w-16 items-center justify-center rounded-full border-4 border-gray-50 bg-gradient-to-br from-amber-400 to-amber-600 text-white shadow-lg shadow-amber-500/25 transition duration-200 group-hover:scale-110"> 647 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8"> 648 <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"/> 649 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 650 </svg> 651 </div> 652 <dt class="text-lg font-semibold leading-7 text-gray-900">Review before posting</dt> 653 <dd class="mt-2 text-base leading-7 text-gray-600">REPLAI drafts replies. You approve, edit, skip, or regenerate.</dd> 654 </div> 655 656 <div class="group relative flex flex-col items-center rounded-2xl border border-gray-200 bg-white px-6 pb-8 pt-12 text-center shadow-sm transition duration-200 hover:border-amber-200 hover:shadow-xl"> 657 <div class="absolute -top-8 flex h-16 w-16 items-center justify-center rounded-full border-4 border-gray-50 bg-gradient-to-br from-amber-400 to-amber-600 text-white shadow-lg shadow-amber-500/25 transition duration-200 group-hover:scale-110"> 658 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8"> 659 <path stroke-linecap="round" stroke-linejoin="round" d="M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z"/> 660 </svg> 661 </div> 662 <dt class="text-lg font-semibold leading-7 text-gray-900">Your voice, not generic AI</dt> 663 <dd class="mt-2 text-base leading-7 text-gray-600">Train replies with your videos, tone, FAQs, products, and links.</dd> 664 </div> 665 666 667 </dl> 668 </div> 669</section> 670 671 672 673<hr class="max-w-7xl mx-auto"> 674 675 676 677 678 679 680 681 682 683 684 685 <div id="tryReplaiSection"> 686 687 <section wire:snapshot="{"data":{"rawChannelId":null,"channelId":null,"mostVideos":null,"mostVideoIDs":[[],{"s":"arr"}],"sessionId":"5QmjVrYAmFYIDxYEjXvFwSmuK49lkkqxphu3BjUqlP9PtGb7KyklUhTihQGD3Sbf","outreachToken":null,"showSubmitButton":true,"tryReplaiInProgress":false,"variant":"classic"},"memo":{"id":"3W4w8oAQidxiamxJO8q9","name":"try-replai-ready-legacy","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"aeb4345c66346a30d344b7b1dc3d2311edad1d093fa5f57dec3ebc3f40d7e75d"}" wire:effects="[]" wire:id="3W4w8oAQidxiamxJO8q9" class="bg-gray-50 pt-24 sm:pt-32"> 688 689 <div x-data="{ show_submit_button: $wire.entangle('showSubmitButton'), show_arrow: true, not_tried: true }" 690 x-init=" 691 if (new URLSearchParams(window.location.search).has('autostart')) { 692 setTimeout(() => { 693 not_tried = false;
694 $wire.tryReplai(); 695 }, 2000); 696 } 697 " 698 class="container mx-auto px-2 md:px-0"> 699 700 701 <h2 class="relative z-10 text-4xl font-black tracking-normal text-gray-800 sm:text-6xl text-center">TRY REPL<span class="text-amber-500">AI</span></h2> 702 <p class="relative z-10 mt-2 text-base sm:text-lg leading-7 text-gray-800 text-center">Enter a YouTube channel handle.<br>Weâll find recent videos, pick real comments, and generate 3 sample replies.</p> 703 704 <div class="mb-20 max-w-xl mx-auto"> 705 706 <label for="channel_id" class="sr-only">YouTube channel @handle, ID or a link</label> 707 <div class="mt-6 relative"> 708 709 <div x-show="show_arrow && not_tried" class="hidden sm:block w-56 absolute z-0 bottom-0 left-0 transform -translate-x-3/4 -translate-y-4"> 710 <div class="animate-bounce-sm w-56 h-56 bg-red-500" 711 style="-webkit-mask: url('https://replai.pro/img/try-arrow.svg') no-repeat center; 712 mask: url('https://replai.pro/img/try-arrow.svg') no-repeat center; 713 -webkit-mask-size: contain; 714 mask-size: contain;"></div> 715 </div> 716 717 <input wire:model="rawChannelId" 718 wire:keydown.enter="tryReplai" 719 @click = "show_arrow = false" 720 @click.outside = "show_arrow = true" 721 placeholder="@YourChannel" 722 type="text" name="channel_id" id="channel_id" 723 class="text-center block w-full rounded-md border-0 px-4 py-3 text-lg text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-gray-400 placeholder:text-gray-400"> 724 </div> 725 726 <div x-bind:class="{ 'hidden': !show_submit_button }" 727 class="text-gray-400 opacity-60 text-sm text-center mt-4"> 728 No channel nearby? Use a sample creator. 729 <span @click="not_tried = false" wire:click="tryReplai('@PeterMcKinnon')" class="font-semibold cursor-pointer bg-gray-400 opacity-60 px-2 py-0.5 text-white rounded-full">Try with @PeterMcKinnon</span> 730 </div> 731 732 733 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 734 735 <button wire:click="tryReplai" 736 id="try_reply_button" 737 @click="not_tried = false" 738 wire:target="tryReplai" 739 wire:key="submit-button" 740 wire:loading.class="bg-gray-400 hover:bg-gray-400 hover:scale-100 cursor-not-allowed" 741 wire:loading.attr="disabled" 742 x-bind:disabled="!show_submit_button" 743 x-bind:class="{ 'bg-gray-400 hover:bg-gray-400 hover:scale-100 cursor-not-allowed': !show_submit_button }" 744 class="mx-auto mt-8 flex items-center rounded-md bg-blue-500 pl-3.5 pr-4 py-2.5 font-semibold text-xl text-white shadow-md hover:shadow-lg hover:bg-amber-500 hover:scale-105 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400 transition-all"> 745 <svg wire:loading.block wire:target="tryReplai" class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 746 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 747 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 748 </svg> 749 <span x-show="show_submit_button">Generate 3 sample replies</span> 750 <span x-show="!show_submit_button">Generating 3 sample replies</span> 751 </button> 752 753 <div class="mt-8 text-gray-500 text-sm text-center">No login required for the demo. We only use public YouTube data.</div> 754 755 756 757 758 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 759 760 </div> 761 762 763 764 765 <div class="flow-root max-w-3xl mx-auto"> 766 767 768 <ul id="realtime_message" wire:ignore role="list" class="mb-0 sm:mb-20"> 769 770 </ul> 771 772 <div class="bg-gray-300 w-12 h-12 rounded-full mx-auto mb-16" 773 x-data="{ progress_show: window.Livewire.find('3W4w8oAQidxiamxJO8q9').entangle('tryReplaiInProgress') }" 774 x-show="progress_show" 775 x-transition:enter="transition ease-out duration-300" 776 x-transition:enter-start="opacity-0 transform scale-90" 777 x-transition:enter-end="opacity-100 transform scale-100" 778 x-transition:leave="transition ease-in duration-300" 779 x-transition:leave-start="opacity-100 transform scale-100" 780 x-transition:leave-end="opacity-0 transform scale-90" 781 id="try_replai_in_progress"> 782 783 <svg class="animate-spin h-12 w-12 text-gray-100 -mt-10" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 784 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 785 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 786 </svg> 787 788 </div> 789 790 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 791 792 </div> 793 </div> 794</section> 795 </div> 796 797 798 799
800<script> 801 function scrollTo(elementId) { 802 var element = document.getElementById(elementId); 803 if (element) { element.scrollIntoView({ behavior: 'smooth' }); } 804 } 805</script>
805 806 807 808 809 810<div wire:snapshot="{"data":{"email":null,"channelHandle":null,"wlSuccess":false},"memo":{"id":"8RxAwpVTUu0FsS4cZfOn","name":"waiting-list-modal","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"e0e59a67f124191e23f48a5e5aead0262fc788e9668c9464f528e38125c9f27a"}" wire:effects="{"listeners":["present-channel-handle"]}" wire:id="8RxAwpVTUu0FsS4cZfOn" x-cloak x-show="wl_modal" class="relative z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true"> 811 <div x-show="wl_modal" 812 x-transition:enter="ease-out duration-300" 813 x-transition:enter-start="opacity-0" 814 x-transition:enter-end="opacity-100" 815 x-transition:leave="ease-in duration-200" 816 x-transition:leave-start="opacity-100" 817 x-transition:leave-end="opacity-0" 818 class="fixed inset-0 bg-gray-600 bg-opacity-75 transition-opacity transform-gpu backdrop-blur"></div> 819 820 <div class="fixed inset-0 z-10 w-screen overflow-y-auto"> 821 <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> 822 <div @click.outside="wl_modal = false" x-show="wl_modal" 823 x-transition:enter="ease-out duration-300" 824 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 825 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 826 x-transition:leave="ease-in duration-200" 827 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 828 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 829 class="relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:p-6"> 830 <div> 831 <div class="mt-3 text-center sm:mt-5"> 832 <h2 class="text-2xl font-semibold leading-6" id="modal-title">Transform Engagement, Save Time!</h2> 833 <h3 class="text-lg font-normal leading-6 mt-4" id="modal-over-subtitle">Experience the Joy of a Thriving Community</h3> 834 <div class="mt-2"> 835 <div class="space-y-6 pt-6 text-left"> 836 837 <div> 838 <label for="email" class="block text-base font-medium leading-6 text-gray-900">Your Email</label> 839 <div class="mt-2"> 840 <input wire:model="email" 841 type="email" 842 name="email" 843 id="email" 844 placeholder="my-email@domain..." 845 maxlength="128" 846 required 847 class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-amber-600 sm:text-sm sm:leading-6"> 848 </div> 849 </div> 850 851 <div> 852 <label for="channel_handle" class="block text-base font-medium leading-6 text-gray-900">Your Channel @handle</label> 853 <div class="mt-2"> 854 <input wire:model="channelHandle" 855 type="text" 856 name="channel_handle" 857 id="channel_handle" 858 placeholder="@MyChannelName" 859 maxlength="32" 860 required 861 class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-amber-600 sm:text-sm sm:leading-6"> 862 </div> 863 </div> 864 865 <div class=""> 866 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 867 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 868 869 </div> 870 871 <!--[if BLOCK]><![endif]--> <p class="text-sm text-gray-500">Feel the excitement of boosted interactions without the overwhelm. Join our waiting list to access a platform designed to make your YouTube channel flourish effortlessly. Embrace the opportunity now!</p> 872 <!--[if ENDBLOCK]><![endif]--> 873 </div> 874 </div> 875 </div> 876 877 <!--[if BLOCK]><![endif]--> <div class="mb-2 mt-6 flex justify-center"> 878 <button wire:click="joinWaitingList()" type="button" 879 class="rounded-md bg-amber-600 px-4 py-2 text-lg font-semibold text-white shadow-md hover:bg-amber-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-amber-600"> 880 Join the Waiting List 881 </button> 882 </div> 883 <!--[if ENDBLOCK]><![endif]--> 884 </div> 885 </div> 886 </div> 887</div> 888
889<div wire:snapshot="{"data":{"name":"","email":"","message":"","messageSent":false,"sendingError":false},"memo":{"id":"vVToVAH4nQKLPF3VfDmC","name":"contact-us-modal","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"dc62a2553b2ff995c7ddc33abf13fd22747c9f8734ece1fd3b6969a2a388db5d"}" wire:effects="[]" wire:id="vVToVAH4nQKLPF3VfDmC" x-cloak x-show="contact_modal" class="relative z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true"> 890 <div x-show="contact_modal" 891 x-transition:enter="ease-out duration-300" 892 x-transition:enter-start="opacity-0" 893 x-transition:enter-end="opacity-100" 894 x-transition:leave="ease-in duration-200" 895 x-transition:leave-start="opacity-100" 896 x-transition:leave-end="opacity-0" 897 class="fixed inset-0 bg-gray-600 bg-opacity-75 transition-opacity transform-gpu backdrop-blur"></div> 898 899 <div class="fixed inset-0 z-10 w-screen overflow-y-auto"> 900 <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> 901 <div @click.outside="contact_modal = false" x-show="contact_modal" 902 x-transition:enter="ease-out duration-300" 903 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 904 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 905 x-transition:leave="ease-in duration-200" 906 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 907 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 908 class="relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:p-6"> 909 910 911 <button @click="contact_modal = false" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors"> 912 <span class="sr-only">Close</span> 913 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 914 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 915 </svg> 916 </button> 917 918 <!--[if BLOCK]><![endif]--> 919 <div class="text-center mb-6"> 920 <h2 class="text-2xl font-semibold text-gray-900" id="modal-title">Have questions? Let's talk.</h2> 921 <p class="mt-2 text-gray-600">Whether you have a technical issue, feature request, or represent an agency looking for a custom plan â drop us a line.</p> 922 </div> 923 924 925 <div class="space-y-4"> 926 927 <div> 928 <label for="contact-name" class="block text-sm sm:text-base font-medium text-gray-700">Your Name <span class="text-gray-400 font-normal">(optional)</span></label> 929 <input wire:model="name" 930 type="text" 931 name="name" 932 id="contact-name" 933 placeholder="John Doe" 934 maxlength="100" 935 class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-amber-500 focus:ring-amber-500 text-sm sm:text-base"> 936 </div> 937 938 939 <div> 940 <label for="contact-email" class="block text-sm sm:text-base font-medium text-gray-700">Your Email Address <span class="text-red-500">*</span></label> 941 <input wire:model="email" 942 type="email" 943 name="email" 944 id="contact-email" 945 placeholder="[email protected]" 946 maxlength="128" 947 required 948 class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-amber-500 focus:ring-amber-500 text-sm sm:text-base"> 949 </div> 950 951 952 <div> 953 <label for="contact-message" class="block text-sm sm:text-base font-medium text-gray-700">Your Message <span class="text-red-500">*</span></label> 954 <textarea wire:model="message" 955 id="contact-message" 956 name="message" 957 rows="4" 958 required 959 placeholder="Tell us about your channel or how we can help..." 960 class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-amber-500 focus:ring-amber-500 text-sm sm:text-base"></textarea> 961 </div> 962 963 964 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 965 966 <button wire:click="sendMessage()" 967 wire:target="sendMessage()" 968 wire:loading.class="bg-amber-400 cursor-wait" 969 wire:loading.attr="disabled" 970 type="button" 971 class="w-full rounded-lg bg-amber-500 px-4 py-3 text-base font-semibold text-white shadow-sm hover:bg-amber-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-amber-500 transition-all flex items-center justify-center"> 972 <svg wire:loading wire:target="sendMessage()" class="animate-spin -ml-1 mr-2 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 973 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 974 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 975 </svg> 976 Send Message 977 </button> 978 979 980 <p class="text-center text-sm text-gray-500">We typically reply within 24 hours (MonâFri).</p> 981 </div> 982 <!--[if ENDBLOCK]><![endif]--> 983 984 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 985 986 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 987 988 <div class="mt-6 pt-4 border-t border-gray-100"> 989 <p class="text-xs text-gray-400 text-center leading-relaxed"> 990 Operated by MB Aitonomous · Vilnius, Lithuania (EU)<br> 991 Reg. Code: 306696432 · Fabijoniskiu 90-60, LT-07100 992 </p> 993 </div> 994 995 </div> 996 </div> 997 </div> 998</div> 999 1000 1001 1002<section class="bg-gray-50 anim-hidden" id="cta_message"> 1003 <h4 class="text-gray-900 font-bold text-xl md:text-3xl lg:text-5xl leading-tight md:leading-tight lg:leading-tight text-center">Generate more replies. <br>Free your time.</h4> 1004 <div class="mt-4 flex justify-center gap-4 relative pt-8 pb-8 px-4"> 1005 1006 <a href="https://replai.pro/register" 1007 class="flex items-center rounded-md bg-blue-500 px-3 py-1 md:px-4 md:py-2 lg:px-5 lg:py-3 font-semibold text-lg lg:text-2xl text-white shadow-sm hover:bg-amber-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400 transform scale-100 hover:scale-105 transition-all"> 1008 Sign Up Now 1009 </a> 1010 1011 1012 </div> 1013 <div class="text-center mt-4 text-gray-500 mb-32 text-base"> 1014 Free account · No credit card · You approve every reply before posting 1015 1016 </div> 1017</section> 1018 1019 1020 1021
1022<div id="dynamic_sections"> 1023 1024</div> 1025 1026 1027 1028<section 1029 class="relative overflow-hidden bg-gray-900 py-16 sm:py-24" 1030 x-data="{ activeTab: 'before' }" 1031> 1032 1033 <div class="pointer-events-none absolute inset-0 overflow-hidden" aria-hidden="true"> 1034 <div class="absolute -top-40 left-1/2 -translate-x-1/2 w-[60rem] h-[30rem] rounded-full bg-amber-500/5 blur-3xl"></div> 1035 </div> 1036 1037 <div class="relative mx-auto max-w-6xl px-4 sm:px-6 lg:px-8"> 1038 1039 1040 <div class="text-center mb-12"> 1041 <p class="text-xs font-semibold uppercase tracking-widest text-amber-400 mb-2"> 1042 Sound familiar? 1043 </p> 1044 <h2 class="text-3xl sm:text-4xl lg:text-5xl font-black text-white leading-tight"> 1045 Managing comments is<br class="hidden sm:block"> 1046 <span class="text-amber-400">stealing your time.</span> 1047 </h2> 1048 <p class="mt-4 text-base sm:text-lg text-gray-400 max-w-2xl mx-auto"> 1049 Every unanswered comment is a missed connection with your audience. 1050 See what changes when REPLAI takes over. 1051 </p> 1052 </div> 1053 1054 1055 <div class="flex justify-center mb-10"> 1056 <div class="inline-flex rounded-xl bg-white/5 ring-1 ring-white/10 p-1 gap-1"> 1057 <button 1058 @click="activeTab = 'before'" 1059 :class="activeTab === 'before' 1060 ? 'bg-red-500/20 text-red-400 ring-1 ring-red-500/40' 1061 : 'text-gray-400 hover:text-white'" 1062 class="rounded-lg px-5 py-2 text-sm font-semibold transition-all duration-200" 1063 > 1064 ð© Without REPLAI 1065 </button> 1066 <button 1067 @click="activeTab = 'after'" 1068 :class="activeTab === 'after' 1069 ? 'bg-green-500/20 text-green-400 ring-1 ring-green-500/40' 1070 : 'text-gray-400 hover:text-white'" 1071 class="rounded-lg px-5 py-2 text-sm font-semibold transition-all duration-200" 1072 > 1073 ð With REPLAI 1074 </button> 1075 </div> 1076 </div> 1077 1078 1079 <div class="relative"> 1080 1081 1082 <div 1083 x-show="activeTab === 'before'" 1084 x-transition:enter="transition ease-out duration-300" 1085 x-transition:enter-start="opacity-0 translate-y-4" 1086 x-transition:enter-end="opacity-100 translate-y-0" 1087 > 1088 <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8 items-start"> 1089 1090 1091 <div class="space-y-4"> 1092 <div class="flex gap-4 rounded-xl bg-red-500/5 ring-1 ring-red-500/20 p-4 sm:p-8"> 1093 <div class="flex-shrink-0 text-2xl leading-none mt-0.5">â°</div> 1094 <div> 1095 <p class="font-semibold text-white text-sm sm:text-base">2â4 hours lost every week</p> 1096 <p class="mt-1 text-sm text-gray-400 leading-relaxed">You sit down to reply to comments and suddenly it's been two hours. Time you could spend creating new content.</p> 1097 </div> 1098 </div> 1099 <div class="flex gap-4 rounded-xl bg-red-500/5 ring-1 ring-red-500/20 p-4 sm:p-8"> 1100 <div class="flex-shrink-0 text-2xl leading-none mt-0.5">ð°</div> 1101 <div> 1102 <p class="font-semibold text-white text-sm sm:text-base">Constant background anxiety</p> 1103 <p class="mt-1 text-sm text-gray-400 leading-relaxed">Hundreds of unanswered comments pile up. The guilt of ignoring your audience never goes away.</p> 1104 </div> 1105 </div> 1106 <div class="flex gap-4 rounded-xl bg-red-500/5 ring-1 ring-red-500/20 p-4 sm:p-8"> 1107 <div class="flex-shrink-0 text-2xl leading-none mt-0.5">ð</div> 1108 <div> 1109 <p class="font-semibold text-white text-sm sm:text-base">Algorithm punishes low engagement</p> 1110 <p class="mt-1 text-sm text-gray-400 leading-relaxed">YouTube rewards channels where creators interact. No replies = lower reach, fewer recommendations.
1110</p> 1111 </div> 1112 </div> 1113 <div class="flex gap-4 rounded-xl bg-red-500/5 ring-1 ring-red-500/20 p-4 sm:p-8"> 1114 <div class="flex-shrink-0 text-2xl leading-none mt-0.5">ð</div> 1115 <div> 1116 <p class="font-semibold text-white text-sm sm:text-base">Viewers stop commenting</p> 1117 <p class="mt-1 text-sm text-gray-400 leading-relaxed">When people see their comments go unanswered, they stop engaging. Your community slowly goes silent.</p> 1118 </div> 1119 </div> 1120 </div> 1121 1122 1123 <div class="rounded-2xl bg-white/5 ring-1 ring-white/10 overflow-hidden shadow-2xl"> 1124 1125 <div class="flex items-center gap-2 bg-white/5 px-4 py-3 border-b border-white/10"> 1126 <div class="flex gap-1.5"> 1127 <div class="h-3 w-3 rounded-full bg-red-500"></div> 1128 <div class="h-3 w-3 rounded-full bg-yellow-500"></div> 1129 <div class="h-3 w-3 rounded-full bg-green-500"></div> 1130 </div> 1131 <div class="flex-1 mx-3 rounded bg-white/10 px-3 py-1 text-xs text-gray-500 font-mono"> 1132 youtube.com/your-channel/comments 1133 </div> 1134 </div> 1135 1136 <div class="p-4 space-y-2.5"> 1137 <div class="flex items-center justify-between mb-3"> 1138 <span class="text-xs font-semibold text-gray-400 uppercase tracking-wide">Comments</span> 1139 <span class="rounded-full bg-red-500/20 px-2.5 py-0.5 text-xs font-bold text-red-400 ring-1 ring-red-500/30"> 1140 247 unanswered 1141 </span> 1142 </div> 1143 <div class="flex items-start gap-3 rounded-lg bg-white/5 p-3"> 1144 <div class="h-7 w-7 flex-shrink-0 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1145 S 1146 </div> 1147 <div class="flex-1 min-w-0"> 1148 <div class="flex items-center gap-2"> 1149 <span class="text-xs font-semibold text-white">Sarah M.</span> 1150 <span class="text-xs text-gray-600">3 days ago</span> 1151 </div> 1152 <p class="mt-0.5 text-xs text-gray-400 truncate">This video changed my life! What camera do you use?</p> 1153 </div> 1154 <span class="flex-shrink-0 rounded-full bg-red-500/10 px-2 py-0.5 text-xs text-red-400 ring-1 ring-red-500/20"> 1155 No reply 1156 </span> 1157 </div> 1158 <div class="flex items-start gap-3 rounded-lg bg-white/5 p-3"> 1159 <div class="h-7 w-7 flex-shrink-0 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1160 T 1161 </div> 1162 <div class="flex-1 min-w-0"> 1163 <div class="flex items-center gap-2"> 1164 <span class="text-xs font-semibold text-white">TechGuy99</span> 1165 <span class="text-xs text-gray-600">3 days ago</span> 1166 </div> 1167 <p class="mt-0.5 text-xs text-gray-400 truncate">Can you make a tutorial on the editing process?</p> 1168 </div>
1169 <span class="flex-shrink-0 rounded-full bg-red-500/10 px-2 py-0.5 text-xs text-red-400 ring-1 ring-red-500/20"> 1170 No reply 1171 </span> 1172 </div> 1173 <div class="flex items-start gap-3 rounded-lg bg-white/5 p-3"> 1174 <div class="h-7 w-7 flex-shrink-0 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1175 M 1176 </div> 1177 <div class="flex-1 min-w-0"> 1178 <div class="flex items-center gap-2"> 1179 <span class="text-xs font-semibold text-white">Maria L.</span> 1180 <span class="text-xs text-gray-600">4 days ago</span> 1181 </div> 1182 <p class="mt-0.5 text-xs text-gray-400 truncate">I've been watching for 2 years, love your content! â¤ï¸</p> 1183 </div> 1184 <span class="flex-shrink-0 rounded-full bg-red-500/10 px-2 py-0.5 text-xs text-red-400 ring-1 ring-red-500/20"> 1185 No reply 1186 </span> 1187 </div> 1188 <div class="flex items-start gap-3 rounded-lg bg-white/5 p-3"> 1189 <div class="h-7 w-7 flex-shrink-0 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1190 J 1191 </div> 1192 <div class="flex-1 min-w-0"> 1193 <div class="flex items-center gap-2"> 1194 <span class="text-xs font-semibold text-white">JohnDoe</span> 1195 <span class="text-xs text-gray-600">5 days ago</span> 1196 </div> 1197 <p class="mt-0.5 text-xs text-gray-400 truncate">Where did you film this? The location is stunning!</p> 1198 </div> 1199 <span class="flex-shrink-0 rounded-full bg-red-500/10 px-2 py-0.5 text-xs text-red-400 ring-1 ring-red-500/20"> 1200 No reply 1201 </span> 1202 </div> 1203 <div class="flex items-start gap-3 rounded-lg bg-white/5 p-3"> 1204 <div class="h-7 w-7 flex-shrink-0 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1205 A 1206 </div> 1207 <div class="flex-1 min-w-0"> 1208 <div class="flex items-center gap-2"> 1209 <span class="text-xs font-semibold text-white">Alex K.</span> 1210 <span class="text-xs text-gray-600">1 week ago</span> 1211 </div> 1212 <p class="mt-0.5 text-xs text-gray-400 truncate">The audio quality is perfect. What mic do you use?</p> 1213 </div> 1214 <span class="flex-shrink-0 rounded-full bg-red-500/10 px-2 py-0.5 text-xs text-red-400 ring-1 ring-red-500/20"> 1215 No reply 1216 </span> 1217 </div> 1218 <div class="flex items-start gap-3 rounded-lg bg-white/5 p-3"> 1219 <div class="h-7 w-7 flex-shrink-0 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1220 D 1221 </div> 1222 <div class="flex-1 min-w-0"> 1223 <div class="flex items-center gap-2">
1224 <span class="text-xs font-semibold text-white">Danny D.</span> 1225 <span class="text-xs text-gray-600">1 week ago</span> 1226 </div> 1227 <p class="mt-0.5 text-xs text-gray-400 truncate">Can I join your course?</p> 1228 </div> 1229 <span class="flex-shrink-0 rounded-full bg-red-500/10 px-2 py-0.5 text-xs text-red-400 ring-1 ring-red-500/20"> 1230 No reply 1231 </span> 1232 </div> 1233 <p class="text-center text-xs text-gray-600 pt-1">...and 241 more unanswered comments</p> 1234 </div> 1235 </div> 1236 1237 </div> 1238 </div> 1239 1240 1241 <div 1242 x-show="activeTab === 'after'" 1243 x-transition:enter="transition ease-out duration-300" 1244 x-transition:enter-start="opacity-0 translate-y-4" 1245 x-transition:enter-end="opacity-100 translate-y-0" 1246 style="display: none;" 1247 > 1248 <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8 items-start"> 1249 1250 1251 <div class="space-y-4"> 1252 <div class="flex gap-4 rounded-xl bg-green-500/5 ring-1 ring-green-500/20 p-4 sm:p-8"> 1253 <div class="flex-shrink-0 text-2xl leading-none mt-0.5">â </div> 1254 <div> 1255 <p class="font-semibold text-white text-sm sm:text-base">Every comment answered in 24h</p> 1256 <p class="mt-1 text-sm text-gray-400 leading-relaxed">ReplAI reads every new comment and generates a personalized, context-aware reply â automatically, around the clock.</p> 1257 </div> 1258 </div> 1259 <div class="flex gap-4 rounded-xl bg-green-500/5 ring-1 ring-green-500/20 p-4 sm:p-8"> 1260 <div class="flex-shrink-0 text-2xl leading-none mt-0.5">ð§ </div> 1261 <div> 1262 <p class="font-semibold text-white text-sm sm:text-base">AI learns your voice & style</p> 1263 <p class="mt-1 text-sm text-gray-400 leading-relaxed">Train it on your documents, FAQs, and past replies. It sounds like you, not a robot.</p> 1264 </div> 1265 </div> 1266 <div class="flex gap-4 rounded-xl bg-green-500/5 ring-1 ring-green-500/20 p-4 sm:p-8"> 1267 <div class="flex-shrink-0 text-2xl leading-none mt-0.5">ð</div> 1268 <div> 1269 <p class="font-semibold text-white text-sm sm:text-base">More comments, more growth</p> 1270 <p class="mt-1 text-sm text-gray-400 leading-relaxed">Creators report 2â3Ã more comments when viewers know they'll get a response. The algorithm loves it.</p> 1271 </div> 1272 </div> 1273 <div class="flex gap-4 rounded-xl bg-green-500/5 ring-1 ring-green-500/20 p-4 sm:p-8"> 1274 <div class="flex-shrink-0 text-2xl leading-none mt-0.5">ð</div> 1275 <div> 1276 <p class="font-semibold text-white text-sm sm:text-base">You get your time back</p> 1277 <p class="mt-1 text-sm text-gray-400 leading-relaxed">Spend those 2â4 hours creating, not typing. Or just relax â you've earned it.</p> 1278 </div> 1279 </div> 1280 </div> 1281 1282 1283 <div class="rounded-2xl bg-white/5 ring-1 ring-white/10 overflow-hidden shadow-2xl"> 1284 <div class="flex items-center gap-2 bg-white/5 px-4 py-3 border-b border-white/10"> 1285 <div class="flex gap-1.5"> 1286 <div class="h-3 w-3 rounded-full bg-red-500"></div> 1287 <div class="h-3 w-3 rounded-full bg-yellow-500"></div> 1288 <div class="h-3 w-3 rounded-full bg-green-500"></div> 1289 </div> 1290 <div class="flex-1 mx-3 rounded bg-white/10 px-3 py-1 text-xs text-gray-500 font-mono"> 1291 youtube.com/your-channel/comments 1292 </div> 1293 </div> 1294 <div class="p-4 space-y-2.5"> 1295 <div class="flex items-center justify-between mb-3">
1296 <span class="text-xs font-semibold text-gray-400 uppercase tracking-wide">Comments</span> 1297 <span class="rounded-full bg-green-500/20 px-2.5 py-0.5 text-xs font-bold text-green-400 ring-1 ring-green-500/30"> 1298 All caught up â 1299 </span> 1300 </div> 1301 <div class="rounded-lg bg-white/5 p-3 space-y-2"> 1302 <div class="flex items-center gap-2"> 1303 <div class="h-6 w-6 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1304 S 1305 </div> 1306 <span class="text-xs font-semibold text-white">Sarah M.</span> 1307 <span class="text-xs text-gray-600">2 min ago</span> 1308 </div> 1309 <div class="ml-8 flex items-start gap-2 rounded-lg bg-blue-500/10 ring-1 ring-blue-500/20 px-3 py-2"> 1310 <span class="flex-shrink-0 text-xs font-bold text-blue-400">You</span> 1311 <p class="text-xs text-gray-300 leading-relaxed">Thanks Sarah! I use a Sony A7IV â great for this style of shooting ð¥</p> 1312 <span class="flex-shrink-0 ml-auto rounded-full bg-green-500/10 px-1.5 py-0.5 text-xs text-green-400">â</span> 1313 </div> 1314 </div> 1315 <div class="rounded-lg bg-white/5 p-3 space-y-2"> 1316 <div class="flex items-center gap-2"> 1317 <div class="h-6 w-6 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1318 T 1319 </div> 1320 <span class="text-xs font-semibold text-white">TechGuy99</span> 1321 <span class="text-xs text-gray-600">2 min ago</span> 1322 </div> 1323 <div class="ml-8 flex items-start gap-2 rounded-lg bg-blue-500/10 ring-1 ring-blue-500/20 px-3 py-2"> 1324 <span class="flex-shrink-0 text-xs font-bold text-blue-400">You</span> 1325 <p class="text-xs text-gray-300 leading-relaxed">Great idea! A behind-the-scenes editing video is definitely on my list ð</p> 1326 <span class="flex-shrink-0 ml-auto rounded-full bg-green-500/10 px-1.5 py-0.5 text-xs text-green-400">â</span> 1327 </div> 1328 </div> 1329 <div class="rounded-lg bg-white/5 p-3 space-y-2"> 1330 <div class="flex items-center gap-2"> 1331 <div class="h-6 w-6 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1332 M 1333 </div> 1334 <span class="text-xs font-semibold text-white">Maria L.</span> 1335 <span class="text-xs text-gray-600">3 min ago</span> 1336 </div> 1337 <div class="ml-8 flex items-start gap-2 rounded-lg bg-blue-500/10 ring-1 ring-blue-500/20 px-3 py-2"> 1338 <span class="flex-shrink-0 text-xs font-bold text-blue-400">You</span> 1339 <p class="text-xs text-gray-300 leading-relaxed">2 years â that means the world to me, thank you so much! â¤ï¸</p> 1340 <span class="flex-shrink-0 ml-auto rounded-full bg-green-500/10 px-1.5 py-0.5 text-xs text-green-400">â</span> 1341 </div> 1342 </div> 1343 <div class="rounded-lg bg-white/5 p-3 space-y-2"> 1344 <div class="flex items-center gap-2"> 1345 <div class="h-6 w-6 rounded-full bg-gray-600 flex items-center justify-center text-xs font-bold text-white"> 1346 J 1347 </div>
1348 <span class="text-xs font-semibold text-white">JohnDoe</span> 1349 <span class="text-xs text-gray-600">3 min ago</span> 1350 </div> 1351 <div class="ml-8 flex items-start gap-2 rounded-lg bg-blue-500/10 ring-1 ring-blue-500/20 px-3 py-2"> 1352 <span class="flex-shrink-0 text-xs font-bold text-blue-400">You</span> 1353 <p class="text-xs text-gray-300 leading-relaxed">That was shot in Iceland â absolutely magical place, highly recommend!</p> 1354 <span class="flex-shrink-0 ml-auto rounded-full bg-green-500/10 px-1.5 py-0.5 text-xs text-green-400">â</span> 1355 </div> 1356 </div> 1357 </div> 1358 </div> 1359 1360 </div> 1361 </div> 1362 1363 </div> 1364 1365 1366 <div class="mt-12 text-center"> 1367 <a 1368 href="https://replai.pro/register" 1369 class="inline-flex items-center rounded-md bg-blue-500 px-6 py-3 text-lg font-semibold text-white shadow-md hover:bg-amber-500 hover:scale-105 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400 transition-all" 1370 > 1371 Start Replying for Free â 1372 </a> 1373 <p class="mt-3 text-sm text-gray-500">No credit card required · Free plan available</p> 1374 </div> 1375 1376 </div> 1377</section> 1378 1379 1380 1381 1382<section class="bg-gray-50 py-32 anim-hidden" id="features"> 1383 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 1384 <div class="mx-auto max-w-3xl sm:text-center"> 1385 <h2 class="text-lg font-semibold leading-7 text-amber-500">Reply Faster â Stay in Your Voice</h2> 1386 <div class="md:flex md:items-center md:gap-2 md:justify-center"> 1387 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 md:w-12 md:h-12 text-amber-500"> 1388 <path stroke-linecap="round" stroke-linejoin="round" 1389 d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"/> 1390 </svg> 1391 <p class="mt-2 font-semibold tracking-tight text-gray-800 text-xl sm:text-2xl md:text-3xl lg:text-4xl">Near-Magical Features needed to Scale</p> 1392 </div> 1393 <p class="mt-6 text-lg leading-8 text-gray-600">Turn your comment section into a calm, organized community workflow.</p> 1394 </div> 1395 <div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-4xl"> 1396 <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16"> 1397 <div class="relative pl-16"> 1398 <dt class="text-base font-semibold leading-7 text-gray-900"> 1399 <div 1400 class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-amber-500"> 1401 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 1402 stroke="currentColor" class="w-6 h-6 text-white"> 1403 <path stroke-linecap="round" stroke-linejoin="round" 1404 d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 01.865-.501 48.172 48.172 0 003.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.
1404123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z"/> 1405 </svg> 1406 </div> 1407 Context-Aware Replies 1408 </dt> 1409 <dd class="mt-2 text-base leading-7 text-gray-600">The AI understands your video's context and generates deep, personalized replies that make every viewer feel heard and valued.</dd> 1410 </div> 1411 <div class="relative pl-16"> 1412 <dt class="text-base font-semibold leading-7 text-gray-900"> 1413 <div 1414 class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-amber-500"> 1415 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 1416 stroke="currentColor" class="w-6 h-6 text-white"> 1417 <path stroke-linecap="round" stroke-linejoin="round" 1418 d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"/> 1419 </svg> 1420 </div> 1421 Your AI Community Manager 1422 </dt> 1423 <dd class="mt-2 text-base leading-7 text-gray-600">Teach AI about your niche, gear, and style. It learns to speak with your unique voice, delivering expert replies that sound exactly like you.</dd> 1424 </div> 1425 <div class="relative pl-16"> 1426 <dt class="text-base font-semibold leading-7 text-gray-900"> 1427 <div 1428 class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-amber-500"> 1429 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 1430 stroke="currentColor" class="w-6 h-6 text-white"> 1431 <path stroke-linecap="round" stroke-linejoin="round" 1432 d="M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zm-7.518-.267A8.25 8.25 0 1120.25 10.5M8.288 14.212A5.25 5.25 0 1117.25 10.5"/> 1433 </svg> 1434 </div> 1435 You stay in control 1436 </dt> 1437 <dd class="mt-2 text-base leading-7 text-gray-600">Review drafts in seconds and approve the ones that sound like you â one click per reply. Nothing goes out on its own.</dd> 1438 </div> 1439 <div class="relative pl-16"> 1440 <dt class="text-base font-semibold leading-7 text-gray-900"> 1441 <div 1442 class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-amber-500"> 1443 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 1444 stroke="currentColor" class="w-6 h-6 text-white"> 1445 <path stroke-linecap="round" stroke-linejoin="round" 1446 d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"/> 1447 </svg> 1448 </div> 1449 Never Miss a Comment 1450 </dt> 1451 <dd class="mt-2 text-base leading-7 text-gray-600">Never miss a lead or a loyal fan again. Catch every question, every idea, every returning viewer â and reply in your own voice.</dd> 1452 </div> 1453 </dl> 1454 </div> 1455 </div> 1456</section> 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468<div class="bg-gray-100" id="sign-up"> 1469 <div class="mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4"> 1470 <div class="mx-auto max-w-2xl px-4 lg:max-w-none"> 1471 <div class="grid grid-cols-1 items-center gap-x-16 gap-y-10 lg:grid-cols-2"> 1472 <div> 1473 <h2 class="text-2xl sm:text-4xl !leading-snug font-bold text-gray-900 mb-8">Get all your comments replied in just 2 easy steps</h2> 1474 1475 1476 <div class="flex items-center gap-2 mb-4"> 1477 <div class="font-bold rounded-full bg-amber-500 w-10 h-10 shrink-0 text-white text-lg sm:text-xl text-center flex justify-center items-center"> 1478 1</div> 1479 <div class="text-gray-700 font-semibold text-lg sm:text-xl">Sign Up</div> 1480 </div> 1481 1482 <div class="flex items-center gap-2"> 1483 <div class="font-bold rounded-full bg-amber-500 w-10 h-10 shrink-0 text-white text-lg sm:text-xl text-center flex justify-center items-center"> 1484 2 1485 </div> 1486 <div class="text-gray-700 font-semibold text-lg sm:text-xl">Review & approve generated replies
1487 <span class="font-normal text-gray-400 text-sm sm:text-base"> (you approve each one)</span></div> 1488 </div> 1489 1490 <p class="mt-6 text-gray-400 font-normal">This includes replies to all current and future comments on your channel.</p> 1491 1492 <a href="https://replai.pro/register" 1493 class="inline-flex items-center rounded-md bg-blue-500 mt-8 px-3 py-1 md:px-4 md:py-2 lg:px-5 lg:py-3 font-semibold text-lg lg:text-2xl text-white shadow-sm hover:bg-amber-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400 transform scale-100 hover:scale-105 transition-all"> 1494 Sign Up Now 1495 </a> 1496 1497 1498 </div> 1499 <div class="relative aspect-h-2 aspect-w-3 overflow-hidden rounded-lg bg-gray-100"> 1500 <img src="https://replai.pro/img/landings/happy-youtuber-creator.jpg" alt="A Happy YouTube Creator" 1501 class="object-cover object-center"> 1502 </div> 1503 </div> 1504 <div class="mt-16 grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3"> 1505 <div class="sm:flex lg:block"> 1506 <div class="sm:flex-shrink-0"> 1507 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="0.7" 1508 stroke="currentColor" class="w-16 h-16"> 1509 <path stroke-linecap="round" stroke-linejoin="round" 1510 d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"/> 1511 </svg> 1512 </div> 1513 <div class="mt-4 sm:ml-6 sm:mt-0 lg:ml-0 lg:mt-6"> 1514 <h3 class="font-semibold text-gray-900 text-lg">Engage your audience</h3> 1515 <p class="mt-2 text-sm text-gray-500">Replies includes: answers, greetings, comments and more. It all keeps your audience engaged and happy.</p> 1516 </div> 1517 </div> 1518 <div class="sm:flex lg:block"> 1519 <div class="sm:flex-shrink-0"> 1520 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="0.7" 1521 stroke="currentColor" class="w-16 h-16"> 1522 <path stroke-linecap="round" stroke-linejoin="round" 1523 d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"/> 1524 </svg> 1525 </div> 1526 <div class="mt-4 sm:ml-6 sm:mt-0 lg:ml-0 lg:mt-6"> 1527 <h3 class="font-semibold text-gray-900 text-lg">Boost your channel growth</h3> 1528 <p class="mt-2 text-sm text-gray-500">Every interaction with the audience boosts your channel growth. And now you will have it on auto mode.</p> 1529 </div> 1530 </div> 1531 <div class="sm:flex lg:block"> 1532 <div class="sm:flex-shrink-0"> 1533 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="0.7" 1534 stroke="currentColor" class="w-16 h-16"> 1535 <path stroke-linecap="round" stroke-linejoin="round" 1536 d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"/> 1537 </svg> 1538 </div> 1539 <div class="mt-4 sm:ml-6 sm:mt-0 lg:ml-0 lg:mt-6"> 1540 <h3 class="font-semibold text-gray-900 text-lg">Free your time</h3> 1541 <p class="mt-2 text-sm text-gray-500">Get back the time you were spending on replies. Create, relax and spend time with your family and friends more.</p> 1542 </div> 1543 </div> 1544 </div> 1545 </div> 1546 </div> 1547</div> 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 <div class="bg-gray-50 py-8 sm:py-24" id="testimonials"> 1562 <div class="mx-auto max-w-7xl px-4 lg:px-8"> 1563 <div class="mx-auto max-w-3xl text-center"> 1564 <h2 class="text-2xl font-semibold leading-8 tracking-tight text-orange-500">Testimonials</h2> 1565 <p class="mt-4 text-2xl font-semibold tracking-tight text-gray-900 sm:text-4xl">Trusted by creators who love their audience <br>and value their time.</p> 1566 </div> 1567 <div class="mx-auto mt-16 flow-root max-w-2xl sm:mt-20 lg:mx-0 lg:max-w-none"> 1568 <div class="-mt-8 sm:-mx-4 sm:columns-2 sm:text-[0] lg:columns-3"> 1569 1570 <div class="pt-6 sm:pt-8 sm:inline-block sm:w-full sm:px-4"> 1571 <figure class="rounded-2xl bg-gray-100 p-4 sm:p-6 text-sm sm:text-base leading-6 border border-gray-200 shadow-md shadow-gray-200"> 1572 <blockquote class="text-gray-800"> 1573 <p>âWorks great for my cooking channel. It picks up on recipe details from the video and mentions them in replies, which is a nice touch.â</p> 1574 </blockquote>
1575 <figcaption class="mt-6 flex items-center gap-x-4"> 1576 <img class="h-20 w-20 rounded-full bg-gray-100" 1577 src="https://replai.pro/storage/testimonials/01KM94F7CC3TZN5BE1MPVPY2KD.jpg" 1578 alt="Jacek Kowalski "> 1579 <div class="text-sm"> 1580 <div class="text-base font-semibold text-gray-800">Jacek Kowalski</div> 1581 <div class="text-gray-800">Food & Cooking Creator</div> 1582 <div class="text-gray-500">53K subscribers</div> 1583 <div class="text-orange-500">2.4K comments handled</div> 1584 </div> 1585 </figcaption> 1586 </figure> 1587 </div> 1588 <div class="pt-6 sm:pt-8 sm:inline-block sm:w-full sm:px-4"> 1589 <figure class="rounded-2xl bg-gray-100 p-4 sm:p-6 text-sm sm:text-base leading-6 border border-gray-200 shadow-md shadow-gray-200"> 1590 <blockquote class="text-gray-800"> 1591 <p>âIt's good. Not perfect - sometimes the replies are a bit generic on super specific technical questions - but for most comments it does exactly what I need.â</p> 1592 </blockquote> 1593 <figcaption class="mt-6 flex items-center gap-x-4"> 1594 <img class="h-20 w-20 rounded-full bg-gray-100" 1595 src="https://replai.pro/storage/testimonials/01KM94DTDXHR8GTVX9F83HHRAG.jpg" 1596 alt="Marcus Webb "> 1597 <div class="text-sm"> 1598 <div class="text-base font-semibold text-gray-800">Marcus Webb</div> 1599 <div class="text-gray-800">Developer & Tech Creator</div> 1600 <div class="text-gray-500">158K subscribers</div> 1601 <div class="text-orange-500">6.8K comments handled</div> 1602 </div> 1603 </figcaption> 1604 </figure> 1605 </div> 1606 <div class="pt-6 sm:pt-8 sm:inline-block sm:w-full sm:px-4"> 1607 <figure class="rounded-2xl bg-gray-100 p-4 sm:p-6 text-sm sm:text-base leading-6 border border-gray-200 shadow-md shadow-gray-200"> 1608 <blockquote class="text-gray-800"> 1609 <p>âThe review mode is what sold me. I wasn't comfortable with full autopilot at first so I approved everything manually for like two weeks. Eventually realized it was fine on its own.â</p> 1610 </blockquote> 1611 <figcaption class="mt-6 flex items-center gap-x-4"> 1612 <img class="h-20 w-20 rounded-full bg-gray-100" 1613 src="https://replai.pro/storage/testimonials/01KM94KXVYWDBFQVGZAKCRZC9T.jpg" 1614 alt="Anna Vogel "> 1615 <div class="text-sm"> 1616 <div class="text-base font-semibold text-gray-800">Anna Vogel</div> 1617 <div class="text-gray-800">Finance & Investing Creator</div> 1618 <div class="text-gray-500">67K subscribers</div> 1619 <div class="text-orange-500">3.4K comments handled</div> 1620 </div> 1621 </figcaption> 1622 </figure> 1623 </div> 1624 1625 1626 </div> 1627 </div> 1628 </div> 1629 </div> 1630 1631 1632 1633 1634<section 1635 class="relative overflow-hidden bg-gray-100 py-16 sm:py-24"
1636 x-data="roiCalculator(JSON.parse('{\u0022free\u0022:0,\u0022starter\u0022:9,\u0022pro\u0022:15}'))" 1637 x-init="calculate()" 1638> 1639 1640 1641 <div class="relative mx-auto max-w-6xl px-4 sm:px-6 lg:px-8"> 1642 1643 1644 <div class="text-center mb-12"> 1645 <p class="text-xs font-semibold uppercase tracking-widest text-amber-500 mb-2"> 1646 Your Personal ROI 1647 </p> 1648 <h2 class="text-3xl sm:text-4xl lg:text-5xl font-black text-gray-900 leading-tight"> 1649 How much is your time<br class="hidden sm:block"> 1650 <span class="text-amber-500">actually worth?</span> 1651 </h2> 1652 <p class="mt-4 text-base sm:text-lg text-gray-500 max-w-2xl mx-auto"> 1653 Move the sliders to match your channel. See exactly how much REPLAI saves you - in hours, money, and missed opportunities. 1654 </p> 1655 </div> 1656 1657 <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-start"> 1658 1659 1660 <div class="rounded-2xl bg-white shadow-xl ring-1 ring-gray-200 p-6 sm:p-8 space-y-8"> 1661 1662 <h3 class="text-lg font-bold text-gray-900 flex items-center gap-2"> 1663 <span class="text-xl">âï¸</span> Your Channel Stats 1664 </h3> 1665 1666 1667 <div> 1668 <div class="flex items-center justify-between mb-2"> 1669 <label class="text-sm font-semibold text-gray-700"> 1670 Comments per week 1671 </label> 1672 <span class="rounded-lg bg-amber-50 px-3 py-1 text-sm font-bold text-amber-600 ring-1 ring-amber-200"> 1673 <span x-text="commentsPerWeek"></span> comments 1674 </span> 1675 </div> 1676 <input 1677 type="range" 1678 min="5" max="2005" step="10" 1679 x-model.number="commentsPerWeek" 1680 @input="calculate()" 1681 class="w-full h-2 rounded-full appearance-none cursor-pointer accent-amber-500 bg-gray-200" 1682 > 1683 <div class="flex justify-between text-xs text-gray-400 mt-1"> 1684 <span>5</span><span>600</span><span>1,275</span><span>2,000</span> 1685 </div> 1686 </div> 1687 1688 1689 <div> 1690 <div class="flex items-center justify-between mb-2"> 1691 <label class="text-sm font-semibold text-gray-700"> 1692 Minutes per reply (manual) 1693 </label> 1694 <span class="rounded-lg bg-amber-50 px-3 py-1 text-sm font-bold text-amber-600 ring-1 ring-amber-200"> 1695 <span x-text="minsPerReply"></span> min 1696 </span> 1697 </div> 1698 <input 1699 type="range" 1700 min="0.5" max="10" step="0.5" 1701 x-model.number="minsPerReply" 1702 @input="calculate()" 1703 class="w-full h-2 rounded-full appearance-none cursor-pointer accent-amber-500 bg-gray-200" 1704 > 1705 <div class="flex justify-between text-xs text-gray-400 mt-1"> 1706 <span>0.5 min</span><span>3 min</span><span>6 min</span><span>10 min</span> 1707 </div> 1708 </div> 1709 1710 1711 <div> 1712 <div class="flex items-center justify-between mb-2"> 1713 <label class="text-sm font-semibold text-gray-700"> 1714 Your hourly rate (content creation) 1715 </label> 1716 <span class="rounded-lg bg-amber-50 px-3 py-1 text-sm font-bold text-amber-600 ring-1 ring-amber-200"> 1717 $<span x-text="hourlyRate"></span>/hr 1718 </span> 1719 </div> 1720 <input 1721 type="range" 1722 min="10" max="500" step="5" 1723 x-model.number="hourlyRate"
1724 @input="calculate()" 1725 class="w-full h-2 rounded-full appearance-none cursor-pointer accent-amber-500 bg-gray-200" 1726 > 1727 <div class="flex justify-between text-xs text-gray-400 mt-1"> 1728 <span>$10</span><span>$100</span><span>$250</span><span>$500</span> 1729 </div> 1730 </div> 1731 1732 1733 <div> 1734 <div class="flex items-center justify-between mb-2"> 1735 <label class="text-sm font-semibold text-gray-700"> 1736 % of comments you currently reply to 1737 </label> 1738 <span class="rounded-lg bg-amber-50 px-3 py-1 text-sm font-bold text-amber-600 ring-1 ring-amber-200"> 1739 <span x-text="replyRate"></span>% 1740 </span> 1741 </div> 1742 <input 1743 type="range" 1744 min="0" max="100" step="5" 1745 x-model.number="replyRate" 1746 @input="calculate()" 1747 class="w-full h-2 rounded-full appearance-none cursor-pointer accent-amber-500 bg-gray-200" 1748 > 1749 <div class="flex justify-between text-xs text-gray-400 mt-1"> 1750 <span>0%</span><span>25%</span><span>50%</span><span>100%</span> 1751 </div> 1752 </div> 1753 1754 1755 <div> 1756 <label class="text-sm font-semibold text-gray-700 block mb-2"> 1757 REPLAI plan you would use 1758 </label> 1759 <div class="grid grid-cols-3 gap-2"> 1760 <button 1761 @click="selectedPlan = 'free'; calculate()" 1762 :class="selectedPlan === 'free' 1763 ? 'bg-blue-500 text-white ring-2 ring-blue-500' 1764 : 'bg-gray-50 text-gray-700 ring-1 ring-gray-200 hover:ring-blue-300'" 1765 class="rounded-lg px-3 py-2 text-sm font-semibold transition-all" 1766 > 1767 Free<br><span class="text-xs font-normal opacity-75">$<span x-text="planCosts.free"></span>/mo</span> 1768 </button> 1769 <button 1770 @click="selectedPlan = 'starter'; calculate()" 1771 :class="selectedPlan === 'starter' 1772 ? 'bg-blue-500 text-white ring-2 ring-blue-500' 1773 : 'bg-gray-50 text-gray-700 ring-1 ring-gray-200 hover:ring-blue-300'" 1774 class="rounded-lg px-3 py-2 text-sm font-semibold transition-all" 1775 > 1776 Starter<br><span class="text-xs font-normal opacity-75">$<span x-text="planCosts.starter"></span>/mo</span> 1777 </button> 1778 <button 1779 @click="selectedPlan = 'pro'; calculate()" 1780 :class="selectedPlan === 'pro' 1781 ? 'bg-blue-500 text-white ring-2 ring-blue-500' 1782 : 'bg-gray-50 text-gray-700 ring-1 ring-gray-200 hover:ring-blue-300'" 1783 class="rounded-lg px-3 py-2 text-sm font-semibold transition-all" 1784 > 1785 Pro<br><span class="text-xs font-normal opacity-75">$<span x-text="planCosts.pro"></span>/mo</span> 1786 </button> 1787 </div> 1788 </div> 1789 1790 </div> 1791 1792 1793 <div class="space-y-5"> 1794 1795 1796 <div class="rounded-2xl bg-gray-900 p-6 sm:p-8 ring-1 ring-white/10 shadow-2xl"> 1797 <p class="text-xs font-semibold uppercase tracking-widest text-amber-400 mb-1"> 1798 Your monthly savings 1799 </p> 1800 <div class="flex items-end gap-3 mb-1">
1801 <span class="text-5xl sm:text-6xl font-black text-white" x-text="'$' + moneySavedMonthly.toLocaleString()">$0</span> 1802 <span class="text-lg text-gray-400 mb-2">/ month</span> 1803 </div> 1804 <p class="text-sm text-gray-400"> 1805 Based on <span class="text-white font-semibold" x-text="hoursSavedMonthly + ' hours'"></span> saved at your $<span x-text="hourlyRate"></span>/hr rate 1806 </p> 1807 1808 1809 <div class="mt-5 rounded-xl bg-white/5 ring-1 ring-white/10 p-4 flex items-center justify-between"> 1810 <div> 1811 <p class="text-xs text-gray-500 uppercase tracking-wide">Return on Investment</p> 1812 <p class="text-2xl font-black text-amber-400 mt-0.5" x-text="roiMultiplier + 'x ROI'">0x ROI</p> 1813 </div> 1814 <div class="text-right"> 1815 <p class="text-xs text-gray-500 uppercase tracking-wide">Plan cost</p> 1816 <p class="text-2xl font-black text-white mt-0.5" x-text="'$' + planCost + '/mo'">$0/mo</p> 1817 </div> 1818 </div> 1819 </div> 1820 1821 1822 <div class="grid grid-cols-2 gap-4"> 1823 <div class="rounded-xl bg-white shadow-md ring-1 ring-gray-200 p-4"> 1824 <p class="text-xs font-semibold uppercase tracking-wide text-gray-400 mb-1">Hours saved / week</p> 1825 <p class="text-3xl font-black text-gray-900" x-text="hoursSavedWeekly">0</p> 1826 <p class="text-xs text-gray-400 mt-1">hours back to create</p> 1827 </div> 1828 <div class="rounded-xl bg-white shadow-md ring-1 ring-gray-200 p-4"> 1829 <p class="text-xs font-semibold uppercase tracking-wide text-gray-400 mb-1">Hours saved / year</p> 1830 <p class="text-3xl font-black text-gray-900" x-text="hoursSavedYearly">0</p> 1831 <p class="text-xs text-gray-400 mt-1">hours of your life back</p> 1832 </div> 1833 <div class="rounded-xl bg-white shadow-md ring-1 ring-gray-200 p-4"> 1834 <p class="text-xs font-semibold uppercase tracking-wide text-gray-400 mb-1">Replies drafted / mo</p> 1835 <p class="text-3xl font-black text-gray-900" x-text="repliesAutomated.toLocaleString()">0</p> 1836 <p class="text-xs text-gray-400 mt-1">comments answered</p> 1837 </div> 1838 <div class="rounded-xl bg-white shadow-md ring-1 ring-gray-200 p-4"> 1839 <p class="text-xs font-semibold uppercase tracking-wide text-gray-400 mb-1">Annual savings</p> 1840 <p class="text-3xl font-black text-gray-900" x-text="'$' + moneySavedYearly.toLocaleString()">$0</p> 1841 <p class="text-xs text-gray-400 mt-1">vs. manual replying</p> 1842 </div> 1843 </div> 1844 1845 1846 <div 1847 class="rounded-xl bg-amber-50 ring-1 ring-amber-200 p-4 flex gap-3" 1848 x-show="roiMultiplier > 0" 1849 > 1850 <span class="text-xl flex-shrink-0">ð¡</span> 1851 <p class="text-sm text-amber-800 leading-relaxed" x-text="insightMessage"></p> 1852 </div> 1853 1854 1855 <a 1856 href="https://replai.pro/register" 1857 class="flex items-center justify-center w-full rounded-xl bg-blue-500 px-6 py-4 text-lg font-semibold text-white shadow-md hover:bg-amber-500 hover:scale-105 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400 transition-all" 1858 > 1859 Start Saving Time Today â 1860 </a> 1861 <p class="text-center text-xs text-gray-400"> 1862 Free plan available · No credit card required 1863 </p> 1864 1865 </div> 1866 </div> 1867 </div> 1868</section> 1869 1870 1871 1872 1873 1874 1875 1876<div x-data="{ annual_billing : false }" class="isolate overflow-hidden bg-gray-900" id="pricing"> 1877 <div class="mx-auto max-w-7xl px-4 pb-96 pt-20 text-center sm:pt-32 lg:px-8"> 1878 <div class="mx-auto max-w-4xl"> 1879 <h2 class="text-xl font-semibold leading-7 text-amber-500">Pricing</h2> 1880 <p class="mt-2 text-4xl font-bold tracking-tight text-white sm:text-5xl">Invest in Your <br 1881 class="hidden sm:inline lg:hidden">Channelâs Growth</p> 1882 </div> 1883 <div class="relative mt-6"> 1884 1885 1886 <p class="mx-auto max-w-4xl text-sm sm:text-base lg:text-lg leading-5 text-white/60">These <span class="text-white/80 font-semibold">introductory prices</span> are our little welcome gift to you for joining us at the very start of this journey. Lock in these celebration rates now; the standard rates will follow after our initial launch period.</p> 1887 1888 <svg viewBox="0 0 1208 1024" 1889 class="absolute -top-10 left-1/2 -z-10 h-[64rem] -translate-x-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:-top-12 md:-top-20 lg:-top-12 xl:top-0"> 1890 <ellipse cx="604" cy="512" fill="url(#6d1bd035-0dd1-437e-93fa-59d316231eb0)" rx="604" ry="512"/> 1891 <defs> 1892 <radialGradient id="6d1bd035-0dd1-437e-93fa-59d316231eb0"> 1893 <stop stop-color="#3b82f6"/> 1894 <stop offset="1" stop-color="#3b82f6"/> 1895 </radialGradient> 1896 </defs> 1897 </svg> 1898 </div> 1899 1900 <div class="mx-auto flex items-center justify-center mt-12"> 1901 <button type="button" 1902 @click="annual_billing = !annual_billing" 1903 x-bind:class="{ 'bg-gray-400': !annual_billing, 'bg-amber-500': annual_billing }" 1904 class="relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-amber-500 focus:ring-offset-2" role="switch" aria-checked="false" aria-labelledby="annual-billing-label">
1905 <span aria-hidden="true" 1906 x-bind:class="{ 'translate-x-0': !annual_billing, 'translate-x-5': annual_billing }" 1907 class="pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"></span> 1908 </button> 1909 <span class="ml-3 text-sm" id="annual-billing-label"> 1910 <span class="font-medium text-white">Annual billing</span> 1911 <span class="text-amber-500">(Save 50%)</span> 1912 </span> 1913 1914 </div> 1915 <div x-show="annual_billing-" class="font-medium text-gray-400 text-sm mt-2">Annual plans include 2 free months as a thank-you for your year-long commitment.</div> 1916 1917 </div> 1918 <div class="flow-root bg-white pb-24 sm:pb-32"> 1919 <div class="-mt-80"> 1920 1921 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 1922 1923 <div class="mx-auto grid max-w-md grid-cols-1 gap-8 lg:max-w-full lg:grid-cols-3"> 1924 1925 1926 <div class="flex flex-col justify-between rounded-3xl bg-white p-8 shadow-xl ring-1 ring-gray-900/10 sm:p-10 "> 1927 <div> 1928 <div class="relative"> 1929 <h3 id="tier-hobby" class="text-2xl sm:text-3xl font-bold leading-7 text-blue-500">FREE</h3> 1930 </div> 1931 <div x-cloak x-show="!annual_billing" class="mt-6 flex items-baseline gap-x-2"> 1932 <span class="text-5xl font-bold tracking-tight text-gray-900">$0</span> 1933 <span class="text-lg font-semibold leading-7 text-gray-600">/month</span> 1934 </div> 1935 <div x-cloak x-show="annual_billing" class="mt-6 flex items-baseline gap-x-2"> 1936 <span class="text-5xl font-bold tracking-tight text-gray-900">$0</span> 1937 <span class="text-lg font-semibold leading-7 text-gray-600">/year</span> 1938 </div> 1939 <p class="mt-6 text-base leading-7 text-gray-600">Experience the magic of AI replies for FREE. Validate the quality on your own channel and discover just how much precious time you will save every day. Risk-Free.</p> 1940 <ul role="list" class="mt-6 sm:mt-10 space-y-2 sm:space-y-4 text-sm leading-6 text-gray-600"> 1941 1942 1943 <li class="flex gap-x-3"> 1944 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 1945 aria-hidden="true"> 1946 <path fill-rule="evenodd" 1947 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 1948 clip-rule="evenodd"/> 1949 </svg> 1950 <span class="font-bold">Up to 30 AI Replies per Month</span> 1951 </li> 1952 1953 1954 <li class="flex gap-x-3"> 1955 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 1956 aria-hidden="true"> 1957 <path fill-rule="evenodd" 1958 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 1959 clip-rule="evenodd"/> 1960 </svg> 1961 <span class="">AI replies up to 1-month-old comments</span> 1962 </li> 1963 1964 1965 <li class="flex gap-x-3"> 1966 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 1967 aria-hidden="true"> 1968 <path fill-rule="evenodd" 1969 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 1970 clip-rule="evenodd"/> 1971 </svg>
1972 <span class="">Stats and reply analytics *</span> 1973 </li> 1974 1975 1976 <li class="flex gap-x-3"> 1977 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 1978 aria-hidden="true"> 1979 <path fill-rule="evenodd" 1980 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 1981 clip-rule="evenodd"/> 1982 </svg> 1983 <span class="">Regular Sync with YouTube (24h)</span> 1984 </li> 1985 1986 1987 <li class="flex gap-x-3"> 1988 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 1989 aria-hidden="true"> 1990 <path fill-rule="evenodd" 1991 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 1992 clip-rule="evenodd"/> 1993 </svg> 1994 <span class="">Support: Community</span> 1995 </li> 1996 1997 1998 <li class="flex gap-x-3 text-gray-400"> 1999 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 2000 class="w-5 h-6 flex-none text-gray-400"> 2001 <path d="M6.75 9.25a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z"/> 2002 </svg> 2003 No AI training 2004 </li> 2005 2006 2007 <li class="flex gap-x-3 text-gray-400"> 2008 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 2009 class="w-5 h-6 flex-none text-gray-400"> 2010 <path d="M6.75 9.25a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z"/> 2011 </svg> 2012 No batch review tools 2013 </li> 2014 2015 2016 <li class="flex gap-x-3 text-gray-400"> 2017 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 2018 class="w-5 h-6 flex-none text-gray-400"> 2019 <path d="M6.75 9.25a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z"/> 2020 </svg> 2021 No Contributors Stats 2022 </li> 2023 2024 2025 </ul> 2026 </div> 2027 2028 <a href="https://replai.pro/register" aria-describedby="tier-starter" 2029 class="hover:scale-105 transition-all mt-8 block rounded-md border border-2 border-blue-500 px-3 py-1 md:px-4 md:py-2 lg:px-5 lg:py-3 2030 text-center text-lg lg:text-2xl font-semibold leading-6 text-blue-500 shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500"> 2031 Start for Free 2032 </a> 2033 2034 2035 2036</div> 2037 2038 <div class="flex flex-col justify-between rounded-3xl bg-white p-8 shadow-xl ring-1 ring-gray-900/10 sm:p-10 "> 2039 <div> 2040 <div class="relative"> 2041 <h3 id="tier-hobby" class="text-2xl sm:text-3xl font-bold leading-7 text-blue-500">STARTER</h3> 2042 <div x-cloak x-show="!annual_billing" class="discount-tag">40% OFF</div> 2043 <div x-cloak x-show="annual_billing" class="discount-tag sm:text-xl">50% OFF</div> 2044 </div> 2045 <div x-cloak x-show="!annual_billing" class="mt-6 flex items-baseline gap-x-2">
2046 <span class="text-4xl font-bold tracking-tight text-gray-300 line-through"> $15 </span> 2047 <span class="text-5xl font-bold tracking-tight text-gray-900">$9</span> 2048 <span class="text-lg font-semibold leading-7 text-gray-600">/month</span> 2049 </div> 2050 <div x-cloak x-show="annual_billing" class="mt-6 flex items-baseline gap-x-2"> 2051 <span class="text-4xl font-bold tracking-tight text-gray-300 line-through"> $180 </span> 2052 <span class="text-5xl font-bold tracking-tight text-gray-900">$90</span> 2053 <span class="text-lg font-semibold leading-7 text-gray-600">/year</span> 2054 </div> 2055 <p class="mt-6 text-base leading-7 text-gray-600">Say goodbye to endless manual typing. Ideal for growing channels that need consistent engagement and active community management without the burnout.</p> 2056 <ul role="list" class="mt-6 sm:mt-10 space-y-2 sm:space-y-4 text-sm leading-6 text-gray-600"> 2057 2058 2059 <li class="flex gap-x-3"> 2060 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2061 aria-hidden="true"> 2062 <path fill-rule="evenodd" 2063 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2064 clip-rule="evenodd"/> 2065 </svg> 2066 <span class="font-bold">Up to 500 AI Replies per Month</span> 2067 </li> 2068 2069 2070 <li class="flex gap-x-3"> 2071 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2072 aria-hidden="true"> 2073 <path fill-rule="evenodd" 2074 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2075 clip-rule="evenodd"/> 2076 </svg> 2077 <span class="">AI replies up to 3-months-old comments</span> 2078 </li> 2079 2080 2081 <li class="flex gap-x-3"> 2082 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2083 aria-hidden="true"> 2084 <path fill-rule="evenodd" 2085 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2086 clip-rule="evenodd"/> 2087 </svg> 2088 <span class="">Stats and reply analytics *</span> 2089 </li> 2090 2091 2092 <li class="flex gap-x-3"> 2093 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2094 aria-hidden="true"> 2095 <path fill-rule="evenodd" 2096 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2097 clip-rule="evenodd"/> 2098 </svg> 2099 <span class="">Regular Sync with YouTube (24h)</span> 2100 </li> 2101 2102 2103 <li class="flex gap-x-3"> 2104 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2105 aria-hidden="true"> 2106 <path fill-rule="evenodd" 2107 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2108 clip-rule="evenodd"/> 2109 </svg>
2110 <span class="">Support: Community, Email</span> 2111 </li> 2112 2113 2114 <li class="flex gap-x-3"> 2115 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2116 aria-hidden="true"> 2117 <path fill-rule="evenodd" 2118 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2119 clip-rule="evenodd"/> 2120 </svg> 2121 <span class="">Train AI on your videos, audio, PDFs & FAQs</span> 2122 </li> 2123 2124 2125 <li class="flex gap-x-3 text-gray-400"> 2126 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 2127 class="w-5 h-6 flex-none text-gray-400"> 2128 <path d="M6.75 9.25a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z"/> 2129 </svg> 2130 No batch review tools 2131 </li> 2132 2133 2134 <li class="flex gap-x-3 text-gray-400"> 2135 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" 2136 class="w-5 h-6 flex-none text-gray-400"> 2137 <path d="M6.75 9.25a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z"/> 2138 </svg> 2139 No Contributors Stats 2140 </li> 2141 2142 2143 </ul> 2144 </div> 2145 2146 <a href="https://replai.pro/register" aria-describedby="tier-starter" 2147 class="hover:scale-105 transition-all mt-8 block rounded-md bg-blue-500 px-3 py-1 md:px-4 md:py-2 lg:px-5 lg:py-3 text-center 2148 text-lg lg:text-2xl font-semibold leading-6 text-white shadow-md hover:bg-amber-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-amber-500"> 2149 Get Started 2150 </a> 2151 2152 2153 2154 2155</div> 2156 2157 <div class="flex flex-col justify-between rounded-3xl bg-white p-8 shadow-xl ring-1 ring-gray-900/10 sm:p-10 border-4 border-blue-500 scale-105 mt-8 lg:mt-0"> 2158 <div> 2159 <div class="relative"> 2160 <div class="absolute -top-14 sm:-top-16 w-full text-center"> 2161 <div class="mx-4 p-2 rounded-full uppercase bg-blue-500 text-blue-50 font-bold tracking-wide">Most Popular</div> 2162 </div> 2163 <h3 id="tier-hobby" class="text-2xl sm:text-3xl font-bold leading-7 text-blue-500">PRO</h3> 2164 <div x-cloak x-show="!annual_billing" class="discount-tag">40% OFF</div> 2165 <div x-cloak x-show="annual_billing" class="discount-tag sm:text-xl">50% OFF</div> 2166 </div> 2167 <div x-cloak x-show="!annual_billing" class="mt-6 flex items-baseline gap-x-2"> 2168 <span class="text-4xl font-bold tracking-tight text-gray-300 line-through"> $25 </span> 2169 <span class="text-5xl font-bold tracking-tight text-gray-900">$15</span> 2170 <span class="text-lg font-semibold leading-7 text-gray-600">/month</span> 2171 </div> 2172 <div x-cloak x-show="annual_billing" class="mt-6 flex items-baseline gap-x-2"> 2173 <span class="text-4xl font-bold tracking-tight text-gray-300 line-through"> $300 </span> 2174 <span class="text-5xl font-bold tracking-tight text-gray-900">$150</span> 2175 <span class="text-lg font-semibold leading-7 text-gray-600">/year</span> 2176 </div> 2177 <p class="mt-6 text-base leading-7 text-gray-600">Your fully trained AI Community Manager. Includes Custom Brand Memory, Smart Sales CTAs, and bulk review tools for high volume â every reply still approved by you.</p> 2178 <ul role="list" class="mt-6 sm:mt-10 space-y-2 sm:space-y-4 text-sm leading-6 text-gray-600"> 2179 2180 2181 <li class="flex gap-x-3"> 2182 <svg class="h-6 w-5 flex-none text-blue-500" viewB
2182ox="0 0 20 20" fill="currentColor" 2183 aria-hidden="true"> 2184 <path fill-rule="evenodd" 2185 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2186 clip-rule="evenodd"/> 2187 </svg> 2188 <span class="font-bold">Up to 1500 AI Replies per Month</span> 2189 </li> 2190 2191 2192 <li class="flex gap-x-3"> 2193 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2194 aria-hidden="true"> 2195 <path fill-rule="evenodd" 2196 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2197 clip-rule="evenodd"/> 2198 </svg> 2199 <span class="">AI replies up to a year-old comments</span> 2200 </li> 2201 2202 2203 <li class="flex gap-x-3"> 2204 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2205 aria-hidden="true"> 2206 <path fill-rule="evenodd" 2207 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2208 clip-rule="evenodd"/> 2209 </svg> 2210 <span class="">Stats and reply analytics *</span> 2211 </li> 2212 2213 2214 <li class="flex gap-x-3"> 2215 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2216 aria-hidden="true"> 2217 <path fill-rule="evenodd" 2218 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2219 clip-rule="evenodd"/> 2220 </svg> 2221 <span class="">FREQUENT Sync with YouTube (12h)</span> 2222 </li> 2223 2224 2225 <li class="flex gap-x-3"> 2226 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2227 aria-hidden="true"> 2228 <path fill-rule="evenodd" 2229 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2230 clip-rule="evenodd"/> 2231 </svg> 2232 <span class="">Support: Community, Email, Chat</span> 2233 </li> 2234 2235 2236 <li class="flex gap-x-3"> 2237 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2238 aria-hidden="true"> 2239 <path fill-rule="evenodd" 2240 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2241 clip-rule="evenodd"/> 2242 </svg> 2243 <span class="">Train AI on your videos, audio, PDFs & FAQs</span> 2244 </li> 2245 2246 2247 <li class="flex gap-x-3"> 2248 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2249 aria-hidden="true"> 2250 <path fill-rule="evenodd" 2251 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2252 clip-rule="evenodd"/> 2253 </svg>
2254 <span class="">Batch review & approve</span> 2255 </li> 2256 2257 2258 <li class="flex gap-x-3"> 2259 <svg class="h-6 w-5 flex-none text-blue-500" viewBox="0 0 20 20" fill="currentColor" 2260 aria-hidden="true"> 2261 <path fill-rule="evenodd" 2262 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2263 clip-rule="evenodd"/> 2264 </svg> 2265 <span class="">Contributors Stats</span> 2266 </li> 2267 2268 2269 </ul> 2270 </div> 2271 2272 <a href="https://replai.pro/register" aria-describedby="tier-starter" 2273 class="hover:scale-105 transition-all mt-8 block rounded-md bg-blue-500 px-3 py-1 md:px-4 md:py-2 lg:px-5 lg:py-3 text-center 2274 text-lg lg:text-2xl font-semibold leading-6 text-white shadow-md hover:bg-amber-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-amber-500"> 2275 Get Started 2276 </a> 2277 2278 2279 2280 2281</div> 2282 2283 <div class="lg:col-span-3 text-gray-400 text-sm my-4">* - Your YouTube data is fully accessible on our FREE plan, which provides access to core functionality. Paid plans offer additional benefits, including higher reply quotas and more frequent data synchronization, designed to enhance your experience. These paid features are optional and are not tied to the accessibility of YouTube data itself.</div> 2284 2285 2286 <div class="flex flex-col items-start gap-x-8 gap-y-6 rounded-3xl p-8 ring-1 ring-gray-900/10 sm:gap-y-10 sm:p-10 lg:col-span-3 lg:flex-row lg:items-center col-span-1"> 2287 <div class="lg:min-w-0 lg:flex-1"> 2288 <h3 class="text-lg font-semibold leading-8 tracking-tight text-blue-500 uppercase">Need More Power?</h3> 2289 <p class="mt-1 text-base leading-7 text-gray-600">For channels exceeding 5M+ views/month. Custom AI model fine-tuning, priority API throughput, and dedicated account manager.</p> 2290 </div> 2291 <a href="/cdn-cgi/l/email-protection#681b09040d1b281a0d1804090146181a07" class="transition-all hover:scale-105 rounded-md px-3.5 py-2 text-sm font-semibold leading-6 text-blue-500 ring-1 ring-inset ring-blue-200 hover:ring-blue-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-amber-600"> 2292 Let's Talk <span aria-hidden="true">→</span></a> 2293 </div> 2294 </div> 2295 </div> 2296 </div> 2297 </div> 2298</div> 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 <div class="bg-gray-800"> 2313 <div class="mx-auto max-w-7xl px-4 sm:px-6 py-16 lg:py-32"> 2314 <div class="mx-auto"> 2315 <h2 class="text-2xl sm:text-3xl font-semibold leading-10 tracking-tight text-white">Frequently Asked Questions</h2> 2316 <dl class="mt-10 space-y-6 grid grid-cols-1 gap-x-10 gap-y-1 sm:gap-y-6 sm:space-y-0 sm:grid-cols-2"> 2317 2318 <div x-data="{ question_0: false }" class="pt-6 border-t border-white/10"> 2319 2320 <dt class=""> 2321 <button @click="question_0 = !question_0" type="button" 2322 class="flex w-full items-start justify-between text-left text-white" 2323 aria-controls="faq-0" aria-expanded="false"> 2324 <span class="text-lg font-semibold leading-7">How does REPLAI work?</span> 2325 <span class="ml-6 flex h-7 items-center"> 2326 2327 <svg x-show="!question_0" xmlns="http://www.w3.org/2000/svg" fill="none"
2328 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2329 <path stroke-linecap="round" stroke-linejoin="round" 2330 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2331 </svg> 2332 2333 <svg x-cloak x-show="question_0" xmlns="http://www.w3.org/2000/svg" fill="none" 2334 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2335 <path stroke-linecap="round" stroke-linejoin="round" 2336 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2337 </svg> 2338 2339 </span> 2340 </button> 2341 </dt> 2342 2343 <dd x-cloak x-show="question_0" class="mt-2 pr-12" id="faq-0"> 2344 <p class="text-base leading-7 text-gray-300">REPLAI pulls your recent YouTube comments, generates suggested replies, and lets you review/edit them before posting. You stay fully in control of what gets published.</p> 2345 </dd> 2346 2347 </div> 2348 <div x-data="{ question_1: false }" class="pt-6 border-t border-white/10"> 2349 2350 <dt class=""> 2351 <button @click="question_1 = !question_1" type="button" 2352 class="flex w-full items-start justify-between text-left text-white" 2353 aria-controls="faq-0" aria-expanded="false"> 2354 <span class="text-lg font-semibold leading-7">Do you support multiple languages?</span> 2355 <span class="ml-6 flex h-7 items-center"> 2356 2357 <svg x-show="!question_1" xmlns="http://www.w3.org/2000/svg" fill="none"
2358 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2359 <path stroke-linecap="round" stroke-linejoin="round" 2360 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2361 </svg> 2362 2363 <svg x-cloak x-show="question_1" xmlns="http://www.w3.org/2000/svg" fill="none" 2364 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2365 <path stroke-linecap="round" stroke-linejoin="round" 2366 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2367 </svg> 2368 2369 </span> 2370 </button> 2371 </dt> 2372 2373 <dd x-cloak x-show="question_1" class="mt-2 pr-12" id="faq-0"> 2374 <p class="text-base leading-7 text-gray-300">Yes - we support multiple languages available through modern AI models, and the system automatically generates replies in the language of the comment it is responding to. This feature is currently experimental: English is supported best, while other popular languages may occasionally produce minor inaccuracies. When working in non-English languages, we recommend reviewing replies before publishing.</p> 2375 </dd> 2376 2377 </div> 2378 <div x-data="{ question_2: false }" class="pt-6 border-t border-white/10"> 2379 2380 <dt class=""> 2381 <button @click="question_2 = !question_2" type="button" 2382 class="flex w-full items-start justify-between text-left text-white" 2383 aria-controls="faq-0" aria-expanded="false"> 2384 <span class="text-lg font-semibold leading-7">Can I edit replies before posting?</span> 2385 <span class="ml-6 flex h-7 items-center"> 2386 2387 <svg x-show="!question_2" xmlns="http://www.w3.org/2000/svg" fill="none"
2388 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2389 <path stroke-linecap="round" stroke-linejoin="round" 2390 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2391 </svg> 2392 2393 <svg x-cloak x-show="question_2" xmlns="http://www.w3.org/2000/svg" fill="none" 2394 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2395 <path stroke-linecap="round" stroke-linejoin="round" 2396 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2397 </svg> 2398 2399 </span> 2400 </button> 2401 </dt> 2402 2403 <dd x-cloak x-show="question_2" class="mt-2 pr-12" id="faq-0"> 2404 <p class="text-base leading-7 text-gray-300">Yes. Every reply is editable. You can tweak tone, wording, and length before publishing.</p> 2405 </dd> 2406 2407 </div> 2408 <div x-data="{ question_3: false }" class="pt-6 border-t border-white/10"> 2409 2410 <dt class=""> 2411 <button @click="question_3 = !question_3" type="button" 2412 class="flex w-full items-start justify-between text-left text-white" 2413 aria-controls="faq-0" aria-expanded="false"> 2414 <span class="text-lg font-semibold leading-7">Does REPLAI work for Shorts comments?</span> 2415 <span class="ml-6 flex h-7 items-center"> 2416 2417 <svg x-show="!question_3" xmlns="http://www.w3.org/2000/svg" fill="none"
2418 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2419 <path stroke-linecap="round" stroke-linejoin="round" 2420 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2421 </svg> 2422 2423 <svg x-cloak x-show="question_3" xmlns="http://www.w3.org/2000/svg" fill="none" 2424 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2425 <path stroke-linecap="round" stroke-linejoin="round" 2426 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2427 </svg> 2428 2429 </span> 2430 </button> 2431 </dt> 2432 2433 <dd x-cloak x-show="question_3" class="mt-2 pr-12" id="faq-0"> 2434 <p class="text-base leading-7 text-gray-300">Yes - Shorts comments are fully supported and treated the same way as comments on regular videos.</p> 2435 </dd> 2436 2437 </div> 2438 <div x-data="{ question_4: false }" class="pt-6 border-t border-white/10"> 2439 2440 <dt class=""> 2441 <button @click="question_4 = !question_4" type="button" 2442 class="flex w-full items-start justify-between text-left text-white" 2443 aria-controls="faq-0" aria-expanded="false"> 2444 <span class="text-lg font-semibold leading-7">Is it safe to connect my YouTube channel?</span> 2445 <span class="ml-6 flex h-7 items-center"> 2446 2447 <svg x-show="!question_4" xmlns="http://www.w3.org/2000/svg" fill="none"
2448 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2449 <path stroke-linecap="round" stroke-linejoin="round" 2450 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2451 </svg> 2452 2453 <svg x-cloak x-show="question_4" xmlns="http://www.w3.org/2000/svg" fill="none" 2454 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2455 <path stroke-linecap="round" stroke-linejoin="round" 2456 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2457 </svg> 2458 2459 </span> 2460 </button> 2461 </dt> 2462 2463 <dd x-cloak x-show="question_4" class="mt-2 pr-12" id="faq-0"> 2464 <p class="text-base leading-7 text-gray-300">Yes - we use Google OAuth, so you never share your password, and
2464you can revoke access anytime in your Google settings. ReplAI is designed to work exclusively with comments â it has no ability to edit, delete, or publish videos, Shorts, or other content.</p> 2465 </dd> 2466 2467 </div> 2468 <div x-data="{ question_5: false }" class="pt-6 border-t border-white/10"> 2469 2470 <dt class=""> 2471 <button @click="question_5 = !question_5" type="button" 2472 class="flex w-full items-start justify-between text-left text-white" 2473 aria-controls="faq-0" aria-expanded="false"> 2474 <span class="text-lg font-semibold leading-7">Is REPLAI compliant with YouTube policies?</span> 2475 <span class="ml-6 flex h-7 items-center"> 2476 2477 <svg x-show="!question_5" xmlns="http://www.w3.org/2000/svg" fill="none" 2478 viewB
2478ox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2479 <path stroke-linecap="round" stroke-linejoin="round" 2480 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2481 </svg> 2482 2483 <svg x-cloak x-show="question_5" xmlns="http://www.w3.org/2000/svg" fill="none" 2484 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2485 <path stroke-linecap="round" stroke-linejoin="round" 2486 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2487 </svg> 2488 2489 </span> 2490 </button> 2491 </dt> 2492 2493 <dd x-cloak x-show="question_5" class="mt-2 pr-12" id="faq-0"> 2494 <p class="text-base leading-7 text-gray-300">Yes - REPLAI is designed to work in alignment with YouTube's Community Guidelines and Terms of Service. The system generates authentic, context-aware replies that add value to conversations, and you always review content before publishing to ensure full accuracy and compliance.</p> 2495 </dd> 2496 2497 </div> 2498 <div x-data="{ question_6: false }" class="pt-6 border-t border-white/10"> 2499 2500 <dt class=""> 2501 <button @click="question_6 = !question_6" type="button" 2502 class="flex w-full items-start justify-between text-left text-white" 2503 aria-controls="faq-0" aria-expanded="false"> 2504 <span class="text-lg font-semibold leading-7">Does REPLAI support automatic posting?</span> 2505 <span class="ml-6 flex h-7 items-center"> 2506 2507 <svg x-show="!question_6" xmlns="http://www.w3.org/2000/svg" fill="none"
2508 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2509 <path stroke-linecap="round" stroke-linejoin="round" 2510 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2511 </svg> 2512 2513 <svg x-cloak x-show="question_6" xmlns="http://www.w3.org/2000/svg" fill="none" 2514 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2515 <path stroke-linecap="round" stroke-linejoin="round" 2516 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2517 </svg> 2518 2519 </span> 2520 </button> 2521 </dt> 2522 2523 <dd x-cloak x-show="question_6" class="mt-2 pr-12" id="faq-0"> 2524 <p class="text-base leading-7 text-gray-300">Automatic posting becomes available on the PRO plan after our system confirms that your replies consistently match your style and do not require manual editing. Until then, all replies must be approved manually.</p> 2525 </dd> 2526 2527 </div> 2528 <div x-data="{ question_7: false }" class="pt-6 border-t border-white/10"> 2529 2530 <dt class=""> 2531 <button @click="question_7 = !question_7" type="button" 2532 class="flex w-full items-start justify-between text-left text-white" 2533 aria-controls="faq-0" aria-expanded="false"> 2534 <span class="text-lg font-semibold leading-7">Can I cancel anytime?</span> 2535 <span class="ml-6 flex h-7 items-center"> 2536 2537 <svg x-show="!question_7" xmlns="http://www.w3.org/2000/svg" fill="none"
2538 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2539 <path stroke-linecap="round" stroke-linejoin="round" 2540 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2541 </svg> 2542 2543 <svg x-cloak x-show="question_7" xmlns="http://www.w3.org/2000/svg" fill="none" 2544 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2545 <path stroke-linecap="round" stroke-linejoin="round" 2546 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2547 </svg> 2548 2549 </span> 2550 </button> 2551 </dt> 2552 2553 <dd x-cloak x-show="question_7" class="mt-2 pr-12" id="faq-0"> 2554 <p class="text-base leading-7 text-gray-300">Yes. Cancel anytime - your plan remains active until the end of the billing period.</p> 2555 </dd> 2556 2557 </div> 2558 <div x-data="{ question_8: false }" class="pt-6 border-t border-white/10"> 2559 2560 <dt class=""> 2561 <button @click="question_8 = !question_8" type="button" 2562 class="flex w-full items-start justify-between text-left text-white" 2563 aria-controls="faq-0" aria-expanded="false"> 2564 <span class="text-lg font-semibold leading-7">Will the replies sound authentic and personal?</span> 2565 <span class="ml-6 flex h-7 items-center"> 2566 2567 <svg x-show="!question_8" xmlns="http://www.w3.org/2000/svg" fill="none"
2568 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2569 <path stroke-linecap="round" stroke-linejoin="round" 2570 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2571 </svg> 2572 2573 <svg x-cloak x-show="question_8" xmlns="http://www.w3.org/2000/svg" fill="none" 2574 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2575 <path stroke-linecap="round" stroke-linejoin="round" 2576 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2577 </svg> 2578 2579 </span> 2580 </button> 2581 </dt> 2582 2583 <dd x-cloak x-show="question_8" class="mt-2 pr-12" id="faq-0"> 2584 <p class="text-base leading-7 text-gray-300">Absolutely. When using Advanced Mode with prepaid packs, the AI uses additional context settings (Author's Bio, Tools, Tone) from your Dashboard. This ensures every reply feels human-like, relevant, and tailored to your unique style.</p> 2585 </dd> 2586 2587 </div> 2588 <div x-data="{ question_9: false }" class="pt-6 border-t border-white/10"> 2589 2590 <dt class=""> 2591 <button @click="question_9 = !question_9" type="button" 2592 class="flex w-full items-start justify-between text-left text-white" 2593 aria-controls="faq-0" aria-expanded="false"> 2594 <span class="text-lg font-semibold leading-7">What happens if I reach my monthly reply limit?</span> 2595 <span class="ml-6 flex h-7 items-center"> 2596 2597 <svg x-show="!question_9" xmlns="http://www.w3.org/2000/svg" fill="none"
2598 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2599 <path stroke-linecap="round" stroke-linejoin="round" 2600 d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 2601 </svg> 2602 2603 <svg x-cloak x-show="question_9" xmlns="http://www.w3.org/2000/svg" fill="none" 2604 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 2605 <path stroke-linecap="round" stroke-linejoin="round" 2606 d="M4.5 15.75l7.5-7.5 7.5 7.5"/> 2607 </svg> 2608 2609 </span> 2610 </button> 2611 </dt> 2612 2613 <dd x-cloak x-show="question_9" class="mt-2 pr-12" id="faq-0"> 2614 <p class="text-base leading-7 text-gray-300">Once your monthly allowance is used up, you can no longer generate new replies until the next billing cycle begins. Your dashboard and all other features remain fully accessible - only reply generation is paused. To continue generating replies immediately, you can upgrade your plan or purchase a Prepaid Replies pack.</p> 2615 </dd> 2616 2617 </div> 2618 2619 2620 2621 </dl> 2622 </div> 2623 </div> 2624 </div> 2625 2626 2627 2628 2629 2630 2631 2632 2633<section class=""> 2634 <footer class="bg-gray-900" aria-labelledby="footer-heading"> 2635 <h2 id="footer-heading" class="sr-only">Footer</h2> 2636 <div class="container mx-auto max-w-7xl p-4 sm:p-6"> 2637 <div class="lg:flex lg:items-center lg:justify-between"> 2638 2639 2640 2641 <p class="mt-8 text-xs sm:text-sm leading-5 text-gray-400 md:order-1 md:mt-0">© 2026 2642 <a href="https://aitonomous.ai" class="hover:text-amber-500" target="_blank">AITONOMOUS</a>. All rights reserved. 2643 </p> 2644 2645 <div class="flex flex-wrap gap-x-6 gap-y-2 mt-8 text-xs sm:text-sm leading-5 text-gray-400 md:order-2 lg:mt-0"> 2646 <a href="/terms-of-service" class="hover:text-amber-500" target="_blank">Terms of Service</a> 2647 <a href="/privacy-policy" class="hover:text-amber-500" target="_blank">Privacy Policy</a> 2648 <a href="/cookies" class="hover:text-amber-500" target="_blank">Cookie Policy</a> 2649 <button type="button" onclick="window.replaiConsent && window.replaiConsent.openSettings()" class="hover:text-amber-500">Cookie settings</button> 2650 <a href="/aup" class="hover:text-amber-500" target="_blank">Acceptable Use Policy</a> 2651 <button @click="contact_modal = true" class="hover:text-amber-500">Contacts</button> 2652 </div> 2653 2654 <div class="text-xs text-gray-500 md:order-3 mt-6 lg:mt-0"> 2655 <img class="" style="height: 20px;" src="https://replai.pro/img/logo/developed-with-youtube-light-uc.svg" alt="Developed with YouTube"> 2656 </div> 2657 </div> 2658 </div> 2659 </footer> 2660</section>
vendor: 115 bytes, lines 2660-2667
2660 2661 2662 2663 2664 2665 2666 2667<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2667<script src="/livewire/livewire.min.js?id=40a765a4" data-csrf="lppgfXBV1kRM24nVrHtluO7QbmnIqSZ8wFf8Bn40" data-update-uri="/livewire/update" data-navigate-once="true"></script>
2667 2668
2669<script> 2670 function counter(target) { 2671 return { 2672 currentCount: 0, 2673 targetCount: target, 2674 isVisible: false, 2675 countingStarted: false, 2676 checkVisibility() { 2677 const rect = this.$el.getBoundingClientRect(); 2678 if (rect.top >= 0 && rect.bottom <= window.innerHeight) { 2679 this.isVisible = true; 2680 if (!this.countingStarted) { 2681 this.count(); 2682 this.countingStarted = true; 2683 } 2684 } 2685 }, 2686 init() { 2687 this.checkVisibility(); 2688 }, 2689 count() { 2690 if (!this.isVisible) return; 2691 2692 let step = 1000; 2693 let interval = 1000 / (this.targetCount / step); 2694 2695 const timer = setInterval(() => { 2696 this.currentCount += step; 2697 if (this.currentCount >= this.targetCount) { 2698 this.currentCount = this.targetCount; 2699 clearInterval(timer); 2700 } 2701 }, interval); 2702 } 2703 }; 2704 } 2705</script>
2705 2706 2707
2708<script src="https://js.pusher.com/8.2.0/pusher.min.js"></script>
2708 2709
2710<script> 2711 2712 function escapeHtml(str) { 2713 if (str === null || str === undefined) return ''; 2714 return String(str) 2715 .replace(/&/g, '&') 2716 .replace(/</g, '<') 2717 .replace(/>/g, '>') 2718 .replace(/"/g, '"') 2719 .replace(/'/g, '''); 2720 } 2721 2722 function escapeHtmlWithBreaks(str) { 2723 if (str === null || str === undefined) return ''; 2724 // Extract <a> tags and <br> tags before escaping, then restore them safely 2725 var placeholders = []; 2726 var processed = String(str).replace(/<a\s+href="(https?:\/\/[^"]*)"[^>]*>(.*?)<\/a>/gi, function(match, href, text) { 2727 var index = placeholders.length; 2728 placeholders.push('<a href="' + encodeURI(decodeURI(href)) + '" target="_blank" rel="nofollow noopener" class="text-blue-500 underline hover:text-blue-700">' + escapeHtml(text) + '</a>'); 2729 return '%%PLACEHOLDER_' + index + '%%'; 2730 }); 2731 var escaped = escapeHtml(processed); 2732 // Restore <br> tags 2733 escaped = escaped.replace(/<br\s*\/?>/gi, '<br>'); 2734 // Restore link placeholders 2735 escaped = escaped.replace(/%%PLACEHOLDER_(\d+)%%/g, function(match, index) { 2736 return placeholders[parseInt(index)]; 2737 }); 2738 return escaped; 2739 } 2740 2741 var pusher = new Pusher(`3d700994a9234b842f92`, { 2742 cluster: `mt1`, 2743 2744 2745 2746 2747 }); 2748 2749 2750 2751 2752 var messageTemplates = { 2753 2754 stats: (data) => ` 2755 <li> 2756 <div class="relative pb-8"> 2757 <span class="absolute left-6 top-6 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> 2758 <div class="relative flex space-x-4"> 2759 <div> 2760 <img 2761 src="${escapeHtml(data.message.channel_thumbnail)}" 2762 alt="${escapeHtml(data.message.channel_title)}" 2763 class="relative mt-3 h-12 w-12 flex-none rounded-full bg-gray-50 ring-8 ring-gray-50"> 2764 </div> 2765 <div class="flex min-w-0 flex-1 items-center justify-between space-x-4 pt-1.5"> 2766 <div> 2767 <p class="text-gray-500"><span class="font-medium text-gray-900">${escapeHtml(data.message.channel_title)}</span></p> 2768 2769 <p class="text-gray-500">${escapeHtml(data.message.text)}</p> 2770 2771 </div> 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781 </div> 2782 </div> 2783 </div> 2784 </li> 2785 `, 2786 2787 system_message: (data) => ` 2788 <li> 2789 <div class="relative pb-8"> 2790 <span class="absolute left-6 top-6 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> 2791 <div class="relative flex space-x-4"> 2792 2793 <div 2794 class="h-12 w-12 rounded-full bg-amber-500 flex items-center justify-center ring-8 ring-gray-50"> 2795 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 2796 stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-white"> 2797 <path stroke-linecap="round" stroke-linejoin="round" 2798 d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 002.25-2.25V6.75a2.25 2.25 0 00-2.25-2.25H6.75A2.25 2.25 0 004.5 6.75v10.5a2.25 2.25 0 002.25 2.25zm.75-12h9v9h-9v-9z"/> 2799 </svg> 2800 </div> 2801 2802 <div class="flex min-w-0 flex-1 justify-between items-center space-x-4"> 2803 <div class="w-full"> 2804 <p class="text-gray-500">${escapeHtml(data.message.message)}</p> 2805 2806 </div> 2807 </div> 2808 </div> 2809 </div> 2810 </li> 2811 `, 2812 2813 2814 system_choice: (data) => ` 2815 <li> 2816 <div class="relative pb-8">
2817 <span class="absolute left-6 top-6 -ml-px h-full w-0.5 bg-gray-200" 2818 aria-hidden="true"></span> 2819 <div class="relative flex space-x-4"> 2820 <div 2821 class="h-12 w-12 rounded-full bg-amber-500 flex items-center justify-center ring-8 ring-gray-50 flex-none"> 2822 <svg class="w-8 h-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" 2823 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 2824 <path stroke-linecap="round" stroke-linejoin="round" 2825 d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 002.25-2.25V6.75a2.25 2.25 0 00-2.25-2.25H6.75A2.25 2.25 0 004.5 6.75v10.5a2.25 2.25 0 002.25 2.25zm.75-12h9v9h-9v-9z"/> 2826 </svg> 2827 </div> 2828 <div class="md:flex min-w-0 md:flex-1 md:justify-between md:space-x-4"> 2829 <div class="md:flex gap-4"> 2830 <p class="text-gray-500">${escapeHtml(data.message.message)} "<span 2831 class="font-medium text-gray-900">${escapeHtml(data.message.video_title)}</span>" 2832 video, with ${escapeHtml(data.message.dataset.views)} views 2833 and ${escapeHtml(data.message.dataset.comments)} comments. 2834 2835 </p> 2836 <img class="mt-2 md:mt-0 h-24 md:h-16 opacity-70 rounded" 2837 src="${escapeHtml(data.message.video_thumbnail)}" 2838 alt="${escapeHtml(data.message.video_title)}"> 2839 </div> 2840 2841 2842 2843 </div> 2844 </div> 2845 </div> 2846 </li> 2847 `, 2848 2849 comment: (data) => ` 2850 <li class="relative flex gap-x-4"> 2851 <span class="absolute left-6 top-6 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> 2852 <img 2853 src="${escapeHtml(data.message.author_thumbnail)}" 2854 alt="" class="relative h-12 w-12 flex-none rounded-full bg-gray-50 ring-8 ring-gray-50 bg-gray-100"> 2855 <div class="flex-auto rounded-md p-3 ring-1 ring-inset ring-gray-200 bg-white"> 2856 <div class="flex justify-between gap-x-4"> 2857 <div class="py-0.5 text-sm leading-5 text-gray-400"> 2858 <span class="font-medium text-gray-900">${escapeHtml(data.message.author)}</span> commented 2859 </div> 2860 <div class="flex-none py-0.5 text-xs leading-5 text-gray-400">${escapeHtml(data.message.published)}</div> 2861 </div> 2862 <p class="text-sm sm:text-base leading-6 text-gray-500">${escapeHtmlWithBreaks(data.message.comment)}</p> 2863 2864 </div> 2865 </li> 2866 `, 2867 2868 reply: (data) => ` 2869 <li class="relative flex gap-x-4"> 2870 <span class="absolute left-6 top-6 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> 2871 <div class="flex mt-2 ml-16 w-full pb-16"> 2872 <div class="flex-shrink-0"> 2873 <img 2874 src="${escapeHtml(data.message.author_thumbnail)}" 2875 alt="" class="relative h-10 w-10 flex-none rounded-full mr-2 bg-gray-100"> 2876 </div> 2877 <div class="rounded-md p-3 ring-1 ring-inset ring-gray-200 w-full bg-yellow-50/50"> 2878 <div class="flex justify-between gap-x-4"> 2879 <div class="text-sm font-medium text-gray-900">@${escapeHtml(data.message.author)}</div> 2880 <div class="px-1.5 bg-orange-200 text-orange-400 text-[0.75rem] rounded flex items-center font-semibold">AI DRAFT</div> 2881 </div> 2882 <p class="text-sm sm:text-base leading-6 text-gray-500">${escapeHtmlWithBreaks(data.message.comment)}</p> 2883 2884 <div class="flex justify-end gap-2 mt-2"> 2885 <div class="relative" x-data="{ actionButtonsTooltip: false }" 2886 @mouseleave="actionButtonsTooltip = false"> 2887 2888 <button @mouseover="actionButtonsTooltip = true" 2889 type="button" 2890 class="rounded bg-gray-200 px-1 py-1 text-xs font-medium text-gray-400 shadow-sm hover:text-gray-300"> 2891 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" 2892 fill="currentColor" class="w-4 h-4"> 2893 <path fill-rule="evenodd" 2894 d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" 2895 clip-rule="evenodd"/> 2896 </svg> 2897 </button> 2898 2899 <button @mouseover="actionButtonsTooltip = true" 2900 type="button" 2901 class="rounded bg-gray-200 px-1 py-1 text-xs font-medium text-gray-400 shadow-sm hover:text-gray-300"> 2902 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" 2903 fill="currentColor" class="w-4 h-4"> 2904 <path 2905 d="M5.433 13.917l1.262-3.155A4 4 0 017.58 9.42l6.92-6.918a2.121 2.121 0 013 3l-6.92 6.918c-.383.383-.84.685-1.343.886l-3.154 1.262a.5.5 0 01-.65-.65z"/> 2906 <path 2907 d="M3.5 5.75c0-.69.56-1.25 1.25-1.25H10A.75.75 0 0010 3H4.75A2.75 2.75 0 002 5.75v9.5A2.75 2.75 0 004.75 18h9.5A2.75 2.75 0 0017 15.25V10a.75.75 0 00-1.5 0v5.25c0 .69-.56 1.25-1.25 1.25h-9.5c-.69 0-1.25-.56-1.25-1.25v-9.5z"/> 2908 </svg> 2909 </button> 2910 2911 <button @mouseover="actionButtonsTooltip = true" 2912 type="button" 2913 class="rounded bg-gray-200 px-1 py-1 text-xs font-medium text-gray-400 shadow-sm hover:text-gray-300"> 2914 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" 2915 fill="currentColor" class="w-4 h-4"> 2916 <path 2917 d="M3.105 2.289a.75.75 0 00-.826.95l1.414 4.925A1.5 1.5 0 005.135 9.25h6.115a.75.75 0 010 1.5H5.135a1.5 1.5 0 00-1.442 1.086l-1.414 4.926a.75.75 0 00.826.95 28.896 28.896 0 0015.293-7.154.75.75 0 000-1.115A28.897 28.897 0 003.105 2.289z"/> 2918 </svg> 2919 </button> 2920 2921 <div x-cloak x-show="actionButtonsTooltip" x-transition 2922 class="absolute z-10 -top-14 w-40 -left-10 px-2 py-1 bg-gray-900 bg-opacity-75 text-xs text-white rounded mt-2"> 2923 Regenerate, Edit and Post available after registration 2924 </div> 2925 2926 </div> 2927 </div> 2928 </div> 2929 </div> 2930 </li> 2931 `, 2932 2933 system_done: (data) => ` 2934 <li> 2935 <div class="relative pb-8">
2936 <span class="absolute left-6 top-6 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> 2937 <div class="relative flex space-x-4"> 2938 <div 2939 class="h-12 w-12 rounded-full bg-amber-500 flex items-center justify-center ring-8 ring-gray-50"> 2940 <svg class="w-8 h-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" 2941 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 2942 <path stroke-linecap="round" stroke-linejoin="round" 2943 d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 002.25-2.25V6.75a2.25 2.25 0 00-2.25-2.25H6.75A2.25 2.25 0 004.5 6.75v10.5a2.25 2.25 0 002.25 2.25zm.75-12h9v9h-9v-9z"/> 2944 </svg> 2945 </div> 2946 <div class="flex min-w-0 flex-1 justify-between space-x-4"> 2947 <div class="space-y-2"> 2948 2949 <p class="text-gray-800 font-bold text-xl md:text-2xl lg:text-4xl">${escapeHtml(data.message.message)}</p> 2950 </div> 2951 </div> 2952 </div> 2953 </div> 2954 </li> 2955 `, 2956 2957 2958 no_comments: (data) => { 2959 // Hide the "In Progress" spinner div 2960 let inProgressDiv = document.getElementById('try_replai_in_progress'); 2961 if (inProgressDiv) { 2962 inProgressDiv.style.display = 'none'; 2963 } 2964 2965 return ` 2966 <li> 2967 <div class="relative pb-8"> 2968 <div class="relative flex space-x-4"> 2969 <div class="h-12 w-12 rounded-full bg-amber-500 flex items-center justify-center ring-8 ring-gray-50"> 2970 <svg class="w-8 h-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 2971 <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 002.25-2.25V6.75a2.25 2.25 0 00-2.25-2.25H6.75A2.25 2.25 0 004.5 6.75v10.5a2.25 2.25 0 002.25 2.25zm.75-12h9v9h-9v-9z"/> 2972 </svg> 2973 </div> 2974 <div class="flex min-w-0 flex-1 justify-between space-x-4"> 2975 <div class="space-y-2"> 2976 2977 <p class="text-gray-600 font-semibold text-base sm:text-lg">${escapeHtml(data.message.message)}</p> 2978 </div> 2979 </div> 2980 </div> 2981 </div> 2982 </li> 2983 `; 2984 }, 2985 2986 2987 system_buttons: (data) => ` 2988 <li> 2989 <div class="relative pb-8"> 2990 <span class="absolute left-6 top-6 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> 2991 <div class="relative flex space-x-4"> 2992 <div 2993 class="h-12 w-12 rounded-full bg-amber-500 flex items-center justify-center ring-8 ring-gray-50"> 2994 <svg class="w-8 h-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none"
2995 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 2996 <path stroke-linecap="round" stroke-linejoin="round" 2997 d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 002.25-2.25V6.75a2.25 2.25 0 00-2.25-2.25H6.75A2.25 2.25 0 004.5 6.75v10.5a2.25 2.25 0 002.25 2.25zm.75-12h9v9h-9v-9z"/> 2998 </svg> 2999 </div> 3000 <div class="flex min-w-0 flex-1 justify-between space-x-4"> 3001 <div class="space-y-4"> 3002 <p class="text-gray-600">${escapeHtml(data.message.message)}</p> 3003 <div class="flex gap-2 justify-center relative text-sm md:text-base" 3004 x-data="{ actionButtonsTooltip: false }" 3005 @mouseleave="actionButtonsTooltip = false"> 3006 3007 <button @mouseover="actionButtonsTooltip = true" type="button" 3008 class="rounded bg-gray-200 px-5 py-2 font-medium text-gray-500 shadow-sm hover:text-gray-400"> 3009 Review & approve all 3010 </button> 3011 3012 <div class="relative"> 3013 <div x-cloak x-show="actionButtonsTooltip" x-transition 3014 class="absolute z-10 -top-14 w-64 -left-24 px-2 py-1 bg-gray-900 bg-opacity-90 text-sm text-white rounded mt-2 text-center"> 3015 Create a free account for<br> 3016 one-click review & approve. 3017 </div> 3018 </div> 3019 </div> 3020 </div> 3021 </div> 3022 </div> 3023 </div> 3024 </li> 3025 `, 3026 3027 system_final: (data) => ` 3028 <li> 3029 <div class="relative pb-8"> 3030 <div class="relative flex space-x-4"> 3031 <div class="h-12 w-12 rounded-full bg-amber-500 flex items-center justify-center ring-8 ring-gray-50"> 3032 <svg class="w-8 h-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 3033 <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 002.25-2.25V6.75a2.25 2.25 0 00-2.25-2.25H6.75A2.25 2.25 0 004.5 6.75v10.5a2.25 2.25 0 002.25 2.25zm.75-12h9v9h-9v-9z"/> 3034 </svg> 3035 </div> 3036 <div class="flex min-w-0 flex-1 justify-between space-x-4"> 3037 <div class="space-y-2"> 3038 <p class="text-gray-500">${data.message.message1}<br>${data.message.message2}</p> 3039 <p class="text-gray-500">${data.message.message3}</p> 3040 </div> 3041 </div> 3042 </div> 3043 </div> 3044 </li> 3045 `, 3046 3047 results_stats: (data) => { 3048 // Hide the "In Progress" div 3049 let inProgressDiv = document.getElementById('try_replai_in_progress'); 3050 if (inProgressDiv) { 3051 inProgressDiv.style.display = 'none'; 3052 } 3053 3054 // Check if cards exist 3055 if (!data.message.cards || !Array.isArray(data.message.cards)) { 3056 console.error('ERROR: cards is not defined or not an array!', data.message); 3057 return '<section><div class="bg-red-500 text-white p-4">Error: Stats cards not available</div></section>'; 3058 } 3059 3060 // Generate cards HTML from dynamic data 3061 const cardsHtml = data.message.cards.map(card => ` 3062 <div class="pl-4 border-l-4 ${card.borderColor}"> 3063 <dd class="text-2xl font-bold leading-9 tracking-tight text-white whitespace-nowrap">${escapeHtml(card.label)}</dd> 3064 <dd class="text-3xl font-bold leading-9 tracking-tight text-white whitespace-nowrap">${escapeHtml(card.value)}</dd> 3065 <dt class="text-base leading-6 text-gray-300 mt-2">${card.description}</dt> 3066 ${card.extra ? `<dt class="text-base leading-7 text-white font-bold">${card.extra}</dt>` : ''} 3067 </div> 3068 `).join(''); 3069 3070 return ` 3071 <section> 3072 <div class="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32"> 3073 <img 3074 src="${escapeHtml(data.message.channel_c
3074over)}" 3075 alt="" 3076 class="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center opacity-20 blur-sm"> 3077 <div class="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl" 3078 aria-hidden="true"> 3079 <div class="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" 3080 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div> 3081 </div> 3082 <div 3083 class="absolute -top-52 left-1/2 -z-10 -translate-x-1/2 transform-gpu blur-3xl sm:top-[-28rem] sm:ml-16 sm:translate-x-0 sm:transform-gpu" 3084 aria-hidden="true"> 3085 <div class="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" 3086 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div> 3087 </div> 3088 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 3089 <div class="mx-auto max-w-4xl lg:mx-0"> 3090 <div class="flex gap-4 items-end"> 3091 <img class="w-20 h-20 rounded-full ring-2 ring-gray-300" 3092 src="${escapeHtml(data.message.channel_thumb)}" 3093 alt="${escapeHtml(data.message.channel_name)}"> 3094 <h2 class="text-4xl sm:text-6xl font-bold tracking-tight text-white">Your Channel Opportunities</h2> 3095 </div> 3096 <p class="mt-6 text-lg leading-8 text-gray-300">Every unanswered comment is a chance to build loyalty, answer questions, bring viewers back, or softly promote your offer.</p> 3097 <p class="mt-6 text-lg leading-8 text-gray-300">Sign up now to unlock full insights for all your content.</p> 3098 </div> 3099 3100 <div class="mx-auto mt-10 max-w-2xl lg:mx-0 lg:max-w-none"> 3101 <dl class="mt-16 grid grid-cols-1 gap-8 sm:mt-20 sm:grid-cols-2 lg:grid-cols-4 text-left"> 3102 ${cardsHtml} 3103 </dl> 3104 </div> 3105 </div> 3106 </div> 3107 </section> 3108 `; 3109 }, 3110 3111 }; 3112 3113 3114 let sessionId = "5QmjVrYAmFYIDxYEjXvFwSmuK49lkkqxphu3BjUqlP9PtGb7KyklUhTihQGD3Sbf"; 3115 3116 let channel = pusher.subscribe('guest.' + sessionId); 3117 3118 3119 let tryReplyRepliesRendered = 0; 3120 let tryReplyCompletedFired = false; 3121 3122 3123 3124 const messageGaps = {"system_choice":2000,"comment":2000,"reply":2000,"system_buttons":2000}; 3125 const defaultMessageGap = 1000; 3126 3127 let messageQueue = []; 3128 let messageTimer = null; 3129 let lastMessageShownAt = 0; 3130 3131 function scheduleNextMessage() { 3132 if (messageTimer !== null || messageQueue.length === 0) { 3133 return; 3134 } 3135 3136 const gap = messageGaps[messageQueue[0].message.type] ?? defaultMessageGap; 3137 const wait = Math.max(0, lastMessageShownAt + gap - Date.now()); 3138 3139 messageTimer = setTimeout(() => { 3140 messageTimer = null; 3141 lastMessageShownAt = Date.now(); 3142 3143 const data = messageQueue.shift(); 3144 3145 3146 try { 3147 showMessage(data); 3148 } catch (error) { 3149 console.error('Try REPLAI: failed to render message', data, error); 3150 } 3151 3152 scheduleNextMessage(); 3153 }, wait); 3154 } 3155 3156 channel.bind('PrivateMultiTypeMessage', function (data) { 3157 messageQueue.push(data); 3158 scheduleNextMessage(); 3159 }); 3160 3161 function showMessage(data) { 3162 3163 if (data.message.type === 'reply') {
3164 tryReplyRepliesRendered += 1; 3165 } 3166 3167 if (data.message.type === 'system_final' && !tryReplyCompletedFired && tryReplyRepliesRendered > 0) { 3168 tryReplyCompletedFired = true; 3169 if (typeof window !== 'undefined' && window.dataLayer) { 3170 const channelInput = document.getElementById('channel_id'); 3171 window.dataLayer.push({ 3172 event: 'try_reply_completed', 3173 channel_handle: channelInput && channelInput.value ? channelInput.value : null, 3174 replies_generated: tryReplyRepliesRendered, 3175 }); 3176 } 3177 } 3178 3179 if (data.message.type === 'show') { 3180 let targetDiv = document.getElementById(data.message.show); 3181 if (targetDiv) { 3182 3183 targetDiv.classList.replace('anim-hidden', 'expanding'); 3184 3185 3186 targetDiv.offsetHeight; 3187 3188 3189 targetDiv.style.height = `${targetDiv.scrollHeight}px`; 3190 3191 3192 setTimeout(() => { 3193 targetDiv.classList.remove('expanding'); // Remove the transition class 3194 targetDiv.style.height = 'auto'; 3195 }, 500); 3196 } 3197 } else if (data.message.type === 'show_with_data') { 3198 3199 let renderedHtml = messageTemplates[data.message.item](data); 3200 let templateElement = document.createElement('section'); 3201 templateElement.innerHTML = renderedHtml.trim(); 3202 3203 templateElement.firstChild.classList.add('slide-down'); 3204 3205 3206 3207 3208 const container = document.getElementById('dynamic_sections'); 3209 container.appendChild(templateElement.firstChild); 3210 3211 3212 container.offsetHeight; // trigger a reflow 3213 3214
3215 const appendedChild = container.lastElementChild; 3216 const endHeight = `${appendedChild.scrollHeight}px`; 3217 appendedChild.style.height = endHeight; 3218 3219 3220 setTimeout(() => { 3221 appendedChild.classList.remove('slide-down'); 3222 appendedChild.style.height = 'auto'; 3223 }, 1000); 3224 3225 } else { 3226 3227 let renderedHtml = messageTemplates[data.message.type](data); 3228 let templateElement = document.createElement('li'); 3229 templateElement.innerHTML = renderedHtml.trim(); 3230 3231 templateElement.firstChild.classList.add('slide-down'); 3232 3233 3234 3235 3236 const container = document.getElementById('realtime_message'); 3237 container.appendChild(templateElement.firstChild); 3238 3239 3240 container.offsetHeight; // trigger a reflow 3241 3242 3243 const appendedChild = container.lastElementChild; 3244 const endHeight = `${appendedChild.scrollHeight}px`; 3245 appendedChild.style.height = endHeight; 3246 3247 3248 setTimeout(() => { 3249 appendedChild.classList.remove('slide-down'); 3250 appendedChild.style.height = 'auto'; // Reset to auto 3251 }, 1000); 3252 3253 } 3254 3255 } 3256</script>
3256 3257
3258<script> 3259function roiCalculator(prices) { 3260 return { 3261 // ÐÑ Ð¾Ð´Ð½Ñе даннÑе (ÑлайдеÑÑ) 3262 commentsPerWeek: 200, 3263 minsPerReply: 1, 3264 hourlyRate: 50, 3265 replyRate: 40, 3266 selectedPlan: 'pro', 3267 3268 // РезÑлÑÑаÑÑ (вÑÑиÑлÑÑÑÑÑ) 3269 hoursSavedWeekly: 0, 3270 hoursSavedMonthly: 0, 3271 hoursSavedYearly: 0, 3272 moneySavedMonthly: 0, 3273 moneySavedYearly: 0, 3274 repliesAutomated: 0, 3275 planCost: 0, 3276 roiMultiplier: 0, 3277 insightMessage: '', 3278 3279 planCosts: prices, 3280 3281 calculate() { 3282 // ÐвÑовÑÐ±Ð¾Ñ Ð¿Ð»Ð°Ð½Ð° по колиÑеÑÑÐ²Ñ ÐºÐ¾Ð¼Ð¼ÐµÐ½ÑаÑиев 3283 if (this.commentsPerWeek <= 7) { 3284 this.selectedPlan = 'free'; 3285 } else if (this.commentsPerWeek <= 125) { 3286 this.selectedPlan = 'starter'; 3287 } else { 3288 this.selectedPlan = 'pro'; 3289 } 3290 3291 const repliesPerWeek = Math.round(this.commentsPerWeek * (this.replyRate / 100)); 3292 const repliesPerMonth = repliesPerWeek * 4.33; 3293 3294 // ÐÑемÑ, коÑоÑое ÑÑаÑиÑÑÑ ÑейÑÐ°Ñ Ð²ÑÑÑнÑÑ 3295 const hoursPerWeek = (repliesPerWeek * this.minsPerReply) / 60; 3296 const hoursPerMonth = hoursPerWeek * 4.33; 3297 const hoursPerYear = hoursPerWeek * 52; 3298 3299 this.hoursSavedWeekly = Math.round(hoursPerWeek * 10) / 10; 3300 this.hoursSavedMonthly = Math.round(hoursPerMonth * 10) / 10; 3301 this.hoursSavedYearly = Math.round(hoursPerYear); 3302 3303 // ÐÐµÐ½ÐµÐ¶Ð½Ð°Ñ ÑенноÑÑÑ ÑÑкономленного вÑемени 3304 const moneySavedMonthly = hoursPerMonth * this.hourlyRate; 3305 const moneySavedYearly = hoursPerYear * this.hourlyRate; 3306 3307 this.moneySavedMonthly = Math.round(moneySavedMonthly); 3308 this.moneySavedYearly = Math.round(moneySavedYearly); 3309 this.repliesAutomated = Math.round(repliesPerMonth); 3310 3311 // ROI 3312 this.planCost = this.planCosts[this.selectedPlan]; 3313 if (this.planCost > 0) { 3314 this.roiMultiplier = Math.round(moneySavedMonthly / this.planCost); 3315 } else { 3316 this.roiMultiplier = moneySavedMonthly > 0 ? 'â' : 0; 3317 } 3318 3319 // ÐнÑайÑ-ÑообÑение 3320 this.insightMessage = this.buildInsight(hoursPerWeek, moneySavedMonthly, repliesPerMonth); 3321 }, 3322 3323 buildInsight(hoursPerWeek, moneySavedMonthly, repliesPerMonth) { 3324 const plan = this.selectedPlan; 3325 const cost = this.planCosts[plan]; 3326 const name = plan.charAt(0).toUpperCase() + plan.slice(1); 3327 3328 if (hoursPerWeek < 0.5) { 3329 return `Even at ${this.commentsPerWeek} comments/week, REPLAI drafts the replies in your voice so you can keep up without living in your comments. Start with the Free plan - zero risk.`; 3330 } 3331 if (cost === 0) { 3332 return `You'll save ${this.hoursSavedWeekly} hours every week - completely free. The Free plan is the perfect way to see REPLAI in action on your own channel.`; 3333 } 3334 const multiple = Math.round(moneySavedMonthly / cost); 3335 return `The ${name} plan costs $${cost}/month and saves you $${Math.round(moneySavedMonthly)} worth of time. That's a ${multiple}à return - every single month.`; 3336 }, 3337 }; 3338} 3339</script>
3339 3340
3341<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44024b83f0e7619',t:'MTc5MDkwNjc0MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
3341</body> 3342</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.