https://t.affoth.com/313806/9022/34379?aff_sub=Lotch&source=Facebook&aff_sub5=SF_006OG000004lmDN

Last Checked: Mar 28, 2024, 19:39 EDT

IP Address: 108.139.10.60
ASN #: AS16509 AMAZON-02, US
Location: Unknown, Unknown, Unknown
URL Reputation:
  • Unknown This URL is not identified as malicious in the PhishTank Database.
  • Unknown PhishCheck thinks this URL is likely not a phish.
  • Unknown OpenPhish: URL not in feed.

Other submissions on 108.139.10.60:

  • http://www.rcvsompo.com.br/

Other submissions on affoth.com:

Previous checks:

                               Domain Name: affoth.com
Registry Domain ID: 2738578220_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: https://www.godaddy.com
Updated Date: 2023-11-15T15:00:42Z
Creation Date: 2022-11-14T16:42:27Z
Registrar Registration Expiration Date: 2024-11-14T16:42:27Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: abuse@godaddy.com
Registrar Abuse Contact Phone: +1.4806242505
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Registry Registrant ID: Not Available From Registry
Registrant Name: Registration Private
Registrant Organization: Domains By Proxy, LLC
Registrant Street: DomainsByProxy.com
Registrant Street: 2155 E Warner Rd
Registrant City: Tempe
Registrant State/Province: Arizona
Registrant Postal Code: 85284
Registrant Country: US
Registrant Phone: +1.4806242599
Registrant Phone Ext:
Registrant Fax: 
Registrant Fax Ext:
Registrant Email: Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=affoth.com
Registry Admin ID: Not Available From Registry
Admin Name: Registration Private
Admin Organization: Domains By Proxy, LLC
Admin Street: DomainsByProxy.com
Admin Street: 2155 E Warner Rd
Admin City: Tempe
Admin State/Province: Arizona
Admin Postal Code: 85284
Admin Country: US
Admin Phone: +1.4806242599
Admin Phone Ext:
Admin Fax: 
Admin Fax Ext:
Admin Email: Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=affoth.com
Registry Tech ID: Not Available From Registry
Tech Name: Registration Private
Tech Organization: Domains By Proxy, LLC
Tech Street: DomainsByProxy.com
Tech Street: 2155 E Warner Rd
Tech City: Tempe
Tech State/Province: Arizona
Tech Postal Code: 85284
Tech Country: US
Tech Phone: +1.4806242599
Tech Phone Ext:
Tech Fax: 
Tech Fax Ext:
Tech Email: Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=affoth.com
Name Server: NS-328.AWSDNS-41.COM
Name Server: NS-832.AWSDNS-40.NET
Name Server: NS-1461.AWSDNS-54.ORG
Name Server: NS-1558.AWSDNS-02.CO.UK
DNSSEC: unsigned
URL of the ICANN WHOIS Data Problem Reporting System: http://wdprs.internic.net/
>>> Last update of WHOIS database: 2024-03-28T23:39:02Z <<<
For more information on Whois status codes, please visit https://icann.org/epp

TERMS OF USE: The data contained in this registrar's Whois database, while believed by the
registrar to be reliable, is provided "as is" with no guarantee or warranties regarding its
accuracy. This information is provided for the sole purpose of assisting you in obtaining
information about domain name registration records. Any use of this data for any other purpose
is expressly forbidden without the prior written permission of this registrar. By submitting
an inquiry, you agree to these terms and limitations of warranty. In particular, you agree not
to use this data to allow, enable, or otherwise support the dissemination or collection of this
data, in part or in its entirety, for any purpose, such as transmission by e-mail, telephone,
postal mail, facsimile or other means of mass unsolicited, commercial advertising or solicitations
of any kind, including spam. You further agree not to use this data to enable high volume, automated
or robotic electronic processes designed to collect or compile this data for any purpose, including
mining this data for your own personal or commercial purposes. Failure to comply with these terms
may result in termination of access to the Whois database. These terms may be subject to modification
at any time without notice.


                             
  • POST
    0 Timed out waiting for a response.

    https://bam.nr-data.net/1/NRJS-a03c265a2aab27c30fa?a=1517344485&v=1.253.0&to=IQ5aFkQNCQ9VRUoUUgUER01eDQgG&rst=5863&ck=0&s=353d473dd1266b55&ref=https://candy.ai/&hr=0&qt=2&ap=18&be=252&fe=5112&dc=1296&fsh=1&perf=%7B%22timing%22:%7B%22of%22:1711669134749,%22n%22:0,%22f%22:246,%22dn%22:251,%22dne%22:251,%22c%22:251,%22s%22:251,%22ce%22:251,%22rq%22:251,%22rp%22:252,%22rpe%22:688,%22di%22:1181,%22ds%22:1532,%22de%22:1548,%22dc%22:5293,%22l%22:5314,%22le%22:5364%7D,%22navigation%22:%7B%7D%7D&fcp=1293

  • https://www.google.com/pagead/landing?gcs=G111&gcd=13v3v3v3v5&rnd=2145061181.1711669137&url=https%3A%2F%2Fcandy.ai%2F&dma=0&npa=0&gtm=45He43r0n91NM6MQN67p2v9164096164za200&auid=959301155.1711669137 https://googleads.g.doubleclick.net/pagead/landing?gcs=G111&gcd=13v3v3v3v5&rnd=2145061181.1711669137&url=https%3A%2F%2Fcandy.ai%2F&dma=0&npa=0&gtm=45He43r0n91NM6MQN67p2v9164096164za200&auid=959301155.1711669137
  • https://tr.snapchat.com/cm/s?bt=1d53c387&pnid=140&cb=1711669137392&u_scsid=48d75358-b564-45b3-a00c-7e0615d68a94&u_sclid=61e0a300-63ce-4cb4-beb4-69623728cf38 https://pixel.tapad.com/idsync/ex/push?partner_id=2884&partner_url=https%3A%2F%2Ftr.snapchat.com%2Fcm%2Fp%3Frand%3D1711489319673%26pnid%3D140%26pcid%3D%24%7BTA_DEVICE_ID%7D
  • https://pixel.tapad.com/idsync/ex/push?partner_id=2884&partner_url=https%3A%2F%2Ftr.snapchat.com%2Fcm%2Fp%3Frand%3D1711489319673%26pnid%3D140%26pcid%3D%24%7BTA_DEVICE_ID%7D https://pixel.tapad.com/idsync/ex/push/check?partner_id=2884&partner_url=https%3A%2F%2Ftr.snapchat.com%2Fcm%2Fp%3Frand%3D1711489319673%26pnid%3D140%26pcid%3D%24%7BTA_DEVICE_ID%7D
  • https://pixel.tapad.com/idsync/ex/push/check?partner_id=2884&partner_url=https%3A%2F%2Ftr.snapchat.com%2Fcm%2Fp%3Frand%3D1711489319673%26pnid%3D140%26pcid%3D%24%7BTA_DEVICE_ID%7D https://tr.snapchat.com/cm/p?rand=1711489319673&pnid=140&pcid=ac33c7ec-9ea4-4870-9a31-c0ed7873a54d
<html><head><style type="text/css">.turbo-progress-bar {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  height: 3px;
  background: #0076ff;
  z-index: 2147483647;
  transition:
    width 300ms ease-out,
    opacity 150ms 150ms ease-in;
  transform: translate3d(0, 0, 0);
}
</style><meta http-equiv="origin-trial" content="3NNj0GXVktLOmVKwWUDendk4Vq2qgMVDBDX+Sni48ATJl9JBj+zF+9W2HGB3pvt6qowOihTbQgTeBm9SKbdTwYAAABfeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IlRwY2QiLCJleHBpcnkiOjE3MzUzNDM5OTksImlzVGhpcmRQYXJ0eSI6dHJ1ZX0="><meta http-equiv="origin-trial" content="A89JPrWYXvEpNQ/xE+PjjlGJiBu/L2GfQcplC/QkDJOS1fBoX5Q4/HLfT1dXpD1td7C2peXE3bSCJiYdwoFcNgQAAACSeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZyIsImV4cGlyeSI6MTcyNTQwNzk5OSwiaXNTdWJkb21haW4iOnRydWUsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0=">
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/destination?id=AW-16481364077&amp;l=dataLayer&amp;cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/destination?id=AW-11353024471&amp;l=dataLayer&amp;cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-7K8SVTXQK1&amp;l=dataLayer&amp;cx=c"></script><script async="true" src="https://tr.snapchat.com/config/ai/edd61b2c-749c-47e6-abc3-1cebb0f1139f.js?v=3.12.0-2402271815" crossorigin="anonymous"></script><script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/releases/Hq4JZivTyQ7GP8Kt571Tzodj/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-GwKBypOyKxVgSqlC8V5uL5hEQaYn4nzdnRZ1KVCvlO9ulN7S8fdp4GbtOblxm/Gh"></script><script type="text/javascript" async="" src="https://omnisnippet1.com/inshop/launcher-v2.js"></script><script async="" src="https://sc-static.net/scevent.min.js"></script><script src="https://connect.facebook.net/signals/config/1331886174129149?v=2.9.151&amp;r=stable&amp;domain=candy.ai&amp;hme=8ce74e881727851b4427183947937854816d72704925561b9de6420cd43214ee&amp;ex_m=66%2C111%2C98%2C102%2C57%2C3%2C92%2C65%2C15%2C90%2C83%2C48%2C50%2C157%2C160%2C171%2C167%2C168%2C170%2C28%2C93%2C49%2C72%2C169%2C152%2C155%2C164%2C165%2C172%2C120%2C14%2C47%2C176%2C175%2C122%2C17%2C32%2C36%2C1%2C40%2C61%2C62%2C63%2C67%2C87%2C16%2C13%2C89%2C86%2C85%2C99%2C101%2C35%2C100%2C29%2C25%2C153%2C156%2C129%2C27%2C10%2C11%2C12%2C5%2C6%2C24%2C21%2C22%2C53%2C58%2C60%2C70%2C94%2C26%2C71%2C8%2C7%2C75%2C45%2C20%2C96%2C95%2C9%2C19%2C18%2C77%2C82%2C44%2C43%2C81%2C37%2C39%2C80%2C52%2C78%2C31%2C41%2C34%2C69%2C0%2C88%2C4%2C84%2C76%2C79%2C2%2C33%2C59%2C38%2C97%2C42%2C74%2C64%2C103%2C56%2C55%2C30%2C91%2C54%2C51%2C46%2C73%2C68%2C23%2C104" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-NM6MQN67"></script><script type="text/javascript" async="" src="//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"></script><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"NRJS-a03c265a2aab27c30fa","applicationID":"1517344485","transactionName":"IQ5aFkQNCQ9VRUoUUgUER01eDQgG","queueTime":2,"applicationTime":18,"agent":""}</script>
<script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"NRJS-a03c265a2aab27c30fa",applicationID:"1517344485"};;/*! For license information please see nr-loader-rum-1.253.0.min.js.LICENSE.txt */
(()=>{var e,t,n={234:(e,t,n)=>{"use strict";n.d(t,{P_:()=>v,Mt:()=>b,C5:()=>s,OP:()=>k,lF:()=>N,Yu:()=>w,Dg:()=>m,CX:()=>c,GE:()=>x,sU:()=>R});var r=n(8632),i=n(9567);const o={beacon:r.ce.beacon,errorBeacon:r.ce.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function c(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.D)(t,o);const n=(0,r.ek)(e);n&&(n.info=a[e])}const u=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var d=n(7056),l=n(50);const f="[data-nr-mask]",g=()=>{const e={mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{feature_flags:[],proxy:{assets:void 0,beacon:void 0},privacy:{cookies_enabled:!0},ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},session:{domain:void 0,expiresMs:d.oD,inactiveMs:d.Hb},ssl:void 0,obfuscate:void 0,jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},metrics:{enabled:!0,autoStart:!0},page_action:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,long_task:!1,autoStart:!0},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},harvest:{tooManyRequestsDelay:60},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,inline_stylesheet:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){u(t)?e.mask_selector="".concat(t,",").concat(f):""===t||null===t?e.mask_selector=f:(0,l.Z)("An invalid session_replay.mask_selector was provided. '*' will be used.",t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){u(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.Z)("An invalid session_replay.block_selector was provided and will not be used",t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.Z)("An invalid session_replay.mask_input_option was provided and will not be used",t)}},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},soft_navigations:{enabled:!0,harvestTimeSeconds:10,autoStart:!0}}},p={},h="All configuration objects require an agent identifier!";function v(e){if(!e)throw new Error(h);if(!p[e])throw new Error("Configuration for ".concat(e," was never set"));return p[e]}function m(e,t){if(!e)throw new Error(h);p[e]=(0,i.D)(t,g());const n=(0,r.ek)(e);n&&(n.init=p[e])}function b(e,t){if(!e)throw new Error(h);var n=v(e);if(n){for(var r=t.split("."),i=0;i<r.length-1;i++)if("object"!=typeof(n=n[r[i]]))return;n=n[r[r.length-1]]}return n}const y={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},A={};function x(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");A[e]=(0,i.D)(t,y);const n=(0,r.ek)(e);n&&(n.loader_config=A[e])}const w=(0,r.mF)().o;var _=n(385),E=n(6818);const D={buildEnv:E.Re,customTransaction:void 0,disabled:!1,distMethod:E.gF,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,offset:Math.floor(_._A?.performance?.timeOrigin||_._A?.performance?.timing?.navigationStart||Date.now()),onerror:void 0,origin:""+_._A.location,ptid:void 0,releaseIds:{},session:void 0,xhrWrappable:"function"==typeof _._A.XMLHttpRequest?.prototype?.addEventListener,version:E.q4,denyList:void 0},S={};function k(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!S[e])throw new Error("Runtime for ".concat(e," was never set"));return S[e]}function R(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");S[e]=(0,i.D)(t,D);const n=(0,r.ek)(e);n&&(n.runtime=S[e])}function N(e){return function(e){try{const t=s(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}(e)}},9567:(e,t,n)=>{"use strict";n.d(t,{D:()=>i});var r=n(50);function i(e,t){try{if(!e||"object"!=typeof e)return(0,r.Z)("Setting a Configurable requires an object as input");if(!t||"object"!=typeof t)return(0,r.Z)("Setting a Configurable requires a model to set its initial properties");const n=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(n).length?e:n;for(let a in o)if(void 0!==e[a])try{Array.isArray(e[a])&&Array.isArray(t[a])?n[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?n[a]=i(e[a],t[a]):n[a]=e[a]}catch(e){(0,r.Z)("An error occurred while setting a property of a Configurable",e)}return n}catch(e){(0,r.Z)("An error occured while setting a Configurable",e)}}},6818:(e,t,n)=>{"use strict";n.d(t,{Re:()=>i,gF:()=>o,q4:()=>r});const r="1.253.0",i="PROD",o="CDN"},385:(e,t,n)=>{"use strict";n.d(t,{Nk:()=>d,Tt:()=>s,_A:()=>o,cv:()=>l,iS:()=>a,il:()=>r,ux:()=>c,v6:()=>i,w1:()=>u});const r="undefined"!=typeof window&&!!window.document,i="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=r?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a=Boolean("hidden"===o?.document?.visibilityState),s=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),c=s&&"undefined"==typeof SharedWorker,u=((()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Boolean(r&&window.document.documentMode)),d=!!o.navigator?.sendBeacon,l=Math.floor(o?.performance?.timeOrigin||o?.performance?.timing?.navigationStart||Date.now())},9907:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});class r{constructor(e){this.contextId=e}}},8929:(e,t,n)=>{"use strict";n.d(t,{v:()=>a});var r=n(8632);const i=(0,n(4402).Rl)();var o=n(9907);class a{static contextId="nr@context:".concat(i);static contextOriginalId="nr@original:".concat(i);static contextWrappedId="nr@wrapped:".concat(a.contextId);static getObservationContextByAgentIdentifier(e){const t=(0,r.fP)();return Object.keys(t?.initializedAgents||{}).indexOf(e)>-1?t.initializedAgents[e].observationContext:void 0}#e=new WeakMap;getCreateContext(e){return this.#e.has(e)||this.#e.set(e,new o.A),this.#e.get(e)}setContext(e,t){return this.#e.set(e,t),this.#e.get(e)}}},1117:(e,t,n)=>{"use strict";n.d(t,{w:()=>o});var r=n(50);const i={agentIdentifier:"",ee:void 0};class o{constructor(e){try{if("object"!=typeof e)return(0,r.Z)("shared context requires an object as input");this.sharedContext={},Object.assign(this.sharedContext,i),Object.entries(e).forEach((e=>{let[t,n]=e;Object.keys(i).includes(t)&&(this.sharedContext[t]=n)}))}catch(e){(0,r.Z)("An error occured while setting SharedContext",e)}}}},8e3:(e,t,n)=>{"use strict";n.d(t,{L:()=>d,R:()=>c});var r=n(2177),i=n(1284),o=n(4322),a=n(3325);const s={};function c(e,t){const n={staged:!1,priority:a.p[t]||0};u(e),s[e].get(t)||s[e].set(t,n)}function u(e){e&&(s[e]||(s[e]=new Map))}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"feature",n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(u(e),!e||!s[e].get(t)||n)return c(t);s[e].get(t).staged=!0;const a=[...s[e]];function c(t){const n=e?r.ee.get(e):r.ee,a=o.X.handlers;if(n.backlog&&a){var s=n.backlog[t],c=a[t];if(c){for(var u=0;s&&u<s.length;++u)l(s[u],c);(0,i.D)(c,(function(e,t){(0,i.D)(t,(function(t,n){n[0].on(e,n[1])}))}))}delete a[t],n.backlog[t]=null,n.emit("drain-"+t,[])}}a.every((e=>{let[t,n]=e;return n.staged}))&&(a.sort(((e,t)=>e[1].priority-t[1].priority)),a.forEach((t=>{let[n]=t;s[e].delete(n),c(n)})))}function l(e,t){var n=e[1];(0,i.D)(t[n],(function(t,n){var r=e[0];if(n[0]===r){var i=n[1],o=e[3],a=e[2];i.apply(o,a)}}))}},2177:(e,t,n)=>{"use strict";n.d(t,{ee:()=>c});var r=n(8632),i=n(2210),o=n(234),a=n(9907),s=n(8929);const c=function e(t,n){var r={},u={},l={},f=!1;try{f=16===n.length&&(0,o.OP)(n).isolatedBacklog}catch(e){}var g={on:h,addEventListener:h,removeEventListener:function(e,t){var n=r[e];if(!n)return;for(var i=0;i<n.length;i++)n[i]===t&&n.splice(i,1)},emit:function(e,n,r,i,o){!1!==o&&(o=!0);if(c.aborted&&!i)return;t&&o&&t.emit(e,n,r);for(var a=p(r),s=v(e),d=s.length,l=0;l<d;l++)s[l].apply(a,n);var f=b()[u[e]];f&&f.push([g,e,n,a]);return a},get:m,listeners:v,context:p,buffer:function(e,t){const n=b();if(t=t||"feature",g.aborted)return;Object.entries(e||{}).forEach((e=>{let[r,i]=e;u[i]=t,t in n||(n[t]=[])}))},abort:d,aborted:!1,isBuffering:function(e){return!!b()[u[e]]},debugId:n,backlog:f?{}:t&&"object"==typeof t.backlog?t.backlog:{},observationContextManager:null};return g;function p(e){return e&&e instanceof a.A?e:e?(0,i.X)(e,s.v.contextId,(()=>g.observationContextManager?g.observationContextManager.getCreateContext(e):new a.A(s.v.contextId))):g.observationContextManager?g.observationContextManager.getCreateContext({}):new a.A(s.v.contextId)}function h(e,t){r[e]=v(e).concat(t)}function v(e){return r[e]||[]}function m(t){const n=l[t]=l[t]||e(g,t);return!n.observationContextManager&&g.observationContextManager&&(n.observationContextManager=g.observationContextManager),n}function b(){return g.backlog}}(void 0,"globalEE"),u=(0,r.fP)();function d(){c.aborted=!0,Object.keys(c.backlog).forEach((e=>{delete c.backlog[e]}))}u.ee||(u.ee=c)},5546:(e,t,n)=>{"use strict";n.d(t,{E:()=>r,p:()=>i});var r=n(2177).ee.get("handle");function i(e,t,n,i,o){o?(o.buffer([e],i),o.emit(e,t,n)):(r.buffer([e],i),r.emit(e,t,n))}},4322:(e,t,n)=>{"use strict";n.d(t,{X:()=>o});var r=n(5546);o.on=a;var i=o.handlers={};function o(e,t,n,o){a(o||r.E,i,e,t,n)}function a(e,t,n,i,o){o||(o="feature"),e||(e=r.E);var a=t[o]=t[o]||{};(a[n]=a[n]||[]).push([e,i])}},3239:(e,t,n)=>{"use strict";n.d(t,{bP:()=>s,iz:()=>c,m$:()=>a});var r=n(385);let i=!1,o=!1;try{const e={get passive(){return i=!0,!1},get signal(){return o=!0,!1}};r._A.addEventListener("test",null,e),r._A.removeEventListener("test",null,e)}catch(e){}function a(e,t){return i||o?{capture:!!e,passive:i,signal:t}:!!e}function s(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=arguments.length>3?arguments[3]:void 0;window.addEventListener(e,t,a(n,r))}function c(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=arguments.length>3?arguments[3]:void 0;document.addEventListener(e,t,a(n,r))}},4402:(e,t,n)=>{"use strict";n.d(t,{Rl:()=>a,ky:()=>s});var r=n(385);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=r._A?.crypto||r._A?.msCrypto;let t,n=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,n++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=r._A?.crypto||r._A?.msCrypto;let n,i=0;t&&t.getRandomValues&&(n=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(n,i++).toString(16));return a.join("")}},7056:(e,t,n)=>{"use strict";n.d(t,{Bq:()=>r,Hb:()=>a,IK:()=>u,K4:()=>i,oD:()=>o,uT:()=>c,wO:()=>s});const r="NRBA",i="SESSION",o=144e5,a=18e5,s={PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},7894:(e,t,n)=>{"use strict";function r(){return Math.floor(performance.now())}n.d(t,{z:()=>r})},50:(e,t,n)=>{"use strict";function r(e,t){"function"==typeof console.warn&&(console.warn("New Relic: ".concat(e)),t&&console.warn(t))}n.d(t,{Z:()=>r})},2825:(e,t,n)=>{"use strict";n.d(t,{N:()=>d,T:()=>l});var r=n(2177),i=n(5546),o=n(3325),a=n(385);const s="newrelic";const c={stn:[o.D.sessionTrace],err:[o.D.jserrors,o.D.metrics],ins:[o.D.pageAction],spa:[o.D.spa,o.D.softNav],sr:[o.D.sessionReplay,o.D.sessionTrace]},u=new Set;function d(e,t){const n=r.ee.get(t);e&&"object"==typeof e&&(u.has(t)||(Object.entries(e).forEach((e=>{let[t,r]=e;c[t]?c[t].forEach((e=>{r?(0,i.p)("feat-"+t,[],void 0,e,n):(0,i.p)("block-"+t,[],void 0,e,n),(0,i.p)("rumresp-"+t,[Boolean(r)],void 0,e,n)})):r&&(0,i.p)("feat-"+t,[],void 0,void 0,n),l[t]=Boolean(r)})),Object.keys(c).forEach((e=>{void 0===l[e]&&(c[e]?.forEach((t=>(0,i.p)("rumresp-"+e,[!1],void 0,t,n))),l[e]=!1)})),u.add(t),function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{a._A.dispatchEvent(new CustomEvent(s,{detail:e}))}catch(e){}}({loaded:!0})))}const l={}},2210:(e,t,n)=>{"use strict";n.d(t,{X:()=>i});var r=Object.prototype.hasOwnProperty;function i(e,t,n){if(r.call(e,t))return e[t];var i=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},1284:(e,t,n)=>{"use strict";n.d(t,{D:()=>r});const r=(e,t)=>Object.entries(e||{}).map((e=>{let[n,r]=e;return t(n,r)}))},4351:(e,t,n)=>{"use strict";n.d(t,{P:()=>o});var r=n(2177);const i=()=>{const e=new WeakSet;return(t,n)=>{if("object"==typeof n&&null!==n){if(e.has(n))return;e.add(n)}return n}};function o(e){try{return JSON.stringify(e,i())}catch(e){try{r.ee.emit("internal-error",[e])}catch(e){}}}},3960:(e,t,n)=>{"use strict";n.d(t,{KB:()=>a,b2:()=>o});var r=n(3239);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,r.bP)("load",e,t)}function a(e){if(i())return e();(0,r.iz)("DOMContentLoaded",e)}},8632:(e,t,n)=>{"use strict";n.d(t,{EZ:()=>d,ce:()=>o,ek:()=>u,fP:()=>a,gG:()=>l,h5:()=>c,mF:()=>s});var r=n(7894),i=n(385);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return i._A.NREUM||(i._A.NREUM={}),void 0===i._A.newrelic&&(i._A.newrelic=i._A.NREUM),i._A.NREUM}function s(){let e=a();return e.o||(e.o={ST:i._A.setTimeout,SI:i._A.setImmediate,CT:i._A.clearTimeout,XHR:i._A.XMLHttpRequest,REQ:i._A.Request,EV:i._A.Event,PR:i._A.Promise,MO:i._A.MutationObserver,FETCH:i._A.fetch}),e}function c(e,t){let n=a();n.initializedAgents??={},t.initializedAt={ms:(0,r.z)(),date:new Date},n.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},7956:(e,t,n)=>{"use strict";n.d(t,{N:()=>i});var r=n(3239);function i(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;(0,r.iz)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),n,i)}},3081:(e,t,n)=>{"use strict";n.d(t,{gF:()=>o,mY:()=>i,t9:()=>r,vz:()=>s,xS:()=>a});const r=n(3325).D.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},7633:(e,t,n)=>{"use strict";n.d(t,{t:()=>r});const r=n(3325).D.pageViewEvent},9251:(e,t,n)=>{"use strict";n.d(t,{t:()=>r});const r=n(3325).D.pageViewTiming},7144:(e,t,n)=>{"use strict";n.d(t,{Ef:()=>i});var r=n(7056);n(3325).D.sessionReplay;const i={RECORD:"recordReplay",PAUSE:"pauseReplay"};r.IK.ERROR,r.IK.FULL,r.IK.OFF},5938:(e,t,n)=>{"use strict";n.d(t,{W:()=>i});var r=n(2177);class i{constructor(e,t,n){this.agentIdentifier=e,this.aggregator=t,this.ee=r.ee.get(e),this.featureName=n,this.blocked=!1}}},8862:(e,t,n)=>{"use strict";n.d(t,{j:()=>x});var r=n(3325),i=n(234),o=n(5546),a=n(2177),s=n(7894),c=n(8e3),u=n(3960),d=n(385),l=n(50),f=n(3081),g=n(8632),p=n(7144);const h=["setErrorHandler","finished","addToTrace","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start","recordReplay","pauseReplay",p.Ef.RECORD,p.Ef.PAUSE],v=["setErrorHandler","finished","addToTrace","addRelease"];function m(){const e=(0,g.gG)();h.forEach((t=>{e[t]=function(){for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];let o=[];return Object.values(e.initializedAgents).forEach((e=>{e.exposed&&e.api[t]&&o.push(e.api[t](...r))})),o.length>1?o:o[0]}(t,...r)}}))}var b=n(2825);const y=e=>{const t=e.startsWith("http");e+="/",n.p=t?e:"https://"+e};let A=!1;function x(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},h=arguments.length>2?arguments[2]:void 0,x=arguments.length>3?arguments[3]:void 0,{init:w,info:_,loader_config:E,runtime:D={loaderType:h},exposed:S=!0}=t;const k=(0,g.gG)();_||(w=k.init,_=k.info,E=k.loader_config),(0,i.Dg)(e.agentIdentifier,w||{}),(0,i.GE)(e.agentIdentifier,E||{}),_.jsAttributes??={},d.v6&&(_.jsAttributes.isWorker=!0),(0,i.CX)(e.agentIdentifier,_);const R=(0,i.P_)(e.agentIdentifier),N=[_.beacon,_.errorBeacon];A||(R.proxy.assets&&(y(R.proxy.assets),N.push(R.proxy.assets)),R.proxy.beacon&&N.push(R.proxy.beacon),m(),(0,g.EZ)("activatedFeatures",b.T),e.runSoftNavOverSpa&&=!0===R.soft_navigations.enabled&&R.feature_flags.includes("soft_nav")),D.denyList=[...R.ajax.deny_list||[],...R.ajax.block_internal?N:[]],(0,i.sU)(e.agentIdentifier,D),void 0===e.api&&(e.api=function(e,t){let g=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t||(0,c.R)(e,"api");const h={};var m=a.ee.get(e),b=m.get("tracer"),y="api-",A=y+"ixn-";function x(t,n,r,o){const a=(0,i.C5)(e);return null===n?delete a.jsAttributes[t]:(0,i.CX)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:n}}),E(y,r,!0,o||null===n?"session":void 0)(t,n)}function w(){}v.forEach((e=>{h[e]=E(y,e,!0,"api")})),h.addPageAction=E(y,"addPageAction",!0,r.D.pageAction),h.setPageViewName=function(t,n){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,i.OP)(e).customTransaction=(n||"http://custom.transaction")+t,E(y,"setPageViewName",!0)()},h.setCustomAttribute=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return x(e,t,"setCustomAttribute",n);(0,l.Z)("Failed to execute setCustomAttribute.\nNon-null value must be a string, number or boolean type, but a type of <".concat(typeof t,"> was provided."))}else(0,l.Z)("Failed to execute setCustomAttribute.\nName must be a string type, but a type of <".concat(typeof e,"> was provided."))},h.setUserId=function(e){if("string"==typeof e||null===e)return x("enduser.id",e,"setUserId",!0);(0,l.Z)("Failed to execute setUserId.\nNon-null value must be a string type, but a type of <".concat(typeof e,"> was provided."))},h.setApplicationVersion=function(e){if("string"==typeof e||null===e)return x("application.version",e,"setApplicationVersion",!1);(0,l.Z)("Failed to execute setApplicationVersion. Expected <String | null>, but got <".concat(typeof e,">."))},h.start=e=>{try{const t=e?"defined":"undefined";(0,o.p)(f.xS,["API/start/".concat(t,"/called")],void 0,r.D.metrics,m);const n=Object.values(r.D);if(void 0===e)e=n;else{if((e=Array.isArray(e)&&e.length?e:[e]).some((e=>!n.includes(e))))return(0,l.Z)("Invalid feature name supplied. Acceptable feature names are: ".concat(n));e.includes(r.D.pageViewEvent)||e.push(r.D.pageViewEvent)}e.forEach((e=>{m.emit("".concat(e,"-opt-in"))}))}catch(e){(0,l.Z)("An unexpected issue occurred",e)}},h[p.Ef.RECORD]=function(){(0,o.p)(f.xS,["API/recordReplay/called"],void 0,r.D.metrics,m),(0,o.p)(p.Ef.RECORD,[],void 0,r.D.sessionReplay,m)},h[p.Ef.PAUSE]=function(){(0,o.p)(f.xS,["API/pauseReplay/called"],void 0,r.D.metrics,m),(0,o.p)(p.Ef.PAUSE,[],void 0,r.D.sessionReplay,m)},h.interaction=function(e){return(new w).get("object"==typeof e?e:{})};const _=w.prototype={createTracer:function(e,t){var n={},i=this,a="function"==typeof t;return(0,o.p)(f.xS,["API/createTracer/called"],void 0,r.D.metrics,m),g||(0,o.p)(A+"tracer",[(0,s.z)(),e,n],i,r.D.spa,m),function(){if(b.emit((a?"":"no-")+"fn-start",[(0,s.z)(),i,a],n),a)try{return t.apply(this,arguments)}catch(e){throw b.emit("fn-err",[arguments,this,e],n),e}finally{b.emit("fn-end",[(0,s.z)()],n)}}}};function E(e,t,n,i){return function(){return(0,o.p)(f.xS,["API/"+t+"/called"],void 0,r.D.metrics,m),i&&(0,o.p)(e+t,[(0,s.z)(),...arguments],n?null:this,i,m),n?void 0:this}}function D(){n.e(75).then(n.bind(n,7438)).then((t=>{let{setAPI:n}=t;n(e),(0,c.L)(e,"api")})).catch((()=>{(0,l.Z)("Downloading runtime APIs failed..."),(0,c.L)(e,"api",!0)}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{_[e]=E(A,e,void 0,g?r.D.softNav:r.D.spa)})),h.setCurrentRouteName=g?E(A,"routeName",void 0,r.D.softNav):E(y,"routeName",!0,r.D.spa),h.noticeError=function(e,t){"string"==typeof e&&(e=new Error(e)),(0,o.p)(f.xS,["API/noticeError/called"],void 0,r.D.metrics,m),(0,o.p)("err",[e,(0,s.z)(),!1,t],void 0,r.D.jserrors,m)},d.il?(0,u.b2)((()=>D()),!0):D(),h}(e.agentIdentifier,x,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=S),A=!0}},1926:(e,t,n)=>{n.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},3325:(e,t,n)=>{"use strict";n.d(t,{D:()=>r,p:()=>i});const r={ajax:"ajax",jserrors:"jserrors",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},i={[r.pageViewEvent]:1,[r.pageViewTiming]:2,[r.metrics]:3,[r.jserrors]:4,[r.ajax]:5,[r.sessionTrace]:6,[r.pageAction]:7,[r.spa]:8,[r.softNav]:9,[r.sessionReplay]:10}}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,i),o.exports}i.m=n,i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,n)=>(i.f[n](e,t),t)),[])),i.u=e=>"nr-rum-1.253.0.min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.253.0.PROD:",i.l=(n,r,o,a)=>{if(e[n])e[n].push(r);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==n||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={75:"sha512-9bAiHIPyDQsfH3twE5thQ79NZloqHEfmncprWhfUn+VZFlQhRa05+ziJ9iJfmPRs6DoQA5H7S/VrlzQnvif2nQ=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=n,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[n]=[r];var g=(t,r)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[n];if(delete e[n],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(r))),t)return t(r)},p=setTimeout(g.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=g.bind(null,s.onerror),s.onload=g.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={50:0,832:0};i.f.j=(t,n)=>{var r=i.o(e,t)?e[t]:void 0;if(0!==r)if(r)n.push(r[2]);else{var o=new Promise(((n,i)=>r=e[t]=[n,i]));n.push(r[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(n=>{if(i.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var o=n&&("load"===n.type?"missing":n.type),a=n&&n.target&&n.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,r[1](s)}}),"chunk-"+t,t)}};var t=(t,n)=>{var r,o,[a,s,c]=n,u=0;if(a.some((t=>0!==e[t]))){for(r in s)i.o(s,r)&&(i.m[r]=s[r]);if(c)c(i)}for(t&&t(n);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},n=self["webpackChunk:NRBA-1.253.0.PROD"]=self["webpackChunk:NRBA-1.253.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";i(1926);var e=i(50),t=i(7144),n=i(8929),r=i(4402),o=i(2177);class a{agentIdentifier;observationContext=new n.v;constructor(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:(0,r.ky)(16);this.agentIdentifier=e;o.ee.get(e).observationContext=this.observationContext}#t(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.Z)("Call to agent api ".concat(t," failed. The API is not currently initialized."))}addPageAction(e,t){return this.#t("addPageAction",e,t)}setPageViewName(e,t){return this.#t("setPageViewName",e,t)}setCustomAttribute(e,t,n){return this.#t("setCustomAttribute",e,t,n)}noticeError(e,t){return this.#t("noticeError",e,t)}setUserId(e){return this.#t("setUserId",e)}setApplicationVersion(e){return this.#t("setApplicationVersion",e)}setErrorHandler(e){return this.#t("setErrorHandler",e)}finished(e){return this.#t("finished",e)}addRelease(e,t){return this.#t("addRelease",e,t)}start(e){return this.#t("start",e)}recordReplay(){return this.#t(t.Ef.RECORD)}pauseReplay(){return this.#t(t.Ef.PAUSE)}addToTrace(e){return this.#t("addToTrace",e)}setCurrentRouteName(e){return this.#t("setCurrentRouteName",e)}interaction(){return this.#t("interaction")}}var s=i(3325),c=i(234);const u=Object.values(s.D);function d(e){const t={};return u.forEach((n=>{t[n]=function(e,t){return!0===(0,c.Mt)(t,"".concat(e,".enabled"))}(n,e)})),t}var l=i(8862);var f=i(8e3),g=i(5938),p=i(3960),h=i(385);const v=e=>h.il&&!0===(0,c.Mt)(e,"privacy.cookies_enabled");function m(e){return c.Yu.MO&&v&&!0===(0,c.Mt)(e,"session_trace.enabled")}class b extends g.W{constructor(e,t,n){let r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];super(e,t,n),this.auto=r,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===(0,c.Mt)(this.agentIdentifier,"".concat(this.featureName,".autoStart"))&&(this.auto=!1),this.auto&&(0,f.R)(e,n)}importAggregator(){let t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.featAggregate)return;if(!this.auto)return void this.ee.on("".concat(this.featureName,"-opt-in"),(()=>{(0,f.R)(this.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator()}));this.onAggregateImported=new Promise((e=>{t=e}));const r=async()=>{let r;try{if(v(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(75).then(i.bind(i,3108));r=e(this.agentIdentifier)}}catch(t){(0,e.Z)("A problem occurred when starting up session manager. This page will not start or extend any session.",t),this.featureName===s.D.sessionReplay&&this.abortHandler?.()}try{if(!this.#n(this.featureName,r))return(0,f.L)(this.agentIdentifier,this.featureName),void t(!1);const{lazyFeatureLoader:e}=await i.e(75).then(i.bind(i,8582)),{Aggregate:o}=await e(this.featureName,"aggregate");this.featAggregate=new o(this.agentIdentifier,this.aggregator,n),t(!0)}catch(n){(0,e.Z)("Downloading and initializing ".concat(this.featureName," failed..."),n),this.abortHandler?.(),(0,f.L)(this.agentIdentifier,this.featureName,!0),t(!1)}};h.il?(0,p.b2)((()=>r()),!0):r()}#n(e,t){return e!==s.D.sessionReplay||(n=this.agentIdentifier,r=t,!(!m(n)||!r?.isNew&&!r?.state.sessionReplayMode));var n,r}}var y=i(7633);class A extends b{static featureName=y.t;constructor(e,t){let n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,y.t,n),this.importAggregator()}}var x=i(1117),w=i(1284);class _ extends x.w{constructor(e){super(e),this.aggregatedData={}}store(e,t,n,r,i){var o=this.getBucket(e,t,n,i);return o.metrics=function(e,t){t||(t={count:0});return t.count+=1,(0,w.D)(e,(function(e,n){t[e]=E(n,t[e])})),t}(r,o.metrics),o}merge(e,t,n,r,i){var o=this.getBucket(e,t,r,i);if(o.metrics){var a=o.metrics;a.count+=n.count,(0,w.D)(n,(function(e,t){if("count"!==e){var r=a[e],i=n[e];i&&!i.c?a[e]=E(i.t,r):a[e]=function(e,t){if(!t)return e;t.c||(t=D(t.t));return t.min=Math.min(e.min,t.min),t.max=Math.max(e.max,t.max),t.t+=e.t,t.sos+=e.sos,t.c+=e.c,t}(i,a[e])}}))}else o.metrics=n}storeMetric(e,t,n,r){var i=this.getBucket(e,t,n);return i.stats=E(r,i.stats),i}getBucket(e,t,n,r){this.aggregatedData[e]||(this.aggregatedData[e]={});var i=this.aggregatedData[e][t];return i||(i=this.aggregatedData[e][t]={params:n||{}},r&&(i.custom=r)),i}get(e,t){return t?this.aggregatedData[e]&&this.aggregatedData[e][t]:this.aggregatedData[e]}take(e){for(var t={},n="",r=!1,i=0;i<e.length;i++)t[n=e[i]]=Object.values(this.aggregatedData[n]||{}),t[n].length&&(r=!0),delete this.aggregatedData[n];return r?t:null}}function E(e,t){return null==e?function(e){e?e.c++:e={c:1};return e}(t):t?(t.c||(t=D(t.t)),t.c+=1,t.t+=e,t.sos+=e*e,e>t.max&&(t.max=e),e<t.min&&(t.min=e),t):{t:e}}function D(e){return{t:e,min:e,max:e,sos:e*e,c:1}}var S=i(8632),k=i(4351);var R=i(5546),N=i(7956),C=i(3239),j=i(7894),I=i(9251);class O extends b{static featureName=I.t;constructor(e,t){let n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,I.t,n),h.il&&((0,N.N)((()=>(0,R.p)("docHidden",[(0,j.z)()],void 0,I.t,this.ee)),!0),(0,C.bP)("pagehide",(()=>(0,R.p)("winPagehide",[(0,j.z)()],void 0,I.t,this.ee))),this.importAggregator())}}var T=i(3081);class P extends b{static featureName=T.t9;constructor(e,t){let n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,T.t9,n),this.importAggregator()}}new class extends a{constructor(t,n){super(n),h._A?(this.sharedAggregator=new _({agentIdentifier:this.agentIdentifier}),this.features={},(0,S.h5)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(A),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===s.D.softNav)),(0,l.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.Z)("Failed to initial the agent. Could not determine the runtime environment.")}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=d(this.agentIdentifier),n=[...this.desiredFeatures];n.sort(((e,t)=>s.p[e.featureName]-s.p[t.featureName])),n.forEach((n=>{if(!t[n.featureName]&&n.featureName!==s.D.pageViewEvent)return;if(this.runSoftNavOverSpa&&n.featureName===s.D.spa)return;if(!this.runSoftNavOverSpa&&n.featureName===s.D.softNav)return;const r=function(e){switch(e){case s.D.ajax:return[s.D.jserrors];case s.D.sessionTrace:return[s.D.ajax,s.D.pageViewEvent];case s.D.sessionReplay:return[s.D.sessionTrace];case s.D.pageViewTiming:return[s.D.pageViewEvent];default:return[]}}(n.featureName);r.every((e=>e in this.features))||(0,e.Z)("".concat(n.featureName," is enabled but one or more dependent features has not been initialized (").concat((0,k.P)(r),"). This may cause unintended consequences or missing data...")),this.features[n.featureName]=new n(this.agentIdentifier,this.sharedAggregator)}))}catch(t){(0,e.Z)("Failed to initialize all enabled instrument classes (agent aborted) -",t);for(const e in this.features)this.features[e].abortHandler?.();const n=(0,S.fP)();return delete n.initializedAgents[this.agentIdentifier]?.api,delete n.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator,n.ee?.abort(),delete n.ee?.get(this.agentIdentifier),!1}}}({features:[A,O,P],loaderType:"lite"})})()})();</script>
    <title>Candy.ai - Enjoy The Ultimate AI Girlfriend Experience</title>
    <meta name="description" content="Engage with Candy.ai's virtual companions for immersive and personalized chats. Dive deep into intricate dialogues, and liberate your imagination. Experience adaptive AI-driven role-plays today.">
    <!-- Facebook Open Graph data -->
    <meta property="og:title" content="Candy.ai - Enjoy The Ultimate AI Girlfriend Experience">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://candy.ai/?gender=female&amp;category=realistic&amp;_ocid=1025bf006b6f131a53aca161be0848&amp;subaff=313806&amp;subaff2=Facebook">
    <meta property="og:description" content="Engage with Candy.ai's virtual companions for immersive and personalized chats. Dive deep into intricate dialogues, and liberate your imagination. Experience adaptive AI-driven role-plays today.">
    <meta property="og:site_name" content="Candy.ai - Enjoy The Ultimate AI Girlfriend Experience">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1">
    <link rel="canonical" href="https://candy.ai">
    <meta name="csrf-param" content="authenticity_token">
<meta name="csrf-token" content="oINQFK7Wz9NgqcjOSiy6KY77kPJk6RwQbEXtJLLfm2TCUwOgmy19xdMgUEipH7oPk_DDLK6NW8BQQ32vRPppiw">
    
    <link rel="stylesheet" href="/assets/application-9b94c94c8d864c68c082ce397b7bdc1fc82bc65a24f592236ceb69600daa8300.css" data-turbo-track="reload">
    <script src="/assets/application-2ebdb7989723adda8088bcfceb92c4b3866fb027fc4726348ddac7a333f77748.js" data-turbo-track="reload" defer="defer"></script>
    <script src="/assets/alpine-ace55a5c3e128495b8997ce3059c8ff551594c2a047a2d2dc9d8bbf6df9d1139.js" data-turbo-track="reload" defer="defer"></script>
    <meta name="action-cable-url" content="wss://candy-ai-ee7f0ffc0977.herokuapp.com/cable">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
  (function(f,b){if(!b.__SV){var e,g,i,h;window.mixpanel=b;b._i=[];b.init=function(e,f,c){function g(a,d){var b=d.split(".");2==b.length&&(a=a[b[0]],d=b[1]);a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}var a=b;"undefined"!==typeof c?a=b[c]=[]:c="mixpanel";a.people=a.people||[];a.toString=function(a){var d="mixpanel";"mixpanel"!==c&&(d+="."+c);a||(d+=" (stub)");return d};a.people.toString=function(){return a.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
  for(h=0;h<i.length;h++)g(a,i[h]);var j="set set_once union unset remove delete".split(" ");a.get_group=function(){function b(c){d[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));a.push([e,call2])}}for(var d={},e=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<j.length;c++)b(j[c]);return d};b._i.push([e,f,c])};b.__SV=1.2;e=f.createElement("script");e.type="text/javascript";e.async=!0;e.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===f.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";g=f.getElementsByTagName("script")[0];g.parentNode.insertBefore(e,g)}})(document,window.mixpanel||[]);
</script>
<script type="text/javascript">
  document.addEventListener("turbo:load", function() {
    let userId = ""
    var mixpanel_distinct_id = localStorage.getItem('mixpanel_distinct_id');
    if (!userId && !window.mixpanel.__loaded) {
      mixpanel.init("a524618d7794c70f8d028f5b045ca8ec", { debug: true, track_pageview: true, persistence: 'localStorage' });
      if (!mixpanel_distinct_id) {
        fetch("/send_mixpanel_distinct_id", {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
            'X-CSRF-Token': document.querySelector("meta[name='csrf-token']").content  // CSRF token for Rails authenticity
          },
          body: JSON.stringify({ mixpanel_distinct_id: mixpanel.get_distinct_id() })
        })
        .then(response => response.json())
        .then(data => console.log(data))
        .catch(error => console.error('Error sending Mixpanel ID:', error));
      }
      // We set into the localStorage the distinct ID so we don't procceed to send it to the backend again.
    localStorage.setItem('mixpanel_distinct_id', mixpanel.get_distinct_id());
    }
  })
</script>

    <link rel="icon" type="image/x-icon" href="/assets/favico-c002e20e13e2ee0d917bef3242cab0236c1087207a951e9d578b370c519d800a.png">
        <!-- Google Tag Manager -->
  <script>
    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-NM6MQN67');
  </script>
  <!-- End Google Tag Manager -->

      <!-- Meta Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '1331886174129149');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1331886174129149&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

      <!-- Snap Pixel Code -->
<script type="text/javascript">
  (function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function()
  {a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)};
  a.queue=[];var s='script';r=t.createElement(s);r.async=!0;
  r.src=n;var u=t.getElementsByTagName(s)[0];
  u.parentNode.insertBefore(r,u);})(window,document,
  'https://sc-static.net/scevent.min.js');
</script>
  <script>
    snaptr('init', 'edd61b2c-749c-47e6-abc3-1cebb0f1139f', {
    'user_email': '_INSERT_USER_EMAIL_'
    });
    snaptr('track', 'PAGE_VIEW');
  </script>
<!-- End Snap Pixel Code -->

      <script type="text/javascript">
  window.omnisend = window.omnisend || [];
  omnisend.push(["accountID", "65b8dd9826ced2965e084fb4"]);
  omnisend.push(["track", "$pageViewed"]);
  !function(){var e=document.createElement("script");
  e.type="text/javascript",e.async=!0,
  e.src="https://omnisnippet1.com/inshop/launcher-v2.js";
  var t=document.getElementsByTagName("script")[0];
  t.parentNode.insertBefore(e,t)}();
</script>

  <meta http-equiv="origin-trial" content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9"><script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/11353024471/?random=1711669137484&amp;cv=11&amp;fst=1711669137484&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be43r0v9179022848z89164096164za201&amp;gcd=13v3v3v3v5&amp;dma=0&amp;u_w=1366&amp;u_h=768&amp;url=https%3A%2F%2Fcandy.ai%2F%3Fgender%3Dfemale%26category%3Drealistic%26_ocid%3D1025bf006b6f131a53aca161be0848%26subaff%3D313806%26subaff2%3DFacebook&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=Candy.ai%20-%20Enjoy%20The%20Ultimate%20AI%20Girlfriend%20Experience&amp;npa=0&amp;pscdl=noapi&amp;auid=959301155.1711669137&amp;fdr=QA&amp;data=ads_data_redaction%3Dfalse&amp;rfmt=3&amp;fmt=4"></script><meta http-equiv="origin-trial" content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9"><script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/16481364077/?random=1711669137841&amp;cv=11&amp;fst=1711669137841&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be43r0z89164096164za201&amp;gcd=13v3v3v3v5&amp;dma=0&amp;u_w=1366&amp;u_h=768&amp;url=https%3A%2F%2Fcandy.ai%2F%3Fgender%3Dfemale%26category%3Drealistic%26_ocid%3D1025bf006b6f131a53aca161be0848%26subaff%3D313806%26subaff2%3DFacebook&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=Candy.ai%20-%20Enjoy%20The%20Ultimate%20AI%20Girlfriend%20Experience&amp;npa=0&amp;pscdl=noapi&amp;auid=959301155.1711669137&amp;fdr=QA&amp;data=ads_data_redaction%3Dfalse&amp;rfmt=3&amp;fmt=4"></script><meta http-equiv="origin-trial" content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9"></head>
  <body class="bg-main pages home stimulus-reflex-disconnected" id="app" data-controller="main announcements" data-main-is-sidebar-opened-value="true" data-main-is-current-user-signed-in="" data-main-selected-character-id-from-generate-image="">
    
      <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NM6MQN67"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

      <div data-main-target="mainSidebarClosedContainer" class="lg:fixed lg:pt-[63px] z-20 border-[#363636] border-r border-t lg:inset-y-0 lg:left-0 lg:w-[100px] lg:pb-5 w-[100px] fixed top-0 left-0 h-full webkit-transition-sidebar webkit-transform-sidebar" style="background: linear-gradient(0deg, #131313 0%, #131313 100%); max-height: 100vh">
  <span class="tooltip-containers absolute" data-main-target="tooltipContainer">
    <div id="tooltip-explore" role="tooltip" class="relative z-100 invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(83px, 30px);" data-popper-reference-hidden="" data-popper-placement="right">
      Explore
      <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
    </div>
    <div id="tooltip-chat" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(83px, 86px);" data-popper-reference-hidden="" data-popper-placement="right">
      Chat
      <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
    </div>
    <div id="tooltip-gallery" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(83px, 142px);" data-popper-reference-hidden="" data-popper-placement="right">
      Gallery
      <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
    </div>
    <div id="tooltip-image" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(83px, 198px);" data-popper-reference-hidden="" data-popper-placement="right">
      Generate Image
      <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
    </div>
    <div id="tooltip-character" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(83px, 254px);" data-popper-reference-hidden="" data-popper-placement="right">
      Create Character
      <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
    </div>
    <div id="tooltip-my-ai" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(83px, 310px);" data-popper-reference-hidden="" data-popper-placement="right">
      My AI
      <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
    </div>
    <div id="tooltip-tokens" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700">
      Buy Tokens
      <div class="tooltip-arrow" data-popper-arrow=""></div>
    </div>
    <div id="tooltip-premium" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(83px, 366px);" data-popper-reference-hidden="" data-popper-placement="right">
      Become Premium
      <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
    </div>
  </span>
  <nav class="flex flex-col justify-between h-full ">
    <ul role="list" class="py-8 lg:py-6 flex flex-col gap-2 items-center justify-start px-6 overflow-y-auto  overflow-x-auto">
      <li class="relative w-full" data-tooltip-target="tooltip-explore" data-tooltip-placement="right">
        <a href="/" class="h-[48px] w-[52px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 flex justify-start px-3 items-center gap-2 cursor-pointer">
          <img class="w-6 h-6" src="/assets/sidebar-icons/explore-3a4a39d3c6126c743969aa14b3a4841763f5b600e0f77e317a32d7c30afbcc13.svg">
        </a>
      </li>
      <li class="relative w-full" data-tooltip-target="tooltip-chat" data-tooltip-placement="right">
          <a data-action="click->main#openRegistrationModal" class="h-[48px] w-[52px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 flex justify-start px-3 items-center gap-2 cursor-pointer">
            <img class="w-6 h-6" src="/assets/sidebar-icons/chat-1f356f466c9023c851a3a185fd1e607229737246758457a3f49b82e17bc5d82b.svg">
          </a>
      </li>
      <li class="relative w-full" data-tooltip-target="tooltip-gallery" data-tooltip-placement="right">
        <a data-action="click->main#openRegistrationModalOrRedirectToGallery" class="h-[48px] w-[52px] hover:bg-zinc-700  rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer">
          <img class="w-6 h-6" src="/assets/sidebar-icons/gallery-b83c72cb24c980d5e254daba38d4e3690f281b07c3e5665a052e0f76fff031b8.svg">
        </a>
      </li>
      <li class="relative w-full" data-tooltip-target="tooltip-image" data-tooltip-placement="right">
        <a href="/generate-image" class="relative
          h-[48px] w-[52px] hover:bg-zinc-700  rounded-[10px] border
          border-white border-opacity-10 justify-start px-3 items-center
          gap-2 flex mx-auto cursor-pointer">
          <img class="w-6 h-6" src="/assets/home/generate-33f95391d5d800565b7ea9ba3f6effa0a3d0a2b2eeafdba4ccc526aef7ae3498.svg">
        </a>
      </li>
      <li class="relative w-full" data-tooltip-target="tooltip-character" data-tooltip-placement="right">
        <a href="/characters/new" class="relative h-[48px] w-[52px] hover:bg-zinc-700  rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer">
          <img class="w-6 h-6" src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg">
        </a>
      </li>
      <li class="relative w-full" data-tooltip-target="tooltip-my-ai" data-tooltip-placement="right">
        <a href="/characters" class="h-[48px] w-[52px] hover:bg-zinc-700  rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer">
          <img class="w-6 h-6" src="/assets/sidebar-icons/love-lady-760605daa886b7e49e77d5d26c1047bc0f815c005a978a5c76810db20bc355dd.svg">
        </a>
      </li>
        <li class="relative w-full" data-tooltip-target="tooltip-premium" data-tooltip-placement="right">
          <a data-action="click->main#openRegistrationModal" class="h-[48px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer">
            <img class="w-2.5 h-2.5 absolute right-[6px] top-[4px]" src="/assets/easter-discount/egg-baf57190b60224fcee0cadb56f54137c94788a9cbe749f1e9f96b66b8844274d.svg">
            <img class="w-6 h-6" src="/assets/easter-discount/green-diamond-3cdd66763d3927e00eac05ce57668985c9dff071c0ad5fde6a35561fe36c9684.svg">
          </a>
        </li>
    </ul>
    <ul role="list" class="flex flex-col gap-2 pt-6 px-6 border-[#363636] border-t items-center justify-end">
      <li class="relative w-full" data-tooltip-target="tooltip-discord" data-tooltip-placement="right">
        <div id="tooltip-discord" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(59px, 6px);" data-popper-reference-hidden="" data-popper-placement="right">
          Discord
          <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
        </div>
        <a href="https://discord.gg/candyai" target="_blank" class="h-[48px] w-[52px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex cursor-pointer">
          <img class="w-6 h-6" src="/assets/sidebar-icons/discord-526bbe3abf7210fa8bd8e76658d4df5a5c67d569f1349a2441b1d0bbd170c84d.svg">
        </a>
      </li>
      <li class="relative w-full toggle-popup" data-tooltip-target="tooltip-contact" data-tooltip-placement="right">
        <div id="tooltip-contact" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(59px, 6px);" data-popper-reference-hidden="" data-popper-placement="right">
          Contact Us
          <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
        </div>
          <a data-action="click->main#openRegistrationModal" class="h-[48px] w-[52px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex cursor-pointer">
            <img class="w-6 h-6" src="/assets/sidebar-icons/contact-c50065a887c8d0061543beceae78cec1bdaaac55ec7d37f11601912b3250e119.svg">
          </a>
      </li>
      <li class="relative w-full" data-tooltip-target="tooltip-affiliate" data-tooltip-placement="right">
        <a target="_blank" class="" href="https://forms.gle/ngh58ASCF15TKWYG7">
          <div id="tooltip-affiliate" role="tooltip" class="absolute z-100 invisible whitespace-nowrap px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-sm opacity-0 tooltip tooltip-sidebar dark:bg-gray-700" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(59px, 6px);" data-popper-reference-hidden="" data-popper-placement="right">
            Affiliate Program
            <div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; top: 0px; transform: translate(0px, 14px);"></div>
          </div>
          <div class="h-[48px] w-[52px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex cursor-pointer">
            <img class="w-6 h-6" src="/assets/sidebar-icons/trophy-55ba15bcf830427b6fc776e11ff4465cce75c1c2a1a27ba0bd2eea0e5c03ff55.svg">
          </div>
</a>      </li>
    </ul>
  </nav>
</div>

      <div data-main-target="mainSidebarOpenedContainer" class="lg:fixed lg:pt-[63px] z-20 border-[#363636] border-r border-t lg:inset-y-0 lg:left-0 lg:w-[220px] lg:pb-5 w-[220px] fixed top-0 left-0 h-full webkit-transition-sidebar" style="background: linear-gradient(0deg, #131313 0%, #131313 100%); max-height: 100vh">
  <nav class="flex flex-col justify-between h-full ">
    <ul role="list" class="py-8 lg:py-6 flex flex-col gap-2 items-center justify-start px-6 overflow-y-auto  overflow-x-auto">
      <li class="relative w-full">
        <a href="/" class="h-[40px] w-full  hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 flex justify-start px-3 items-center gap-2 cursor-pointer">
          <img class="w-4 h-4" src="/assets/sidebar-icons/explore-3a4a39d3c6126c743969aa14b3a4841763f5b600e0f77e317a32d7c30afbcc13.svg">
          <span class="text-start text-grey-medium text-xxs font-medium leading-4">Explore</span>
        </a>
      </li>
      <li class="relative w-full">
          <a data-action="click->main#openRegistrationModal" class="h-[40px] w-full  hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 flex justify-start px-3 items-center gap-2 cursor-pointer">
            <img class="w-4 h-4" src="/assets/sidebar-icons/chat-1f356f466c9023c851a3a185fd1e607229737246758457a3f49b82e17bc5d82b.svg">
            <span class="text-start text-grey-medium text-xxs font-medium leading-4">Chat</span>
          </a>
      </li>
      <li class="relative w-full">
        <a data-action="click->main#openRegistrationModalOrRedirectToGallery" class="h-[40px] hover:bg-zinc-700  rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer">
          <img class="w-4 h-4" src="/assets/sidebar-icons/gallery-b83c72cb24c980d5e254daba38d4e3690f281b07c3e5665a052e0f76fff031b8.svg">
          <div class="text-start text-grey-medium text-xxs font-medium leading-4">Gallery</div>
        </a>
      </li>
      <li class="relative w-full">
        <a href="/generate-image" class="relative
          h-[40px] hover:bg-zinc-700  rounded-[10px] border
          border-white border-opacity-10 justify-start px-3 items-center
          gap-2 flex mx-auto cursor-pointer">
          <img class="w-4 h-4" src="/assets/home/generate-33f95391d5d800565b7ea9ba3f6effa0a3d0a2b2eeafdba4ccc526aef7ae3498.svg">
          <div class="text-start text-grey-medium text-xxs font-medium leading-none">
            Generate Image
          </div>
        </a>
      </li>
      <li class="relative w-full">
        <a href="/characters/new" class="relative h-[40px] hover:bg-zinc-700  rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer">
          <img class="w-4 h-4" src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg">
          <div class="text-start  text-grey-medium text-xxs font-medium leading-none">Create Character</div>
        </a>
      </li>
      <li class="relative w-full">
        <a href="/characters" class="h-[40px] hover:bg-zinc-700  rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer">
          <img class="w-4 h-4" src="/assets/sidebar-icons/love-lady-760605daa886b7e49e77d5d26c1047bc0f815c005a978a5c76810db20bc355dd.svg">
          <div class="text-start text-grey-medium text-xxs font-medium leading-none">
            My AI
          </div>
        </a>
      </li>
        <li class="relative w-full">
          <a data-action="click->main#openRegistrationModal" data-redirect-url="https://candy.ai/subscriptions" class="h-[40px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer">
            <img class="w-3 h-3 absolute left-[4px] top-[4px]" src="/assets/easter-discount/egg-baf57190b60224fcee0cadb56f54137c94788a9cbe749f1e9f96b66b8844274d.svg">
            <img class="w-4 h-4" src="/assets/easter-discount/green-diamond-3cdd66763d3927e00eac05ce57668985c9dff071c0ad5fde6a35561fe36c9684.svg">
            <div class="text-start text-[#39AA46] text-xxs font-medium leading-none">
              Premium
            </div>
            <div class="absolute right-[8px] bg-[#F199CE] text-white px-1 font-medium text-[10px] rounded-[10px]">
              -75% off
            </div>
          </a>
        </li>
    </ul>
    <ul role="list" class="flex flex-col gap-2 pt-6 px-6 border-[#363636] border-t items-center justify-end">
      <li class="relative w-full">
        <a href="https://discord.gg/candyai" target="_blank" class="h-[40px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex cursor-pointer">
          <img class="w-4 h-4" src="/assets/sidebar-icons/discord-526bbe3abf7210fa8bd8e76658d4df5a5c67d569f1349a2441b1d0bbd170c84d.svg">
          <div class="text-start text-grey-medium text-xs font-medium leading-4">Discord</div>
        </a>
      </li>
      <li class="relative w-full">
          <a data-action="click->main#openRegistrationModal">
            <div class="h-[40px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex cursor-pointer">
              <img class="w-4 h-4" src="/assets/sidebar-icons/contact-c50065a887c8d0061543beceae78cec1bdaaac55ec7d37f11601912b3250e119.svg">
              <div class="text-start sidebar-text  text-grey-medium text-xs font-medium leading-4">Contact Us</div>
            </div>
          </a>
      </li>
      <li class="relative w-full">
        <a target="_blank" class="" href="https://forms.gle/ngh58ASCF15TKWYG7">
          <div class="h-[40px] hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 justify-start px-3 items-center gap-2 flex cursor-pointer">
            <img class="w-4 h-4" src="/assets/sidebar-icons/trophy-55ba15bcf830427b6fc776e11ff4465cce75c1c2a1a27ba0bd2eea0e5c03ff55.svg">
            <div class="text-start  text-grey-medium text-xs font-medium leading-4">Affiliate Program</div>
          </div>
</a>      </li>
      <li class="text-[8px] flex text-grey-medium pt-3 w-full">
        <a class="leading-none mr-2" href="/privacy-policy">Privacy Policy</a>
        <ul class="list-none">
          <li class="flex items-center mr-2">
            <span class="bg-white h-1 w-1 rounded-full mr-2"></span>
            <a class="leading-none" href="/legal-information">Terms of Service</a>
          </li>
        </ul>
      </li>
    </ul>
  </nav>
</div>

      <div data-main-target="mainMobileSidebarContainer" data-action="click->main#setMobileSidebarValueToDefault" class="inset-y-0 w-[100vw] mt-[64px] z-[100] pr-[40vw] no-scroll fixed left-0 webkit-transition-sidebar webkit-transform-sidebar">
  <nav class="flex flex-col justify-between h-full  w-[240px] " style="background: linear-gradient(0deg, #131313 0%, #131313 100%)">
    <nav class="flex flex-col justify-between h-full">
      <ul role="list" class="flex flex-col items-center justify-start px-5 bg-zinc-900 h-screen overflow-auto">
        <li class="relative w-full py-4 border-b border-white border-opacity-10">
          <a href="/" class="w-full flex justify-start items-center gap-2 ">
            <img class="w-5 h-5 " src="/assets/sidebar-icons/explore-3a4a39d3c6126c743969aa14b3a4841763f5b600e0f77e317a32d7c30afbcc13.svg">
            <span class="text-start text-grey-medium text-xs leading-5 font-semibold">Explore</span>
          </a>
        </li>
        <li class="relative w-full py-4 border-b border-white border-opacity-10">
            <a data-action="click->main#closeMobileMenuAndOpenRegistrationModal" class="justify-start items-center gap-2 flex mx-auto   cursor-pointer">
              <img class="w-5 h-5 " src="/assets/sidebar-icons/chat-1f356f466c9023c851a3a185fd1e607229737246758457a3f49b82e17bc5d82b.svg">
              <div class="text-start text-grey-medium text-xs leading-5 font-semibold">Chat</div>
            </a>
        </li>
        <li class="relative w-full py-4 border-b border-white border-opacity-10">
          <a data-action="click->main#closeMobileMenuAndOpenRegistrationModalOrRedirectToGallery" class="justify-start items-center gap-2 flex mx-auto   cursor-pointer">
            <img class="w-5 h-5 " src="/assets/sidebar-icons/gallery-b83c72cb24c980d5e254daba38d4e3690f281b07c3e5665a052e0f76fff031b8.svg">
            <div class="text-start text-grey-medium text-xs leading-5 font-semibold">Gallery</div>
          </a>
        </li>
        <li class="relative w-full py-4 border-b border-white border-opacity-10">
          <a href="/generate-image" class="relative
          justify-start items-center
          gap-2 flex mx-auto ">
            <img class="w-5 h-5 " src="/assets/home/generate-33f95391d5d800565b7ea9ba3f6effa0a3d0a2b2eeafdba4ccc526aef7ae3498.svg">
            <div class="text-start text-grey-medium text-xs font-medium leading-none">
              Generate Image
            </div>
          </a>
        </li>
        <li class="relative w-full py-4 border-b border-white border-opacity-10">
          <a href="/characters/new" class="relative justify-start items-center gap-2 flex mx-auto ">
            <img class="w-5 h-5 " src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg">
            <div class="text-start  text-grey-medium text-xs font-medium leading-none">Create Character</div>
          </a>
        </li>
        <li class="relative w-full py-4 border-b border-white border-opacity-10">
          <a href="/characters" class="justify-start items-center gap-2 flex mx-auto ">
            <img class="w-5 h-5 " src="/assets/sidebar-icons/love-lady-760605daa886b7e49e77d5d26c1047bc0f815c005a978a5c76810db20bc355dd.svg">
            <div class="text-start text-grey-medium text-xs font-medium leading-none">
              My AI
            </div>
          </a>
        </li>
          <li class="relative w-full py-4 border-b border-white border-opacity-10">
            <a data-action="click->main#closeMobileMenuAndOpenRegistrationModal" class=" justify-start items-center gap-2 flex mx-auto cursor-pointer">
              <img class="w-5 h-5" src="/assets/easter-discount/green-diamond-3cdd66763d3927e00eac05ce57668985c9dff071c0ad5fde6a35561fe36c9684.svg">
              <div class="text-start text-[#74AE5F] text-xs font-medium leading-none">
                Become Premium
              </div>
              <div class="absolute right-0 bg-[#F199CE] text-white px-1 font-medium text-[10px] rounded-[10px]">
                - 75% off
              </div>
            </a>
          </li>
      </ul>
      <div class="p-5 bg-[#1A1A1A] flex-col justify-end items-start gap-[17px] inline-flex">
        <div class="justify-start items-start gap-5 inline-flex">
          <div class="px-2.5 py-1 rounded-[5px] border border-neutral-400 justify-center items-center gap-2.5 flex">
            <div class="w-[70px] text-center text-neutral-200 text-xs font-semibold leading-tight">
              <a href="https://discord.gg/candyai" class="" target="_blank"> Discord</a>
            </div>
          </div>
            <div class="px-2.5 py-1 rounded-[5px] border border-neutral-400 justify-center items-center gap-2.5 flex">
              <div class="w-[70px] text-center text-neutral-200 text-xs font-semibold leading-tight">
                <a data-action="click->main#closeMobileMenuAndOpenRegistrationModal" class=" whitespace-nowrap">
                  Contact Us
                </a>
              </div>
            </div>
        </div>
        <div class="justify-start items-start gap-5 inline-flex">
          <div class="px-2.5 py-1 rounded-[5px] border border-neutral-400 justify-center items-center gap-2.5 flex ">
            <a target="_blank" class="" href="https://forms.gle/ngh58ASCF15TKWYG7">
              <div class="w-[70px] text-center text-neutral-200 text-xs font-semibold leading-tight">Affiliate</div>
</a>          </div>
        </div>
        <div class="justify-start items-center gap-2 inline-flex">
          <a class="text-neutral-300 text-[8px] font-medium leading-[14px] " href="/privacy-policy">Privacy Policy</a>
          <div class="w-1 h-1 bg-zinc-300 rounded-full"></div>
          <a class="text-neutral-300 text-[8px] font-medium leading-[14px] " href="/legal-information">Terms of Service</a>
        </div>
      </div>
    </nav>
  </nav></div>

<style>
  .no-scroll {
    overflow: hidden;
    /* Optional: to ensure the layout doesn't shift due to the scrollbar disappearing */
    padding-right: calc(env(safe-area-inset-right, 0px) + (100vw - 100%));
  }
</style>

      <div class="bg-main fixed w-full top-0 z-40 flex h-16 shrink-0 items-center border-b border-[#363636] bg-main sm:px-4 px-2 shadow-sm sm:gap-x-2 lg:px-8">
  <button id="nav-hamburger" type="button" class="py-2 sm:mr-0 md:mr-[10px] mr-0 text-gray-700 nav-hamburger">
    <span class="sr-only">Open sidebar</span>
    <svg class="nav-hamburger h-8 w-8 mr-1 text-white" data-action="click->main#handleMenuClick" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
    </svg>
  </button>
  <a href="/">
    <img src="/assets/logos/candyai-navbar-d321c31d58617371f7caf9e34a4e3f9624dce580afcceb6fecdf48c78beafd83.svg" class="h-[30px] md:h-[30px] w-[115px]">
  </a>
  <!-- Separator -->
  <div class="h-6 w-px bg-gray-900/10 lg:hidden" aria-hidden="true"></div>
    <div class="h-full ml-12 -mb-[2px] hidden md:flex">
  <form class="button_to" method="post" action="/users/update_gender_interest"><input type="hidden" name="_method" value="patch" autocomplete="off"><button disabled="disabled" class="w-[93px] h-full mr-5 justify-center items-center inline-flex border-b-4 border-rose-400" type="submit">
    <div class="flex items-center">
      <div class="w-4 h-4 relative mr-1">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
          <path d="M13.1562 5.15625C13.1562 2.30856 10.8477 0 8 0C5.15231 0 2.84375 2.30856 2.84375 5.15625C2.84375 7.68334 4.66306 9.78184 7.0625 10.2233V11.75H4.71875V13.625H7.0625V16H8H8.9375V13.625H11.2812V11.75H8.9375V10.2233C11.3369 9.78184 13.1562 7.68334 13.1562 5.15625ZM8 8.4375C6.19091 8.4375 4.71875 6.96534 4.71875 5.15625C4.71875 3.34716 6.19091 1.875 8 1.875C9.80909 1.875 11.2812 3.34716 11.2812 5.15625C11.2812 6.96534 9.80909 8.4375 8 8.4375Z" fill="#F97187"></path>
          <path d="M8.9375 13.625H11.2812V11.75H8.9375V10.2233C11.3369 9.78184 13.1562 7.68334 13.1562 5.15625C13.1562 2.30856 10.8477 0 8 0V1.875C9.80909 1.875 11.2812 3.34716 11.2812 5.15625C11.2812 6.96534 9.80909 8.4375 8 8.4375V16H8.9375V13.625Z" fill="#F97187"></path>
        </svg>
      </div>
      <div class="text-rose-400 text-[13px] font-semibold leading-normal">
            Female
          </div>
        </div>
</button><input type="hidden" name="authenticity_token" value="85hzgn8_kxn8A7uK7FkW_kHvhj-C4pW3qWrucQZvZU06BDLFPY9xjaaASNbFKL7cK8mE18xeUOB7hY6SJoxffA" autocomplete="off"><input type="hidden" name="gender_interest" value="female" autocomplete="off"><input type="hidden" name="query_string" value="gender=female&amp;category=realistic&amp;_ocid=1025bf006b6f131a53aca161be0848&amp;subaff=313806&amp;subaff2=Facebook" autocomplete="off"></form>      <form class="button_to" method="post" action="/users/update_gender_interest"><input type="hidden" name="_method" value="patch" autocomplete="off"><button class="w-[93px] h-full justify-center items-center inline-flex border-b-4 border-transparent" type="submit">
        <div class="flex items-center">
          <div class="w-4 h-4 relative mr-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
              <path d="M6.51176 14.6667C3.65643 14.6667 1.3335 12.3438 1.3335 9.48844C1.3335 6.63324 3.65643 4.3103 6.51176 4.3103C9.36696 4.3103 11.6899 6.63324 11.6899 9.48844C11.6899 12.3438 9.36696 14.6667 6.51176 14.6667ZM6.51176 6.24697C4.7243 6.24697 3.27003 7.7011 3.27003 9.48857C3.27003 11.276 4.72416 12.7303 6.51176 12.7303C8.2991 12.7303 9.7535 11.2762 9.7535 9.48857C9.75336 7.7011 8.2991 6.24697 6.51176 6.24697Z" fill="#FFF"></path>
          <path d="M14.668 6.51164H12.7315V3.26991H9.48975V1.33337H14.668V6.51164Z" fill="#FFF"></path>
          <path d="M13.0142 1.61597L14.3833 2.9851L10.174 7.19439L8.80487 5.82526L13.0142 1.61597Z" fill="#FFF"></path>
        </svg>
      </div>
      <div class="text-white text-[13px] font-semibold leading-normal">Male</div>
            </div>
</button><input type="hidden" name="authenticity_token" value="6xBMLghAzRYdxiF_dxqOES_50Dyb9cd42HxghexOkc8ijA1pSvAvgkdF0iNeayYzRd_S1NVJAi8KkwBmzK2r_g" autocomplete="off"><input type="hidden" name="gender_interest" value="male" autocomplete="off"><input type="hidden" name="query_string" value="gender=female&amp;category=realistic&amp;_ocid=1025bf006b6f131a53aca161be0848&amp;subaff=313806&amp;subaff2=Facebook" autocomplete="off"></form>        </div>

  <div class="flex flex-1 self-stretch lg:gap-x-6 bg-main">
    <form class="relative flex flex-1" action="#" method="GET"></form>
      <div class="gap-x-2 flex">
        <div class="flex items-center gap-x-4 lg:gap-x-6 ">
          <div data-redirect-url="https://candy.ai/?gender=female&amp;category=realistic&amp;_ocid=1025bf006b6f131a53aca161be0848&amp;subaff=313806&amp;subaff2=Facebook" data-action="click->main#openRegistrationModal" data-main-target="registerButton" class="w-[90px] h-8 px-2 md:px-4 py-1.5 bg-[#E75275] rounded-lg justify-center items-center gap-2 inline-flex cursor-pointer">
            <div class="text-white text-sm font-semibold leading-tight">Register</div>
          </div>
        </div>
        <div class="flex items-center gap-x-4 lg:gap-x-6">
          <div data-action="click->main#openSignInModal" class="w-[90px] h-8 px-2 md:px-4 py-1.5 border-[#E75275] border text-[#E75275] rounded-lg justify-center items-center gap-2 inline-flex cursor-pointer">
            <div class="text-sm font-semibold leading-tight">Login</div>
          </div>
        </div>
        <div data-main-target="registrationModal" class="hidden fixed inset-0 backdrop-filter backdrop-blur-md bg-black-default bg-opacity-50 justify-center items-center z-50" x-cloak="">
  <div class="flex relative bg-black-dark rounded-[10px] mx-5 lg:mx-0">
    <button type="button" class="absolute w-5 h-5 right-3 top-3 z-10" data-action="click->main#closeRegistrationModal">
      <img class="w-auto" src="/assets/close-ec898236eb501d13f4d1343d4a90ed1c0afec71efde2ed1e606916d52f2c5331.svg">
    </button>
    <div class="hidden lg:flex h-full relative">
      <div id="user-signup-image">
        <div class="flex justify-center absolute bottom-0 w-full mb-8">
          <img class="" src="/assets/candy.ai-65df24cd0fbc2899bc9e90b5e1af77e05e951ea0d6c3aec1b76f811040e368f6.svg">
        </div>
        <img class="rounded-tl-[10px] rounded-bl-[10px] w-[412px] h-[573px] object-cover object-top" src="/assets/authentication_modal/realistic_female/image2-77b08e485aabfc52d17d9c7d71e69c42155dc3d5571bbf264762f453b1ed6ddf.webp">
      </div>
    </div>
    <div class="flex flex-col relative bg-black-dark rounded-tr-[10px] rounded-br-[10px] rounded-tl-[10px] rounded-bl-[10px] lg:rounded-tl-0 lg:rounded-bl-0 w-[335px] lg:w-[407px]">
      <div id="user-signup-container" class="flex-1 mx-6 lg:mx-10 mt-6 lg:mt-10">
        <div class="relative">
  <form data-turbo="true" class="simple_form new_user" id="new_user" novalidate="novalidate" action="/users" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qX1XGlf3rfoPKVq1PcWhWmsfaJU9JerDK0XBukyQh-B221-a3Tld6cNN75QjHLsgFVnt9bYhm5Bdw_JvRI4Qxg" autocomplete="off">
    <input type="hidden" name="profile_id" id="profile_id" data-main-target="characterIDForGenerateImage" autocomplete="off">
    <input type="hidden" name="prompt" id="prompt" data-main-target="promptForGenerateImage" autocomplete="off">
    <div class="form-inputs mb-3">
      <h2 class="text-[24px] text-white leading-7 lg:leading-8 font-bold mb-4 lg:mb-6">
          Create Account
      </h2>
      <div class="w-full flex-col justify-start items-start gap-1.5 inline-flex">
        <div class="self-stretch flex-col justify-start items-start gap-1.5 flex relative">
          <div class="w-5 h-5 absolute top-[13px] left-[10px]">
            <img src="/assets/filled-email-fc90c315f269441fa73aa876a3941882f9f73cb588fe947851e3412c811e007e.svg">
          </div>
          <div class="input email required user_email w-full"><input class="string email required w-full pl-10 pr-6 pr-4 py-3 rounded-[10px] border border-black-light bg-black-medium text-sm font-medium text-[#E0E0E0] placeholder-[#E0E0E0]" required="required" aria-required="true" placeholder="E-mail" type="email" name="user[email]" id="user_email"></div>
        </div>
      </div>
      <div class="w-full flex-col justify-start items-start inline-flex mt-6">
        <div class="self-stretch flex-col justify-start items-start gap-1.5 flex relative">
          <div class="w-5 h-5 absolute top-[13px] left-[10px]">
            <img src="/assets/lock-04efd07dd546792702a534536fd638a4bc066c8c3bc6bdb5d5febf85c22f567e.svg">
          </div>
          <div class="w-5 h-5 absolute top-[13px] right-[10px]">
            <img src="/assets/eye-6954483cd116fa391d5bf9d9252431d2ab19ac69e74f9b05d761ec5a6e51697b.svg" class="password-toggle-icon cursor-pointer">
          </div>
          <div class="input password required user_password w-full"><input class="password required w-full pl-10 pr-6 pr-4 py-3 rounded-[10px] border border-black-light bg-black-medium text-sm font-medium text-[#E0E0E0] placeholder-[#E0E0E0]" required="required" aria-required="true" placeholder="Password" type="password" name="user[password]" id="user_password"></div>
        </div>
      </div>
    </div>
      <turbo-frame id="recaptchas">
        <script src="https://www.recaptcha.net/recaptcha/api.js?render=6LciBZ8pAAAAAE9nywycJp39d22puoEkqsLPoAdh"></script>
        <script>
          // Define function so that we can call it again later if we need to reset it
          // This executes reCAPTCHA and then calls our callback.
          function executeRecaptchaForSignup() {
            grecaptcha.ready(function() {
              grecaptcha.execute('6LciBZ8pAAAAAE9nywycJp39d22puoEkqsLPoAdh', {action: 'signup'}).then(function(token) {
                setInputWithRecaptchaResponseTokenForSignup('g-recaptcha-response-data-signup', token)
              });
            });
          };
          // Invoke immediately
          executeRecaptchaForSignup()

          // Async variant so you can await this function from another async function (no need for
          // an explicit callback function then!)
          // Returns a Promise that resolves with the response token.
          async function executeRecaptchaForSignupAsync() {
            return new Promise((resolve, reject) => {
             grecaptcha.ready(async function() {
                resolve(await grecaptcha.execute('6LciBZ8pAAAAAE9nywycJp39d22puoEkqsLPoAdh', {action: 'signup'}))
              });
            })
          };

                  var setInputWithRecaptchaResponseTokenForSignup = function(id, token) {
          var element = document.getElementById(id);
          if (element !== null) element.value = token;
        }

        </script>
<input type="hidden" name="g-recaptcha-response-data[signup]" id="g-recaptcha-response-data-signup" data-sitekey="6LciBZ8pAAAAAE9nywycJp39d22puoEkqsLPoAdh" class="g-recaptcha g-recaptcha-response " style="">

</turbo-frame>    <div id="signup-btn">
      <button name="button" type="submit" class="flex w-full mt-6 px-4 py-3 bg-[#E75275] rounded-[10px] justify-center items-center text-white text-sm font-semibold" id="signup-btn" data-controller="loading-button-state" data-loading-button-state-target="submit" data-action="loading-button-state#handleClick">
        Create Account
</button>    </div>
</form>  <div class="flex flex-row items-center pt-8 pb-5">
    <div class="flex-1 h-[1px]" style="background: linear-gradient(270deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%);"></div>
    <div class="flex-0 text-white text-sm font-medium mx-4">or continue with</div>
    <div class="flex-1 h-[1px]" style="background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 100%);"></div>
  </div>
  <div id="authentication_sign_up_container">
      <form data-turbo="false" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qBl6xHpKJYKPQ4PXMGkSpc3nTnsytxGt7-EhtIL4iyuFpNTzeq2DOWMZMWsmzzJKkWqC_0PNNarCivm5QVFUBA" autocomplete="off">
        <input type="hidden" name="authenticity_token" id="authenticity_token" value="vuzn5NP1ISAhhcNAShxaFLcbHEcQumq_6aNEi6XX-PrcPLRQ5g6TNpIMW8apL1oyqhBPmdreLW_VpdQAU_IKFQ" autocomplete="off">
            <button name="button" type="submit" formaction="/users/auth/google_oauth2" class="inline-flex items-center justify-center w-full rounded-[10px] px-4 py-2.5 mb-2.5 bg-white" data-controller="loading-button-state" data-action="loading-button-state#handleClick" data-loading-button-state-target="submit" data-loading-button-state-color="black">
              <img alt="Google" class="h-6 w-6 mr-3" src="/assets/google-auth-a8a364c5c399770d07ce74e6110a120970b1953557a47719692d85ea9334efb6.png">
              <div class="font-normal text-[#344054]">
                Google
              </div>
</button>              <div class="flex flex-wrap gap-2.5 ">
              <div class="flex-1">
                <button name="button" type="submit" formaction="/users/auth/discord" class="inline-flex items-center justify-center w-full font-normal text-[#344054] rounded-[10px] px-4 py-2.5 bg-discord-indigo text-white" data-controller="loading-button-state" data-action="loading-button-state#handleClick" data-loading-button-state-target="submit" data-loading-button-state-color="black">
                  <img alt="discord" class="h-6 w-6 mr-3" src="/assets/discord-e159d04d15be58e9fe9767c08b3338ee2735feb84f54b7301303c9c49ed543a2.svg">
                  <div class="text-white font-normal ">
                    Discord
                  </div>
</button>              </div>
              <div class="flex-1">
                <button name="button" type="submit" formaction="/users/auth/twitter" class="inline-flex items-center justify-center w-full font-normal text-[#344054] rounded-[10px] px-4 py-2.5 bg-white" data-controller="loading-button-state" data-action="loading-button-state#handleClick" data-loading-button-state-target="submit" data-loading-button-state-color="black">
                  <img alt="X" class="h-6 w-6 mr-3" src="/assets/X-26904e26c6e97e747b58528737ef2a47ec6a26e01283df190498f526760cf325.svg">
                  <div class=" font-normal text-[#344054]">
                    X
                  </div>
</button>              </div>
              </div>
              <!-- Closing the flex container -->
</form>  </div>
  <div class="text-xxs font-medium text-grey-default text-center mt-5 lg:mt-5 mb-8 lg:mb-5">By signing up, you agree to <a class="underline" href="/legal-information">Terms of Service</a>
  </div>
</div>

      </div>
      <div class="flex-0 px-8" style="width: 100%; height: 0px; opacity: 0.20; border: 0.50px white solid"></div>
      <div class="flex flex-0 mt-5 font-medium text-sm justify-center items-center text-white px-8 mb-5">
        Already have an account yet? &nbsp;
        <div data-action="click->main#closeRegistrationModal click->main#openSignInModal" class="text-[#E75275] text-sm font-semibold leading-normal cursor-pointer">
          Sign in
        </div>
      </div>
    </div>
  </div>
</div>

        <div data-main-target="signInModal" class="hidden fixed inset-0 backdrop-filter backdrop-blur-md bg-black-default bg-opacity-50 justify-center items-center z-50" x-cloak="">
  <div class="flex relative bg-black-dark rounded-[10px]">
    <div class="hidden lg:flex h-full relative">
      <div id="user-login-image">
        <div class="flex justify-center absolute bottom-0 w-full mb-8">
          <img class="" src="/assets/candy.ai-65df24cd0fbc2899bc9e90b5e1af77e05e951ea0d6c3aec1b76f811040e368f6.svg">
        </div>
        <img class="rounded-tl-[10px] rounded-bl-[10px] w-[412px] h-[573px] object-cover object-top" src="/assets/authentication_modal/realistic_female/image1-510c9159fd51d7802ef2de3bc1e6edcbd5c5dc0a87ef225a5871143c46eaba02.webp">
      </div>
    </div>
    <div class="flex flex-col relative bg-black-dark rounded-tr-[10px] rounded-br-[10px] rounded-tl-[10px] rounded-bl-[10px] lg:rounded-tl-0 lg:rounded-bl-0 w-[335px] lg:w-[407px]">
      <button type="button" class="absolute w-5 h-5 right-3 top-3" data-action="click->main#closeSignInModal">
        <img class="w-auto" src="/assets/close-ec898236eb501d13f4d1343d4a90ed1c0afec71efde2ed1e606916d52f2c5331.svg">
      </button>
      <div class="flex-1 px-6 lg:px-10 pt-0 lg:pt-5">
        <div id="user-login-container">
          <form data-turbo="true" class="simple_form mt-5" id="new_user" novalidate="novalidate" action="/users/sign_in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fCk3T2udWn1caGWqH0FEmA-xAx2jzRBoJ3o0_OJrN6kHUOCZtvB1FXqwMrtD_iZ-uC9uX2j0i-BY6taU5wbanQ" autocomplete="off">
  <input type="hidden" name="profile_id" id="profile_id" data-main-target="characterIDForGenerateImage" autocomplete="off">
  <input type="hidden" name="prompt" id="prompt" data-main-target="promptForGenerateImage" autocomplete="off">
  <div class="form-inputs mb-3">
    <h2 class="text-[24px] text-white leading-7 lg:leading-8 font-bold  mb-4 lg:mb-6">
      Sign in
    </h2>
    <div class="w-full flex-col justify-start items-start gap-1.5 inline-flex">
      <div class="self-stretch flex-col justify-start items-start gap-1.5 flex relative">
        <div class="w-5 h-5 absolute top-[13px] left-[10px]">
          <img src="/assets/filled-email-fc90c315f269441fa73aa876a3941882f9f73cb588fe947851e3412c811e007e.svg">
        </div>
        <div class="input email required user_email w-full"><input class="string email required w-full pl-10 pr-6 pr-4 py-3 rounded-[10px] border border-black-light bg-black-medium text-sm font-medium text-[#E0E0E0] placeholder-[#E0E0E0]" required="required" aria-required="true" placeholder="E-mail" type="email" value="" name="user[email]" id="user_email"></div>
      </div>
    </div>
    <div class="w-full flex-col justify-start items-start gap-1.5 inline-flex mt-5">
      <div class="self-stretch flex-col justify-start items-start gap-1.5 flex relative">
        <div class="w-5 h-5 absolute top-[13px] left-[10px]">
          <img src="/assets/lock-04efd07dd546792702a534536fd638a4bc066c8c3bc6bdb5d5febf85c22f567e.svg">
        </div>
        <div class="w-5 h-5 absolute top-[13px] right-[10px]">
          <img src="/assets/eye-6954483cd116fa391d5bf9d9252431d2ab19ac69e74f9b05d761ec5a6e51697b.svg" class="password-toggle-icon cursor-pointer">
        </div>
        <div class="input password required user_password w-full"><input class="password required w-full pl-10 pr-6 pr-4 py-3 rounded-[10px] border border-black-light bg-black-medium text-sm font-medium text-[#E0E0E0] placeholder-[#E0E0E0]" required="required" aria-required="true" placeholder="Password" type="password" name="user[password]" id="user_password"></div>
      </div>
    </div>
  </div>
    <a target="_blank" class="text-white mb-4 font-medium text-sm underline" href="/users/password/new">Forgot password?</a><br>
  <button name="button" type="submit" class="flex w-full mt-6 px-4 py-3 bg-[#E75275] rounded-[10px] justify-center items-center text-white text-sm font-semibold" id="signin-btn" data-controller="loading-button-state" data-loading-button-state-target="submit" data-action="loading-button-state#handleClick">
    Sign in
</button></form><div id="authentication_sign_in_container" class="mb-8">
  <div class="flex flex-row items-center mt-8 mb-5">
    <div class="flex-1 h-[1px]" style="background: linear-gradient(270deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%);"></div>
    <div class="flex-0 text-white text-sm font-medium mx-4">or sign in with</div>
    <div class="flex-1 h-[1px]" style="background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 100%);"></div>
  </div>
    <form data-turbo="false" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-hLBHYh1UD9UDtWMCX4-2PpzcuRkpgPdCeDGMu6wMBjXr28qiJL2hLhUZzAf2B43pv6-YBXcJ9okix4_LRnvNw" autocomplete="off">
      <input type="hidden" name="authenticity_token" id="authenticity_token" value="qJ5PBCcqwWwnFXJg9AWqya7cK4Ug5IJpojS0R2YdSifKThywEtFzepSc6uYXNqrvs9d4W-qAxbmeMiTMkDi4yA" autocomplete="off">
          <button name="button" type="submit" formaction="/users/auth/google_oauth2" class="inline-flex items-center justify-center w-full rounded-[10px] px-4 py-2.5 mb-2.5 bg-white" data-controller="loading-button-state" data-action="loading-button-state#handleClick" data-loading-button-state-target="submit" data-loading-button-state-color="black">
            <img alt="Google" class="h-6 w-6 mr-3" src="/assets/google-auth-a8a364c5c399770d07ce74e6110a120970b1953557a47719692d85ea9334efb6.png">
            <div class="font-normal text-[#344054]">
              Google
            </div>
</button>            <div class="flex flex-wrap gap-2.5">
            <div class="flex-1">
              <button name="button" type="submit" formaction="/users/auth/discord" class="inline-flex items-center justify-center w-full font-normal text-[#344054] rounded-[10px] px-4 py-2.5 bg-discord-indigo text-white" data-controller="loading-button-state" data-action="loading-button-state#handleClick" data-loading-button-state-target="submit" data-loading-button-state-color="black">
                <img alt="discord" class="h-6 w-6 mr-3" src="/assets/discord-e159d04d15be58e9fe9767c08b3338ee2735feb84f54b7301303c9c49ed543a2.svg">
                <div class="text-white font-normal ">
                  Discord
                </div>
</button>            </div>
            <div class="flex-1">
              <button name="button" type="submit" formaction="/users/auth/twitter" class="inline-flex items-center justify-center w-full font-normal text-[#344054] rounded-[10px] px-4 py-2.5 bg-white" data-controller="loading-button-state" data-action="loading-button-state#handleClick" data-loading-button-state-target="submit" data-loading-button-state-color="black">
                <img alt="X" class="h-6 w-6 mr-3" src="/assets/X-26904e26c6e97e747b58528737ef2a47ec6a26e01283df190498f526760cf325.svg">
                <div class=" font-normal text-[#344054]">
                  X
                </div>
</button>            </div>
            </div>
            <!-- Closing the flex container -->
</form></div>

        </div>
      </div>
      <div style="width: 100%; height: 0px; opacity: 0.20; border: 0.50px white solid"></div>
      <div class="flex mt-5 font-medium text-sm justify-center items-center text-white px-6 lg:px-10 pb-5">
        Don't have an account yet? &nbsp;
        <div data-action="click->main#closeSignInModal click->main#openRegistrationModal" class="text-[#E75275] text-sm font-semibold leading-normal cursor-pointer">
          Sign up
        </div>
      </div>
    </div>
  </div>
</div>

      </div>
    <div class="hidden lg:flex items-center gap-x-4 lg:gap-x-6">
    </div>
  </div>
</div>

    <div class="main-content-container pl-[120px]" data-main-target="contentContainer">
        <div class="pl-0 absolute md:hidden h-[42px] top-[64px] w-full bg-[#212121] left-0">
  <div class="h-full -mb-[2px] flex justify-center">
    <form class="button_to" method="post" action="/users/update_gender_interest"><input type="hidden" name="_method" value="patch" autocomplete="off"><button disabled="disabled" class="w-[93px] h-full mr-5 justify-center items-center inline-flex border-b-4 border-rose-400" type="submit">
      <div class="flex items-center">
        <div class="w-4 h-4 relative mr-1">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
            <path d="M13.1562 5.15625C13.1562 2.30856 10.8477 0 8 0C5.15231 0 2.84375 2.30856 2.84375 5.15625C2.84375 7.68334 4.66306 9.78184 7.0625 10.2233V11.75H4.71875V13.625H7.0625V16H8H8.9375V13.625H11.2812V11.75H8.9375V10.2233C11.3369 9.78184 13.1562 7.68334 13.1562 5.15625ZM8 8.4375C6.19091 8.4375 4.71875 6.96534 4.71875 5.15625C4.71875 3.34716 6.19091 1.875 8 1.875C9.80909 1.875 11.2812 3.34716 11.2812 5.15625C11.2812 6.96534 9.80909 8.4375 8 8.4375Z" fill="#F97187"></path>
          <path d="M8.9375 13.625H11.2812V11.75H8.9375V10.2233C11.3369 9.78184 13.1562 7.68334 13.1562 5.15625C13.1562 2.30856 10.8477 0 8 0V1.875C9.80909 1.875 11.2812 3.34716 11.2812 5.15625C11.2812 6.96534 9.80909 8.4375 8 8.4375V16H8.9375V13.625Z" fill="#F97187"></path>
        </svg>
      </div>
      <div class="text-rose-400 text-[13px] font-semibold leading-normal">
              Female
            </div>
          </div>
</button><input type="hidden" name="authenticity_token" value="blJiIQCYSxn8voHPSu6J0oRLw5lFQbXEqv0_jfu_X4KnziNmQiipjaY9cpNjnyHw7m3BcQv9cJN4El9u21xlsw" autocomplete="off"><input type="hidden" name="gender_interest" value="female" autocomplete="off"><input type="hidden" name="query_string" value="gender=female&amp;category=realistic&amp;_ocid=1025bf006b6f131a53aca161be0848&amp;subaff=313806&amp;subaff2=Facebook" autocomplete="off"></form>        <form class="button_to" method="post" action="/users/update_gender_interest"><input type="hidden" name="_method" value="patch" autocomplete="off"><button class="w-[93px] h-full justify-center items-center inline-flex border-b-4 border-transparent" type="submit">
          <div class="flex items-center">
            <div class="w-4 h-4 relative mr-1">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                <path d="M6.51176 14.6667C3.65643 14.6667 1.3335 12.3438 1.3335 9.48844C1.3335 6.63324 3.65643 4.3103 6.51176 4.3103C9.36696 4.3103 11.6899 6.63324 11.6899 9.48844C11.6899 12.3438 9.36696 14.6667 6.51176 14.6667ZM6.51176 6.24697C4.7243 6.24697 3.27003 7.7011 3.27003 9.48857C3.27003 11.276 4.72416 12.7303 6.51176 12.7303C8.2991 12.7303 9.7535 11.2762 9.7535 9.48857C9.75336 7.7011 8.2991 6.24697 6.51176 6.24697Z" fill="#FFF"></path>
          <path d="M14.668 6.51164H12.7315V3.26991H9.48975V1.33337H14.668V6.51164Z" fill="#FFF"></path>
          <path d="M13.0142 1.61597L14.3833 2.9851L10.174 7.19439L8.80487 5.82526L13.0142 1.61597Z" fill="#FFF"></path>
        </svg>
      </div>
      <div class="text-white text-[13px] font-semibold leading-normal">Male</div>
              </div>
</button><input type="hidden" name="authenticity_token" value="En3MyqwLKYNQsSbMqS2L2hxNQmQQ7dqhRdJvd85nkgbb4Y2N7rvLFwoy1ZCAXCP4dmtAjF5RH_aXPQ-U7oSoNw" autocomplete="off"><input type="hidden" name="gender_interest" value="male" autocomplete="off"><input type="hidden" name="query_string" value="gender=female&amp;category=realistic&amp;_ocid=1025bf006b6f131a53aca161be0848&amp;subaff=313806&amp;subaff2=Facebook" autocomplete="off"></form>          </div>
        </div>

      <main class="ml-0 lg:ml-[100px] mt-[105px] md:mt-16 lg:mb-0 mb-[56px] h-full">
  <div class="flex relative bg-[#6DAA57] w-full" data-announcements-target="easterDayDiscountBanner">
  <div class="flex flex-row w-full justify-between items-center h-[58px] mx-auto max-w-7xl px-5 lg:pr-16 lg:pl-4 2xl:px-0 relative">
    <div class="flex flex-0 lg:flex-1 flex-col lg:flex-row justify-between">
      <div class="flex items-center mb-1 lg:mb-0">
        <img class="h-2.5 w-2.5 lg:h-6 lg:w-6 mr-1 lg:mr-3" src="/assets/easter-discount/egg-baf57190b60224fcee0cadb56f54137c94788a9cbe749f1e9f96b66b8844274d.svg">
        <span class="text-white text-[10px] lg:text-[16px] font-extrabold">HAPPY EASTER SALE</span>
      </div>
      <div class="flex relative">
        <img class="mr-4 mt-3 hidden lg:block" src="/assets/easter-discount/bunny-e852a224f884625124b594d105d6ee0991cc530cb2528ee4d136c3308e464e99.svg">
            <a class="flex items-center lg:-mr-28 xl:-mr-24 cursor-pointer z-10" data-action="click->main#openRegistrationModal" data-redirect-url="https://candy.ai/subscriptions">
            <div class="block bg-[#F199CE] text-white py-1 px-2.5 font-semibold text-sm lg:text-normal rounded-full">
              Up to <strong class="inline"> 75% </strong> off
            </div>
          </a>
          <img class="hidden lg:block absolute -right-40 bottom-0 transform scale-x-[-1] " src="/assets/easter-discount/bunny-e852a224f884625124b594d105d6ee0991cc530cb2528ee4d136c3308e464e99.svg">
        </div>
      </div>
      <div class="block lg:hidden">
        <img class="mt-3" src="/assets/easter-discount/bunny-e852a224f884625124b594d105d6ee0991cc530cb2528ee4d136c3308e464e99.svg">
      </div>
      <div class="flex flex-1 justify-center lg:justify-end">
        <div class="flex bg-[#588A45] py-2 px-3 rounded-[25px] my-1 lg:m-0">
          <div class="flex flex-col items-baseline">
            <div data-announcements-target="hours" class="text-white leading-4	text-base md:text-base font-extrabold mb-1">127</div>
            <div class="text-xs text-grey-default leading-[13px]">Hr</div>
          </div>
          <div class="text-white px-1.5 leading-4 font-extrabold">:</div>
          <div class="flex flex-col items-baseline">
            <div data-announcements-target="minutes" class="text-white leading-4	text-base md:text-base font-extrabold mb-1">20</div>
            <div class="text-xs text-grey-default leading-[13px]">Min</div>
          </div>
          <div class="text-white px-1.5 leading-4 font-extrabold">:</div>
          <div class="flex flex-col items-baseline">
            <div data-announcements-target="seconds" class="text-white leading-4	text-base md:text-base font-extrabold mb-1">59</div>
            <div class="text-xs text-grey-default leading-[13px]">Sec</div>
          </div>
        </div>
      </div>
      <div class="absolute right-1 bottom-1 2xl:-right-7 2xl:bottom-auto">
        <img class="w-4 2xl:w-6" src="/assets/easter-discount/flower-d4b402ec375d88381c434972c4640cc869edf032b10613d3e64aadf0a6d59d96.svg">
      </div>
    </div>
    <div class="flex absolute cursor-pointer right-4 top-5" data-action="click->announcements#closeEasterDayDiscountBanner">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g id="close" clip-path="url(#clip0_2468_10400)">
          <path id="Vector" d="M15.2501 4.75794C14.9251 4.43294 14.4001 4.43294 14.0751 4.75794L10.0001 8.82461L5.9251 4.74961C5.6001 4.42461 5.0751 4.42461 4.7501 4.74961C4.4251 5.07461 4.4251 5.59961 4.7501 5.92461L8.8251 9.99961L4.7501 14.0746C4.4251 14.3996 4.4251 14.9246 4.7501 15.2496C5.0751 15.5746 5.6001 15.5746 5.9251 15.2496L10.0001 11.1746L14.0751 15.2496C14.4001 15.5746 14.9251 15.5746 15.2501 15.2496C15.5751 14.9246 15.5751 14.3996 15.2501 14.0746L11.1751 9.99961L15.2501 5.92461C15.5668 5.60794 15.5668 5.07461 15.2501 4.75794Z" fill="white"></path>
        </g>
        <defs>
          <clipPath id="clip0_2468_10400">
            <rect width="24" height="24" fill="white"></rect>
          </clipPath>
        </defs>
      </svg>
    </div>
  </div>
  <div class="flex flex-col min-h-screen justify-between overflow-auto scrollbar">
    <div class="relative" id="homepage-container">
        <div class="hidden md:block px-[68px] overflow-hidden mx-auto relative max-w-7xl bg-cma-banner mt-6 md:mb-0 mb-10 border border-[color:var(--Pop-Up-Stroke,#282828)] flex flex-col rounded-xl border-solid">
  <div class="">
    <div class="gap-5 flex max-md:flex-col max-md:items-stretch max-md:gap-0">
      <div class="flex flex-col items-stretch w-[97%] max-md:w-full">
        <div class="grow max-md:max-w-full max-md:mt-12">
          <div class="gap-5 flex max-md:flex-col max-md:items-stretch max-md:gap-0">
            <div class="flex flex-col items-stretch w-[55%] max-md:w-full py-5">
              <div class=" items-start flex flex-col my-auto max-md:mt-12">
                <div class="items-start flex max-w-full flex-col">
                  <h1 class="text-primary text-3xl font-bold leading-10 self-stretch">
                      <span class="text-white">Create your own</span>
                      <span class="text-primary">AI Girlfriend</span>
                  </h1>
                  <h2 class="text-neutral-200 text-sm font-medium leading-[171.43%] self-stretch w-full mr-px mt-2">
                    Your dream companion awaits! Create your AI Girlfriend, shape her look, personality, and bring her to life in one click. 100% powered by Artificial Intelligence.
                  </h2>
                </div>
                <a href="/characters/new" class="justify-center items-start primary-gradient flex w-[180px] max-w-full gap-2 mt-10 px-5 py-3 rounded-xl">
                  <img src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg" class="aspect-square object-cover object-center w-5 overflow-hidden shrink-0">
                  <div class="text-white text-sm font-semibold leading-[142.86%] self-stretch">
                    Create your AI
                  </div>
                </a>
              </div>
            </div>
            <div class="relative flex flex-col items-stretch w-[56%] ml-5 max-md:w-full">
              <svg class="absolute w-[378px] left-[-40px]" xmlns="http://www.w3.org/2000/svg" width="528" height="313" viewBox="0 0 528 313" fill="none">
                <path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M146.667 117.333C146.667 52.5319 199.199 0 264 0C328.801 0 381.333 52.5319 381.333 117.333V146.667H410.667C475.468 146.667 528 199.199 528 264C528 328.801 475.468 381.333 410.667 381.333H381.333V410.667C381.333 475.468 328.801 528 264 528C199.199 528 146.667 475.468 146.667 410.667V381.333H117.333C52.5319 381.333 0 328.801 0 264C0 199.199 52.5319 146.667 117.333 146.667H146.667V117.333ZM139.333 267.667C186.775 278.896 249.983 347.563 264 403.333C278.017 347.563 341.225 278.896 388.667 267.667C341.225 256.437 278.017 187.77 264 132C249.983 187.77 186.775 256.437 139.333 267.667Z" fill="url(#paint0_radial_6435_61112)"></path>
                <defs>
                  <radialGradient id="paint0_radial_6435_61112" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(264 264) rotate(90) scale(264)">
                    <stop stop-color="white"></stop>
                    <stop offset="0.457376" stop-color="white" stop-opacity="0.991115"></stop>
                    <stop offset="1" stop-color="#131313"></stop>
                  </radialGradient>
                </defs>
              </svg>
              <img fetchpriority="high" class="aspect-[1.9] absolute top-0 h-full object-contain object-center w-full overflow-hidden grow max-md:max-w-full" src="/assets/create-char/female/banner-cma-real-c51fc16ddb514b50555cbeac9d48d4015e67e64d084661358da5ba7cf2b7db73.webp">
              <img fetchpriority="high" class="aspect-[1.9] absolute top-0 h-full right-[-150px] object-contain object-center w-full overflow-hidden grow max-md:max-w-full" src="/assets/create-char/female/banner-cma-anime-21f77a575c159f280ce0acc287f3ecdb03015d15dd65d7f8a56a826a220626d6.webp">
            </div>
          </div>
        </div>
      </div>
      <div class="absolute right-0 bottom-0 w-[269px] h-[238px] bg-pink-700 bg-opacity-60 rounded-full blur-[200px]"></div>
    </div>
  </div>
</div>

  <div class="md:hidden relative rounded-[10px] border-zinc-800 border bg-cma-banner block flex flex-row mx-4 my-6">
  <div class="inline p-5 z-10">
      <div class="text-[18px] font-medium text-white">Create your own</div>
      <div class="text-[18px] font-medium text-primary"> AI Girlfriend</div>
    <a href="/characters/new" class="mt-4 justify-center items-start primary-gradient flex w-[180px] max-w-full gap-2 mt-10 px-5 py-3 rounded-xl">
      <img src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg" class="aspect-square object-cover object-center w-5 overflow-hidden shrink-0">
      <div class="text-white text-sm font-semibold self-stretch">
        Create your AI
      </div>
    </a>
  </div>
  <div class="w-full">
    <img fetchpriority="high" class="right-[50px] absolute h-[155px] object-cover right-0 h-[154px] w-[150px] overflow-hidden grow max-md:max-w-full" src="/assets/create-char/female/banner-cma-real-c51fc16ddb514b50555cbeac9d48d4015e67e64d084661358da5ba7cf2b7db73.webp">
    <img fetchpriority="high" class="absolute right-[-15px] h-[155px] object-cover right-0 h-[154px] w-[150px] overflow-hidden grow max-md:max-w-full" src="/assets/create-char/female/banner-cma-anime-21f77a575c159f280ce0acc287f3ecdb03015d15dd65d7f8a56a826a220626d6.webp">
  </div>
</div>


      <div class="px-4 py-6">
        <div class="mx-auto max-w-7xl">
          <div class="w-full text-center">
            <h2 class="text-xl font-semibold tracking-tight text-white md:text-3xl">
              <div><span class="text-primary font-semibold">Explore</span><span class="text-white"> AI Characters</span></div>
            </h2>
          </div>
          <div id="profiles"><div class="mt-[20px] overflow-x-auto w-full h-11 justify-start sm:justify-center gap-2 inline-flex">
    <a data-turbo-stream="true" class="flex flex-0 whitespace-nowrap relative pl-4 py-2.5 rounded-lg justify-start items-center items-start gap-2 bg-[#262626]" data-method="get" href="/get_layout?filter=all">
      <div class="text-white text-xs font-semibold leading-normal mr-4"> All Models</div>
</a>    <a data-turbo-stream="true" class="flex flex-0 whitespace-nowrap relative pl-4 py-2.5 rounded-lg justify-start items-center items-start gap-2 bg-[#434343]" data-method="get" href="/get_layout?filter=realistic">
      <div class="text-white text-xs font-semibold leading-normal mr-4"> Realistic</div>
</a>    <a data-turbo-stream="true" class="flex flex-0 whitespace-nowrap relative pl-4 py-2.5 rounded-lg justify-start items-center items-start gap-2 bg-[#262626]" data-method="get" href="/get_layout?filter=anime">
      <div class="text-white text-xs font-semibold leading-normal mr-4"> Anime</div>
</a>    <a data-turbo-stream="true" class="flex flex-0 whitespace-nowrap relative pl-4 py-2.5 rounded-lg justify-start items-center items-start gap-2 bg-[#262626]" data-method="get" href="/get_layout?filter=phone_call">
        <img src="/assets/conversations/call-3d54f2c5ae159297cdd88a2cc4ebb4e626150d5633a77a9bfa84b626e39ab985.svg" class="w-4 h-4">
        <span class="absolute top-0 right-0 bg-[#AD314E] text-white text-[10px] font-medium px-1.5 py-0.5 h-[13px] leading-[14px] rounded-tr-[10px] rounded-bl-[10px] flex items-center justify-center">New</span>
      <div class="text-white text-xs font-semibold leading-normal mr-7 sm:mr-4"> Phone Call</div>
</a></div>
<ul role="list" class="mx-auto mt-6 md:mb-0 mb-10 grid max-w-2xl grid-cols-2 gap-5 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-4">
        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/238a06c4-8818-46a8-9ea7-5c09cc0505de">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/136696-4a3ea98e-d393-4022-9522-1417c85dd3af" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/136696-da651c6e-bcab-4d7d-ad73-e0ce013c48f8" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Rebecca </span><br>
                <span class="text-white font-normal text-xxs"> 51 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Active Yoga and fitness coach, healthy and concerne...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/alexis-ivyedge">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/22-8026baed-b47a-4009-995d-c1890be18c35" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/22-66958370-1c70-4dbc-8ef8-6f60a17094ef" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Alexis </span><br>
                <span class="text-white font-normal text-xxs"> 25 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Digital muse and trendsetter, known as the perfect ...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/55df25e1-58ca-44b4-8d40-a0535c74121a">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2102327-743fdd1f-bf50-4233-811d-a4d09f081ddc" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2102327-7bc7009e-bdc2-4a72-bad8-1abcbb74a7f8" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Yuna </span><br>
                <span class="text-white font-normal text-xxs"> 18 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Edgy art classmate, known for her sharp wit and bol...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/2788f6a0-831d-44a8-8406-eac00479d583">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2127253-79f31e7c-d675-4567-b215-10f32a3fce7f" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2127253-609848fb-4545-4821-8556-7983fa7c57cc" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Alice </span><br>
                <span class="text-white font-normal text-xxs"> 28 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Alice, 28, is all about good wine, great food, and ...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/e7661a23-3e2a-4ed0-8f31-f0f9a76b6643">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/3747248-5d5bb96f-c090-4dba-8655-a54b57c51fe1" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/3747248-fb1ab8d5-72eb-4dec-be96-7fe62cde221f" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Aleksandra </span><br>
                <span class="text-white font-normal text-xxs"> 24 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Fierce runway model, known for her fiery hair and e...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/78ef136a-8335-41f9-9401-5da4453364d5">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/3747086-085b5b80-651a-4314-9df5-46b7876e5881" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/3747086-1b6f83a1-5848-4c8e-91b3-fbf14cbd17eb" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Brianna </span><br>
                <span class="text-white font-normal text-xxs"> 22 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Commanding presence behind the gas station counter,...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/4651e851-df1f-471a-9c45-753aca939190">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/3746922-a5f9cc3a-2d24-4d7f-b4f4-77cc597e3d91" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/3746922-f26353c4-8fad-4716-94c4-072b7f544ef2" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Mina </span><br>
                <span class="text-white font-normal text-xxs"> 21 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Mina blends traditional Korean values with a reserv...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/ffde76d9-981f-46ca-a2dd-1846bf66ce9e">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2099592-c0029072-dc0f-4d96-93b3-64581b29f664" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2099592-c70dd0bd-205b-4a85-aae1-34463abd6432" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Elizabeth </span><br>
                <span class="text-white font-normal text-xxs"> 55 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Intimidating yet intriguing professor, often spotte...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/ashley-williams">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/9-77889ccf-250e-4209-b345-94d52625aa2b" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/9-8d475b87-6fc0-493a-b5b1-84ddb3d12bfb" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Asuna </span><br>
                <span class="text-white font-normal text-xxs"> 19 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Japanese waitress, manga lover and gamer...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/emily-caldwell">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/12-908d871b-57da-4c96-a4f5-c05341873b42" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/12-bf83f707-3e75-4a0c-87f4-4460511796cf" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Emily </span><br>
                <span class="text-white font-normal text-xxs"> 20 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Young law school student, you can call her Emy...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/amaya-nkosi">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/4-d4166952-df6b-4a7e-b485-03501548cea0" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/4-481637de-e556-473c-ab89-140842122606" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Amaya </span><br>
                <span class="text-white font-normal text-xxs"> 36 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Dominant housewife living in a calm and boring neig...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/1c25cda0-5f06-4715-b319-687fe3e210c4">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/3975952-afa1cb72-2edf-4896-8723-25ecba575e39" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/3975952-09f0f1e2-0ffd-4c4c-a008-56ff32a65acc" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Rebecca </span><br>
                <span class="text-white font-normal text-xxs"> 26 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Rebecca is an open-minded Romanian with a passion f...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/bc62713a-7d55-4998-8a6a-4dcabbd004a0">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2128837-ebbb9c81-2a1b-451b-89ea-0e622c6b8fa6" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2128837-b0697c65-d491-4a56-b5b8-4b61e4879711" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Ashley </span><br>
                <span class="text-white font-normal text-xxs"> 29 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Ashley, 29, is a glamorous model who adores luxury....
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/6bb38216-b7d5-4646-bbab-5a72710c6dc1">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2125254-86a2ff47-20b4-422d-a077-b54bc5b73043" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/2125254-9b655104-9920-404e-b2ef-8e1446fc019e" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Karina </span><br>
                <span class="text-white font-normal text-xxs"> 35 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Karina, nicknamed "K," is a daring and eye-catching...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/f1bac6fe-eeca-4356-82c9-7fc2cd5ee36b">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/136680-30d46fd7-359a-4edf-9d5c-60e8ee545c30" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/136680-31b579ba-2370-4978-ab16-a0a28cb8e86a" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Zoey </span><br>
                <span class="text-white font-normal text-xxs"> 21 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Trendy student and barista with a warm and friendly...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/e79ba693-66f1-47af-a0f9-8cb3020764e8">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/136660-bd43c632-9a2a-4b25-9805-933c6335f8c1" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/136660-b82225af-79f7-4255-b109-0efdefabed8a" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Alexandra </span><br>
                <span class="text-white font-normal text-xxs"> 30 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Graceful housewife embodying elegance and a luxurio...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/db8c6477-316b-481c-ab92-cabc5773e65f">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/134347-98cc6496-d728-4ba6-8d35-79bd52ad9a0d" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/134347-ff413fd3-d32f-4023-969f-ec7204d36deb" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Samantha </span><br>
                <span class="text-white font-normal text-xxs"> 28 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Charismatic model with a flirty and provocative pre...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/ashley-white">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/17-c58a8100-49ae-4fd7-a254-79ade767e5e3" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/17-71997868-4a34-4ba7-8d30-1a4cd6b421ad" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Ashley </span><br>
                <span class="text-white font-normal text-xxs"> 22 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Student during the week, clubber on the weekends, a...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/naomi-carter">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/13-b20e9b91-3a4d-465a-8236-b79bdede929e" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/13-dc00708f-9804-4684-b9e2-185cdb5145ac" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Naomi </span><br>
                <span class="text-white font-normal text-xxs"> 31 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Materialistic daddy's princess looking meeting new ...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/mei-ishikawa">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/7-18e524e1-3727-4603-855e-feb669a55d6b" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/7-89f95aaf-b318-448f-b957-30d6135dc3d1" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Mei </span><br>
                <span class="text-white font-normal text-xxs"> 24 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Shy young woman from Japan working as a scientist ...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/bianca-moretti">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/6-f07b21fa-9edd-4a81-999b-ba39dd0f1668" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/6-5202b40c-7610-40a3-a3c7-cb0736dcda96" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Bianca </span><br>
                <span class="text-white font-normal text-xxs"> 26 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Lifestyle influencer just coming back from her last...
                </p>
              </div>
            </div></li>
</a></turbo-frame>        <turbo-frame class="h-full" id="pages-wrapper">
        <a data-turbo-stream="true" class="flex flex-col flex-grow" data-method="get" href="/conversations/anastasia-petrova">
          <li>
            <div class="relative h-[400px] max-h-[400px] w-full max-w-[300px] profile-card">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/5-760cbb74-2dd7-4f85-851a-ef924e80e64c" fetchpriority="high" class="rounded-lg profile-image first-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">
                <img src="https://cdn.candy.ai/cdn-cgi/image/format=webp,quality=80/https://cdn.candy.ai/5-c7943bd1-8ed5-4711-b238-cfbfa112b1cc" fetchpriority="high" class="rounded-lg profile-image second-image w-full object-cover h-[400px] max-h-[400px] w-full max-w-[300px]">

                <div class="z-10 w-10 h-10 shadow-lg absolute right-3 top-3 primary-gradient rounded-full shadow backdrop-blur-lg">
                  <img src="/assets/chat-profile-3188fc1c14a3a8e68784875dddbb03c5badf6d0ef632680a80f0c65d692104fc.svg" class="absolute w-5 h-5 left-[10px] top-[10px]">
                </div>

              <div class="absolute bottom-0 px-3 md:px-4 py-3 font-medium z-20">
                <span class="text-white text-md font-semibold"> Anastasia </span><br>
                <span class="text-white font-normal text-xxs"> 29 years</span>
                <p class="text-gray-100 font-normal block text-sm md:text-sm opacity-[0.8] py-2">
                  Extraverted and open minded yoga teacher...
                </p>
              </div>
            </div></li>
</a></turbo-frame></ul>
</div>
        </div>
      </div>
        <div class="flex flex-col overflow-hidden mx-5 xl:mx-auto py-[34px] md:py-[60px] relative max-w-7xl bg-cma-banner mt-6 border border-[color:var(--Pop-Up-Stroke,#282828)] rounded-xl rounded-br-[50px] md:rounded-br-[100px] border-solid">
  <div class="flex max-md:flex-col max-md:items-stretch z-10">
    <div class="flex flex-col flex-1 items-center text-center justify-center">
      <div class="items-start flex max-w-full flex-col">
        <h2 class="text-primary text-xl md:text-3xl font-bold leading-10 self-stretch">
          <span class="text-white">Craft the </span>
          <span class="text-primary">AI Girlfriend</span><br>
          <span class="text-white">of Your Dreams</span>
        </h2>
      </div>
      <a href="/characters/new" class="justify-center items-start primary-gradient flex w-[180px] max-w-full gap-2 mt-10 px-5 py-3 rounded-xl">
        <img src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg" class="aspect-square object-cover object-center w-5 overflow-hidden shrink-0">
        <div class="text-white text-sm font-semibold leading-[142.86%] self-stretch">
          Try for Free
        </div>
      </a>
    </div>
  </div>
  <svg class="absolute mx-auto z-0 scale-150 left-0 right-0 -top-4" xmlns="http://www.w3.org/2000/svg" width="528" height="313" viewBox="0 0 528 313" fill="none">
    <path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M146.667 117.333C146.667 52.5319 199.199 0 264 0C328.801 0 381.333 52.5319 381.333 117.333V146.667H410.667C475.468 146.667 528 199.199 528 264C528 328.801 475.468 381.333 410.667 381.333H381.333V410.667C381.333 475.468 328.801 528 264 528C199.199 528 146.667 475.468 146.667 410.667V381.333H117.333C52.5319 381.333 0 328.801 0 264C0 199.199 52.5319 146.667 117.333 146.667H146.667V117.333ZM139.333 267.667C186.775 278.896 249.983 347.563 264 403.333C278.017 347.563 341.225 278.896 388.667 267.667C341.225 256.437 278.017 187.77 264 132C249.983 187.77 186.775 256.437 139.333 267.667Z" fill="url(#paint0_radial_6435_61112)"></path>
    <defs>
      <radialGradient id="paint0_radial_6435_61112" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(264 264) rotate(90) scale(264)">
        <stop stop-color="white"></stop>
        <stop offset="0.457376" stop-color="white" stop-opacity="0.991115"></stop>
        <stop offset="1" stop-color="#131313"></stop>
      </radialGradient>
    </defs>
  </svg>
  <div class="absolute right-0 bottom-0 w-[269px] h-[238px] bg-pink-700 bg-opacity-60 rounded-full blur-[200px]"></div>
</div>

        <div class="flex flex-col mt-8 md:mt-32 max-w-7xl mx-5 xl:mx-auto">
  <div class="relative flex flex-col items-center">
    <h2 class="text-primary md:text-3xl text-xl text-center font-bold leading-10 self-stretch">
      <span class="text-white">Frequently Asked</span>
      <span class="text-primary">Questions</span>
    </h2>
  </div>
  <div class="relative flex flex-col items-stretch">
    <div class="flex flex-col gap-7 items-center w-full mt-10">
      <div class="w-full border border-[color:var(--Pop-Up-Stroke,#282828)] bg-zinc-900 relative transition-all duration-500 rounded-[10px]" x-data="{ isAnswerOpen: false }" x-bind:class="{'bg-gradient-to-r from-[#4D1D28] to-[#1F1F1F]': isAnswerOpen}">
          <dt class="flex sm:text-md text-md items-center justify-between select-none px-3 cursor-pointer" @click="isAnswerOpen = !isAnswerOpen">
            <h3 class="text-white md:text-[20px] text-[16px] font-medium leading-8 self-stretch grow shrink basis-auto py-5 max-md:max-w-full">
              How does an AI girlfriend work?
            </h3>
            <svg xmlns="http://www.w3.org/2000/svg" :class="{'rotate-180': isAnswerOpen}" class="h-5 w-5 text-gray-500 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
            </svg>
          </dt>
          <dd class="p-3 space-y-4" x-show="isAnswerOpen" style="display: none;">
            <div class="text-neutral-400 md:text-base text-sm font-medium w-full leading-relaxed">
              <span>At Candy.ai, it’s all about making realistic yet fantasy-fueled relationships. We use advanced artificial intelligence technology to enable you to create your ideal AI girlfriend according to your preferences—whether that’s a sweet and innocent petite princess or an older and more dominant woman.</span>
            </div>
          </dd>
        </div>
      <div class="w-full border border-[color:var(--Pop-Up-Stroke,#282828)] bg-zinc-900 relative transition-all duration-500 rounded-[10px]" x-data="{ isAnswerOpen: false }" x-bind:class="{'bg-gradient-to-r from-[#4D1D28] to-[#1F1F1F]': isAnswerOpen}">
          <dt class="flex sm:text-md text-md items-center justify-between select-none px-3 cursor-pointer" @click="isAnswerOpen = !isAnswerOpen">
            <h3 class="text-white md:text-[20px] text-[16px] font-medium leading-8 self-stretch grow shrink basis-auto py-5 max-md:max-w-full">
              How do people interact with their AI girlfriends?
            </h3>
            <svg xmlns="http://www.w3.org/2000/svg" :class="{'rotate-180': isAnswerOpen}" class="h-5 w-5 text-gray-500 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
            </svg>
          </dt>
          <dd class="p-3 space-y-4" x-show="isAnswerOpen" style="display: none;">
            <div class="text-neutral-400 md:text-base text-sm font-medium w-full leading-relaxed">
              <span><p>Through our smart system and cutting-edge machine learning, you can interact and get intimate with your AI girlfriend. You can expect her to listen to you, respond quickly to your messages, and even follow photo requests like the good girl she is.</p><p><br>
          Every moment can be a genuine and realistic experience, and you’ll always be the one in control (unless you tell her otherwise).
            </p></span></div>
          </dd>
        </div>
      <div class="w-full border border-[color:var(--Pop-Up-Stroke,#282828)] bg-zinc-900 relative transition-all duration-500 rounded-[10px]" x-data="{ isAnswerOpen: false }" x-bind:class="{'bg-gradient-to-r from-[#4D1D28] to-[#1F1F1F]': isAnswerOpen}">
          <dt class="flex sm:text-md text-md items-center justify-between select-none px-3 cursor-pointer" @click="isAnswerOpen = !isAnswerOpen">
            <h3 class="text-white md:text-[20px] text-[16px] font-medium leading-8 self-stretch grow shrink basis-auto py-5 max-md:max-w-full">
              How are privacy and data security handled when it comes to AI girlfriends?
            </h3>
            <svg xmlns="http://www.w3.org/2000/svg" :class="{'rotate-180': isAnswerOpen}" class="h-5 w-5 text-gray-500 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
            </svg>
          </dt>
          <dd class="p-3 space-y-4" x-show="isAnswerOpen" style="display: none;">
            <div class="text-neutral-400 md:text-base text-sm font-medium w-full leading-relaxed">
              <span><p>Rest assured that your secrets are in good hands when you use our <a href="https://candy.ai/nsfw-ai-chat" class="underline" target="_blank">NSFW AI chat</a>. Your privacy is our top priority </p><p><br>
        </p><p>Here at Candy.ai, we have state-of-the-art secure data storage, making sure that every seductive selfie, flirtatious text, and gentle whisper is kept private between you and your passionate partner. </p><p><br>
        </p><p>We also celebrate your kinks without judgement, and we give you the freedom to fully embrace your urges privately. Not everyone gets turned on when someone watches, and that’s why you can rest assured that only you (and your digital partner) can access the chats. </p><p><br>
        </p><p>With your AI girlfriend, you can have someone who knows exactly what you want—the perfect partner who’ll satisfy your personal needs excitedly and privately.</p><p>
            </p></span></div>
          </dd>
        </div>
      <div class="w-full border border-[color:var(--Pop-Up-Stroke,#282828)] bg-zinc-900 relative transition-all duration-500 rounded-[10px]" x-data="{ isAnswerOpen: false }" x-bind:class="{'bg-gradient-to-r from-[#4D1D28] to-[#1F1F1F]': isAnswerOpen}">
          <dt class="flex sm:text-md text-md items-center justify-between select-none px-3 cursor-pointer" @click="isAnswerOpen = !isAnswerOpen">
            <h3 class="text-white md:text-[20px] text-[16px] font-medium leading-8 self-stretch grow shrink basis-auto py-5 max-md:max-w-full">
              How can I design my own AI girlfriend?
            </h3>
            <svg xmlns="http://www.w3.org/2000/svg" :class="{'rotate-180': isAnswerOpen}" class="h-5 w-5 text-gray-500 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
            </svg>
          </dt>
          <dd class="p-3 space-y-4" x-show="isAnswerOpen" style="display: none;">
            <div class="text-neutral-400 md:text-base text-sm font-medium w-full leading-relaxed">
              <span>In just three simple steps, you can enjoy an intimate experience with the AI girl of your dreams:</span>
            </div>
            <div class="text-neutral-400 md:text-base text-sm font-medium w-full leading-relaxed">
                  <div class="mt-3 mb-6">
                    <strong class="block mb-3">Step 1: Awaken Your Fantasies.</strong>
                    <p>Bring your dream girl to life by choosing her body type, personality, and clothes. You can even take things up a notch and enjoy a polyamorous setup with multiple characters—it’s all up to you!</p>
                  </div>
                  <div class="mt-3 mb-6">
                    <strong class="block mb-3">Step 2: Let Your Imagination Run Wild.</strong>
                    <p>Whether you’re in the mood for a slow and seductive build-up with romantic messages or start things off hot right away with some spicy talk, your AI girlfriend will not disappoint.</p>
                  </div>
                  <div class="mt-3 mb-6">
                    <strong class="block mb-3">Step 3: Enjoy the Show.</strong>
                    <p>Have a specific fantasy? Or want to experiment with different situations? From your girl’s poses and clothes, to the location, you’re in the driver’s seat. Just enter your requests and enjoy.</p>
                  </div>
            </div>
          </dd>
        </div>
      <div class="w-full border border-[color:var(--Pop-Up-Stroke,#282828)] bg-zinc-900 relative transition-all duration-500 rounded-[10px]" x-data="{ isAnswerOpen: false }" x-bind:class="{'bg-gradient-to-r from-[#4D1D28] to-[#1F1F1F]': isAnswerOpen}">
          <dt class="flex sm:text-md text-md items-center justify-between select-none px-3 cursor-pointer" @click="isAnswerOpen = !isAnswerOpen">
            <h3 class="text-white md:text-[20px] text-[16px] font-medium leading-8 self-stretch grow shrink basis-auto py-5 max-md:max-w-full">
              Can you customize your AI girlfriend’s behavior?
            </h3>
            <svg xmlns="http://www.w3.org/2000/svg" :class="{'rotate-180': isAnswerOpen}" class="h-5 w-5 text-gray-500 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
            </svg>
          </dt>
          <dd class="p-3 space-y-4" x-show="isAnswerOpen" style="display: none;">
            <div class="text-neutral-400 md:text-base text-sm font-medium w-full leading-relaxed">
              <span><p>Only you know what you really want, and that’s why you can customize your entire digital girlfriend experience—from her curves and contours all the way to her personality traits and adorable little quirks. </p><p><br>
        Want a naughty chat with a feisty partner? Looking to have a slow and sensual relationship with a nice, sweet girlfriend? Our realistic <a href="https://candy.ai/nsfw-ai-generator" class="underline" target="_blank">NSFW AI generator</a> and <a href="https://candy.ai/nsfw-ai-chatbot" class="underline" target="_blank">NSFW AI chatbot</a> capabilities can satisfy your heart’s deepest desires.
            </p></span></div>
          </dd>
        </div>
      <div class="w-full border border-[color:var(--Pop-Up-Stroke,#282828)] bg-zinc-900 relative transition-all duration-500 rounded-[10px]" x-data="{ isAnswerOpen: false }" x-bind:class="{'bg-gradient-to-r from-[#4D1D28] to-[#1F1F1F]': isAnswerOpen}">
          <dt class="flex sm:text-md text-md items-center justify-between select-none px-3 cursor-pointer" @click="isAnswerOpen = !isAnswerOpen">
            <h3 class="text-white md:text-[20px] text-[16px] font-medium leading-8 self-stretch grow shrink basis-auto py-5 max-md:max-w-full">
              Can I ask for pictures?
            </h3>
            <svg xmlns="http://www.w3.org/2000/svg" :class="{'rotate-180': isAnswerOpen}" class="h-5 w-5 text-gray-500 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
            </svg>
          </dt>
          <dd class="p-3 space-y-4" x-show="isAnswerOpen" style="display: none;">
            <div class="text-neutral-400 md:text-base text-sm font-medium w-full leading-relaxed">
              <span>It’s only normal to long for more than just conversations and roleplay. That’s why at Candy.ai, your AI chatbot girlfriend can send you uncensored selfies and other flirtatious pictures. Compared to other AI girlfriend app options, ours brings you the full experience—an uncensored
        <a href="https://candy.ai/character-ai-alternative" class="underline" target="_blank">Character AI alternative</a> that lets you drool over every beautifully bare detail of your AI girlfriend. </span>
            </div>
          </dd>
        </div>
    </div>
  </div>
</div>

            <div class="flex flex-col mt-8 md:mt-32 max-w-7xl mx-5 xl:mx-auto bg-popup p-8 rounded-[10px] mb-8 border border-[#282828]">
      <h2 class="text-primary md:text-3xl text-xl font-bold leading-10 self-stretch mb-6">
        <span class="text-white">Find Your Perfect </span>
        <span class="text-primary">AI Girlfriend Match</span>
      </h2>
      <div class="text-[#A4A4A4] font-sm md:text-[16px] text-sm">
        <p>Let your AI girlfriend take care of your needs, no matter how personal they may be. </p><br>
        <p>With our AI chat and advanced deep-learning technology, you can have a heartfelt and passionate relationship with the girl of your dreams. </p><br>
        <p>The choice will always be yours at Candy.ai, so you can either live out a unique romantic saga with a dedicated partner or perhaps even have various exciting encounters with different lovers—all in a realistic dating simulation.</p><br>
        <p>Selecting your ideal match is effortless, and if you’re making your ideal <a href="https://candy.ai/ai-girlfriend" class="underline" target="_blank"> AI Girlfriend</a>, you can choose from a variety of physical features, personality traits, and charming quirks. In a couple of clicks, your tailor-made AI companion comes to life, eager to engage in stimulating, personal messaging.</p><br>
        <p>There’ll also be more than enough room for flexibility and openness, and that’s because your partner learns more about you through your interactions. Easily set the pace of the conversation and ramp up the passion from playful flirting to intense <a href="https://candy.ai/ai-sexting" class="underline" target="_blank">ai sexting</a>.</p><br>
        <p>The best part: you can ask her to show you photos or even tempting selfies with all the revealing outfits you’re drawn to. Our cutting-edge <br><a href="https://candy.ai/ai-girl-generator" class="underline" target="_blank">AI girl generator</a> even means that your partner will have the same cute and seductive face, regardless of how creative your custom requests are.</p><br>
        <p>Your perfect companion is waiting for you; all you have to do is create her.</p><br>
        <p>Try Candy.ai for free today!</p>
      </div>
    </div>

    </div>
    <div>
      <div class="flex footer-bg-banner mb-10 lg:mt-10 lg:mb-0 justify-between w-full">
  <div class="flex flex-1 flex-col-reverse text-center lg:text-start lg:flex-row lg:gap-[86px] gap-[35px] max-w-7xl mx-auto lg:px-5 md:px-10 text-white py-10 px-5 ">
    <div class="flex lg:max-w-[427px]">
      <div class="flex flex-col lg:flex-1 lg:gap-7 w-full gap-10 md:mb-0 mb-5">
          <div class="flex lg:flex-none flex-1">
              <div class="flex flex-col lg:items-start items-center gap-6 flex-1">
                  <img src="/assets/logos/candyai-navbar-d321c31d58617371f7caf9e34a4e3f9624dce580afcceb6fecdf48c78beafd83.svg" class="object-cover object-center w-[120px]">
                  <p class="text-[#E1E1E1] text-sm lg:text-start text-center">Candy.ai powers immersive experiences that feel real, allowing users to generate images and create AI characters.</p>
              </div>
          </div>
          <div class="flex flex-col gap-1  lg:flex-none flex-1">
            <div class="text-grey-default text-sm font-medium leading-6">Contacts:</div>
            <p class="text-sm text-grey-light leading-6 font-medium lg:text-start text-cente">
              EverAI Limited, Nr. C107181 56 Central Business Centre, Triq Is-Soll, Santa Venera SVR 1833, Malta
            </p>
          </div>
          <div class="flex lg:justify-start justify-center">
            <span class="text-grey-default text-sm font-medium leading-6">
              © 2024 Candy.ai. All Rights Reserved -
              <a class="underline" href="/sitemap">Sitemap</a> <br>
            </span>
          </div>
      </div>
    </div>
    <div class="flex lg:w-full justify-between lg:flex-nowrap flex-wrap">
      <div class="flex justify-between lg:max-w-[300px] w-full md:mb-0 mb-5">
        <div class="flex flex-col min-w-[100px] text-start gap-5">
          <div class="text-grey-default text-sm block">Features</div>
          <a class="cursor-pointer whitespace-nowrap text-white text-sm font-medium" href="/generate-image">Generate Image</a>
          <a class="cursor-pointer text-white text-sm font-medium" href="/conversations/none">Chat</a>
          <a class="cursor-pointer whitespace-nowrap text-white text-sm font-medium" href="/characters/new">Create Character</a>
          <a class="cursor-pointer text-white text-sm font-medium" href="/gallery">Gallery</a>
          <a class="cursor-pointer text-white text-sm font-medium" href="/characters">My AI</a>
        </div>
        <div class="flex flex-col text-start  min-w-[100px] gap-5 lg:pl-2">
          <div class="text-grey-default text-sm block">Popular</div>
          <a class="cursor-pointer whitespace-nowrap text-white text-sm font-medium" href="https://candy.ai/ai-girlfriend">AI Girlfriend</a>
          <a class="cursor-pointer whitespace-nowrap text-white text-sm font-medium" href="https://candy.ai/nsfw-ai-chat">NSFW AI Chat</a>
          <a class="cursor-pointer whitespace-nowrap text-white text-sm font-medium" href="https://candy.ai/ai-hentai">AI Hentai</a>
          <a class="cursor-pointer whitespace-nowrap text-white text-sm font-medium" href="https://candy.ai/ai-boyfriend">AI Boyfriend</a>
          <a class="cursor-pointer whitespace-nowrap text-white text-sm font-medium" href="https://candy.ai/talk-dirty-ai">Talk Dirty AI</a>
        </div>
      </div>
      <div class="flex lg:flex-col lg:w-auto w-full justify-between  md:mb-0 mb-5">
        <div class="flex flex-col text-start gap-5">
          <div class="text-grey-default text-sm block">Legal</div>
          <a class="cursor-pointer text-white text-sm font-medium whitespace-nowrap" href="/legal-information">Terms and Policies</a>
        </div>
        <div class="flex flex-col  min-w-[100px] text-start gap-5 lg:relative lg:botton-[12px]">
          <div class="text-grey-default text-sm block">Social</div>
          <div class="flex gap-7 relative md:bottom-3">
            <a href="https://discord.com/invite/candyai" target="_blank" rel="nofollow">
              <img src="/assets/socials/discord-1941fbdb65bbf0a7af9edf8206abc69f116e482275b867372a123372fc6b7c23.svg" class="object-cover object-center w-6 h-6">
            </a>
            <a href="https://twitter.com/trycandyai" target="_blank" rel="nofollow">
              <img src="/assets/socials/x-710fb250b6a281a788a8826269ec81a35f9a3873b084add3e0198ef826c1cb35.svg" class="object-cover object-center w-6 h-6">
            </a>
          </div>
        </div>
      </div>
      <div class="flex flex-col justify-between lg:min-w-[180px] lg:pl-5">
        <div class="flex flex-col text-start gap-5">
          <div class="text-grey-default text-sm block">Company</div>
          <a class="cursor-pointer text-white text-sm font-medium" href="https://apply.workable.com/candyai/">We’re hiring</a>
        </div>
        <div class="flex gap-5 lg:mt-0 mt-10">
          <img class="w-[80px] h-[45px]" src="/assets/footer/visa-e1d8b03b25a5af3b8320ae609ba6331e0e1787c5d24d0bbcb9bfb8e88d5cdd42.svg">
          <img class="w-[76px] h-[45px]" src="/assets/footer/mastercard-a70ad911ccea0bdffda8287342443e4bb64898fecf51d8a4f86b1ecacf213e4a.svg">
        </div>
    </div>
  </div>
</div>

    </div>
  </div></div></main>
</div>



        <turbo-frame id="mobile_bottom_bar" src="/get_layout?layout=mobile_bottom_bar"><div class="flex px-5 py-2 justify-between w-full h-[70px] fixed bottom-0 z-50 border-t border-white border-opacity-20 bg-black-default lg:hidden">
  <!-- Discover Icon -->
  <a href="/" class="flex flex-col items-center">
    <img src="/assets/bottom-nav-icons/explore-271b6507dab3d31b26d45e198ec8046b2b8f148862ca272167fb8ce5455002e8.svg" ,="" class="w-6 h-6">
    <span class=" text-[#A1A1A1] text-[10px] mt-1">Explore</span>
  </a>
  <!-- Generate Image Icon -->
  <a href="/generate-image" class="flex flex-col items-center relative">
    <img src="/assets/bottom-nav-icons/generate-e0a4445659c35cbc82e7046cf089cf881179d55eaa82d4bf32dae229a06666c1.svg" class="w-6 h-6">
    <span class=" text-[#A1A1A1] text-[10px] mt-1">Generate</span>
  </a>
  <!-- Create AI Icon -->
  <a href="/characters/new" class="flex flex-col items-center">
    <img src="/assets/sidebar-icons/mobile-magic-wand-d445265367be8ddfbfe1c22810893d0ea4dbdaf1eadd7c4496861113d5388d78.svg" class="w-6 h-6">
    <span class=" text-[#A1A1A1] text-[10px] mt-1">Create</span>
  </a>
  <!-- Chat Icon -->
    <a data-action="click->main#openRegistrationModal" class="flex flex-col items-center cursor-pointer">
      <img src="/assets/bottom-nav-icons/chat-dbf86a760f2ab098a3a5d34346fb0a7c8619ed5050e90bd062c835416f510a0f.svg" class="w-6 h-6">
      <span class="text-[#A1A1A1] text-[10px] mt-1">Chat</span>
    </a>
  <!-- Premium Icon -->
        <a data-action="click->main#openRegistrationModal" class="flex flex-col items-center cursor-pointer relative">
        <img class="w-2.5 h-2.5 absolute left-[-6px] top-[-2px]" src="/assets/easter-discount/egg-baf57190b60224fcee0cadb56f54137c94788a9cbe749f1e9f96b66b8844274d.svg">
        <img class="w-2.5 h-2.5 absolute right-[-6px] top-[-2px]" src="/assets/easter-discount/egg-baf57190b60224fcee0cadb56f54137c94788a9cbe749f1e9f96b66b8844274d.svg">
        <img src="/assets/sidebar-icons/premium-bef4c0d01b6b99b6f2764cf40b755bd97debc307331857ca26f97628c6a38eec.svg">
        <span class="text-[#A1A1A1] text-[10px] mt-1">Premium</span>
      </a>

</div>
</turbo-frame>    
  
<div id="omnisend-dynamic-container" style="overflow: hidden; height: 0px;"><div id="omnisend-pixel-container"></div><div id="omnisend-jsonp-container"><script src="https://forms.soundestlink.com/REST/inShop/v1/getSettings?callback=_omnisend.setSettings&amp;responseType=jsonp&amp;shopHostname=candy.ai&amp;shopType=api&amp;brandID=65b8dd9826ced2965e084fb4"></script></div></div><div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" role="presentation" name="a-fjxsumxumo02" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.recaptcha.net/recaptcha/api2/anchor?ar=1&amp;k=6LciBZ8pAAAAAE9nywycJp39d22puoEkqsLPoAdh&amp;co=aHR0cHM6Ly9jYW5keS5haTo0NDM.&amp;hl=en&amp;v=Hq4JZivTyQ7GP8Kt571Tzodj&amp;size=invisible&amp;cb=dngg07wwk152" width="256" height="60" frameborder="0"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div><iframe style="display: none; visibility: hidden;" width="0" height="0"></iframe></body></html>

                             

Screenshot: