<!DOCTYPE html>
<html lang="en" class="h-full ">
<head>
  <title>Candy AI</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="robots" content="noindex">
  <meta name="turbo-prefetch" content="false">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  <link rel="icon" type="image/x-icon" href="/assets/heart-favicon-dfb3489831f049a7b4e9134ef0ba232fe96f396e0c8978264981ee635569a9ea.ico" />
  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="MxOjiMnkkUlqVUIDd9MyRGKzKmuCMjPEsOD68E05Eab1nUbtE5fXautwQmsqGfagrQ-D_7WrVnjqktT2WfOP8A" />
  
     <link rel="canonical" href="https://landing.candynetwork.ai/lp1">
    <link
      rel="alternate"
      href="https://landing.candynetwork.ai/lp1"
      hreflang="en"
    >
    <link
      rel="alternate"
      href="https://landing.candynetwork.ai/fr/lp1"
      hreflang="fr"
    >
    <link
      rel="alternate"
      href="https://landing.candynetwork.ai/de/lp1"
      hreflang="de"
    >
    <link
      rel="alternate"
      href="https://landing.candynetwork.ai/es/lp1"
      hreflang="es"
    >
    <link
      rel="alternate"
      href="https://landing.candynetwork.ai/it/lp1"
      hreflang="it"
    >
    <link
      rel="alternate"
      href="https://landing.candynetwork.ai/ja/lp1"
      hreflang="ja"
    >
    <link
      rel="alternate"
      href="https://landing.candynetwork.ai/pt-BR/lp1"
      hreflang="pt-BR"
    >
    <link
      rel="alternate"
      href="https://landing.candynetwork.ai/nl/lp1"
      hreflang="nl"
    >
  <link
    rel="alternate"
    href="https://landing.candynetwork.ai/lp1"
    hreflang="x-default"
  >

  <link rel="stylesheet" href="/assets/candynetwork_application-caca9cf2025b775e4312fec81e189fc88097b890a5c30794aac7a1c31bb18a13.css" data-turbo-track="reload" />
    <script src="https://cdn.24metrics.com/lib/index.js" defer="defer"></script>
  <script src="/assets/candynetwork_application-daa5be90239d8f64d5b3c34f5668014911b4d5c0089c1b9c8e3ea838de269d7e.js" data-turbo-track="reload" defer="defer"></script>
  <meta name="action-cable-url" content="wss://anycable-go-candy.candy-production.gcp.candy.tech/cable" />
  <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 () {
    // Check if Mixpanel API token is available
    var mixpanelToken = "a524618d7794c70f8d028f5b045ca8ec";
    if (!mixpanelToken || mixpanelToken === "") {
      console.warn("[Mixpanel] MIXPANEL_API_TOKEN is not set. Mixpanel will not initialize.");
      return;
    }

    if (!window.mixpanel.__loaded) {
    // Base configuration for all sites
      var config = {
        debug: false,
        persistence: 'localStorage',
        ignore_dnt: true,
      };


      // Initialize Mixpanel (stub pattern handles async loading automatically)
      try {
        mixpanel.init(mixpanelToken, config);
      } catch (e) {
        console.error("[Mixpanel] Initialization error:", e);
      }
    }

    function trackPageviewOnce(retryCount) {
      retryCount = retryCount || 0;
      var maxRetries = 30; // Maximum 30 retries (3 seconds total at 100ms intervals)
      var currentUrl = window.location.href;

      // Only track if URL has changed or this is the first load
      if (window.mixpanelLastTrackedUrl !== currentUrl) {
        if (window.mixpanel && typeof window.mixpanel.track_pageview === 'function') {
          mixpanel.track_pageview();
          window.mixpanelLastTrackedUrl = currentUrl;
        } else if (retryCount < maxRetries) {
          // If Mixpanel isn't ready yet, retry after a short delay
          setTimeout(function() {
            trackPageviewOnce(retryCount + 1);
          }, 100);
        } else {
          // Max retries reached - Mixpanel may be blocked or failed to load
          console.warn("Mixpanel pageview tracking failed: Maximum retry attempts reached");
        }
      }
    }


    // Register default properties on every turbo:load to ensure fresh data
    // (user may log in/out)
    // Always register properties, including for guests (user_type: "guest")
    const defaultProps = {"user_type":"guest"};
    // Wait for mixpanel to be ready, then register defaults
    const registerDefaults = function(retryCount) {
      retryCount = retryCount || 0;
      const maxRetries = 50; // 5 seconds max wait time (50 * 100ms)

      if (typeof mixpanel !== "undefined" && mixpanel.register) {
        mixpanel.register(defaultProps);
        // Store for fallback use
        window.mixpanelDefaultProperties = defaultProps;
      } else if (retryCount < maxRetries) {
        // Retry after a short delay if mixpanel isn't ready yet
        setTimeout(function() { registerDefaults(retryCount + 1); }, 100);
      } else {
        // Fallback: Store in window even if mixpanel isn't ready (mergeWithDefaults will use it)
        window.mixpanelDefaultProperties = defaultProps;
        console.warn("[Mixpanel] Mixpanel not ready after max retries, stored defaults for fallback");
      }
    };
    registerDefaults();

    let userId = ""
    if (userId !== '') {
      const mxUserId = JSON.parse(localStorage.getItem(`mp_a524618d7794c70f8d028f5b045ca8ec_mixpanel`))?.$user_id || null;
      if (mxUserId == null ){
        mixpanel.alias(userId);
        mixpanel.identify(userId);
      }
      else if (mxUserId !== userId ){
        mixpanel.identify(userId);
      }
    }
    // Track pageview once per URL (works for both full page loads and Turbo navigations)
    // Only track if enabled via ENV variable

  })
</script>

    <script type="text/javascript"
    src="https://www.ejd1s4io.com/scripts/sdk/everflow.js"></script>
  <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
      var offerId = EF.urlParameter('oid')
      var previousTransactionId = EF.getTransactionId(offerId);
      if (!previousTransactionId) {
        EF.click({
            offer_id: EF.urlParameter('oid'),
            affiliate_id: EF.urlParameter('affid'),
            sub1: EF.urlParameter('sub1'),
            sub2: EF.urlParameter('sub2'),
            sub3: EF.urlParameter('sub3'),
            sub4: EF.urlParameter('sub4'),
            sub5: EF.urlParameter('sub5'),
            uid: EF.urlParameter('uid'),
            source_id: EF.urlParameter('source_id'),
            transaction_id: EF.urlParameter('_ef_transaction_id'),
        })
        .then((transactionId) => {
            const url = new URL('/trigger_everflow', window.location.origin);
            url.searchParams.append('everflow_id', transactionId);
            url.searchParams.append('affid', "18");
            url.searchParams.append('oid', "1");
            utils.fetchWithTurboStream(url).catch(error => {
              console.error('Error triggering everflow:', error);
            });
        });
      } else {
      }
    });
  </script>

  
  
  
</head>
  <body data-controller="lp2">
  <div
  class="overflow-y-auto bg-[#131313] h-screen"
  data-dynamic-image-loader-target="bodyContainer"
  data-controller="dynamic-image-loader"
  data-cdn="https://cdn.assets-landing-candyai.com"
>
    <div class="flex w-full h-16 items-center border-b border-[#363636] bg-main sm:px-4 px-2 shadow-2xs sm:gap-x-2 lg:px-8 bg-main">
  <a allow_other_host="true" href="https://candy.ai/subscriptions?affid=18&amp;oid=1&amp;source_id=65160&amp;sub1=&amp;sub2=1026c77cec83925ffbc6436c40faca&amp;uid=660&amp;var_text=34">
    <img class="h-[30px] md:h-[30px] w-[115px]" src="/assets/logos/logo-navbar-d321c31d58617371f7caf9e34a4e3f9624dce580afcceb6fecdf48c78beafd83.svg" />
</a></div>

    <a allow_other_host="true" href="https://candy.ai/subscriptions?affid=18&amp;oid=1&amp;source_id=65160&amp;sub1=&amp;sub2=1026c77cec83925ffbc6436c40faca&amp;uid=660&amp;var_text=34">
  <div class="flex relative w-full cursor-pointer bg-linear-to-r from-[#2A1B44] via-[#55242F] to-[#2A1B44]"
     style=""
     data-banner-component-target="track"
     data-banner-component-mixpanel-value="false"
     data-banner-component-mixpanel-data-value="">
  <div class="flex w-full justify-between items-center h-[56px] flex">
    <div class="flex w-full justify-center items-center px-6">
            <div class="hidden md:flex leading-normal text-white text-[24px] font-black uppercase mr-4">
        first subscription
      </div>
      <div class="flex items-center gap-3 md:gap-4">
        <img class="w-[34px] md:w-[50px]" src="/assets/promotions/default/diamond-e14652a9b14551fa77ba2a72889dff57e86474fc25d561ad64f5dc817d0c2053.webp" />
        <div class="leading-5 text-white text-md md:text-[24px] font-black uppercase mr-4 md:mr-6">
          Up to 70% Off
        </div>
      </div>
      
<div data-controller="button-component"
     id=""
     data-button-component-target="button"
     data-action="click->button-component#handleClick"
     data-button-component-track-mixpanel-value="false"
     data-button-component-mixpanel-data-value="">
<button class="relative flex justify-center w-full items-center primary-gradient text-white text-sm font-medium hidden md:flex py-1.5 px-4 rounded-full">
  <div class="flex justify-center items-center">
    <div class="button-label">
      Join Now
    </div>
  </div>
</button></div>

      <div data-controller="promotion-timer-component"
     data-promotion-timer-component-expires-at-value="2026-04-21T19:39:06Z"
     data-promotion-timer-component-code-value="lp2"
     data-promotion-timer-component-is-premium-user-value="false"
>
  <div class="flex inline-flex justify-center items-start gap-1.5 gap-2 ml-0 md:ml-6"><div class="flex flex-col w-6"><div class="text-center text-sm leading-tight font-semibold text-white" data-promotion-timer-component-target="minutes">00</div><div class="text-center leading-tight text-sm font-normal text-[#8d616b]">Min</div></div><div class="w-px border h-[30px] self-center border-[#8d616b]"></div><div class="flex flex-col w-6"><div class="text-center text-sm leading-tight font-semibold text-white" data-promotion-timer-component-target="seconds">00</div><div class="text-center leading-tight text-sm font-normal text-[#8d616b]">Sec</div></div><div class="w-px border h-[30px] self-center border-[#8d616b]"></div><div class="flex flex-col w-6"><div class="text-center text-sm leading-tight font-semibold text-white" data-promotion-timer-component-target="milliseconds">00</div><div class="text-center leading-tight text-sm font-normal text-[#8d616b]">Ms</div></div></div>
</div>


    </div>
  </div>
    <div class="absolute bottom-0 left-0 w-full h-[2px] bg-[linear-gradient(270deg,_#5505E6_0%,_#F76E85_48.5%,_#5505E6_100%)]" style=""></div>
</div>
</a>
    <div class="flex flex-col lg:mx-auto items-center justify-center w-full lg:w-[760px] max-w-[350px] md:max-w-none mx-auto">
      <div class="flex items-center justify-center gap-x-3 mx-auto md:my-4 my-2">
        <div style="position: relative;">
          <h1 class="text-center text-white text-[22px] lg:text-[32px] font-bold leading-[42px]">Create my AI</h1>
          <span class="create-elipse hidden lg:block"></span>
        </div>
      </div>
      <div class="flex flex-col h-auto justify-start w-full z-10 mb-5">
  <div 
    class="flex justify-center gap-2 md:gap-4 font-semibold group" 
    data-dynamic-image-loader-target="imageContainer"  
    data-fallback-image-urls='["/assets/candy-network/lp2/realistic-3be82f36b93fe7fbbfe71f27ed6792023f2d5c85ffa5c12f50c8922d5902ea57.webp", "/assets/candy-network/lp2/anime-2d0fe3a07a4d0be2151f13577f915b5fc07af9c0f36da3cd7e52dcd0fca912be.webp"]'
    >
      <div class="white-border inline-block relative rounded-md transition-opacity duration-300 opacity-100 group-has-[.selected]:opacity-30 [&.selected]:!opacity-100" data-lp2-target="characterOption">
            <div class="absolute bottom-0 left-0 rounded-xl pointer-events-none h-[63px] md:h-[91px] w-full opacity-50" style="background: linear-gradient(180deg, rgba(19, 19, 19, 0.00) 0%, rgba(19, 19, 19, 90.00) 100%);"></div>
            <div class="text-white text-[14px] md:text-[22px] font-medium flex items-center justify-center whitespace-nowrap h-[25px] leading-[25px] absolute bottom-[6px] md:bottom-[10px] left-1/2 transform -translate-x-1/2 py-[8px] px-[10px] z-10">
              Realistic
            </div>
            <video 
            preload="none" 
            loop="loop" 
            muted="muted" 
            data-lp2-target="characterType"
            data-action="click->lp2#selectCharacterType"
              data-lp2-character-type-value="Realistic"
              autoplay="autoplay" 
              playsinline="playsinline" 
              poster="https://cdn.assets-landing-candyai.com/lp1/lp1_vid/LUNA_REALISTIC_01_v1.jpeg" 
              class="object-cover w-full h-[305px] md:h-[510px] cursor-pointer rounded-md" 
              data-gallery-card-component-target="video"
              type="video/mp4"
              src="https://cdn.assets-landing-candyai.com/lp1/lp1_vid/LUNA_REALISTIC_01_v1.mp4"
              >
            </video>
      </div>
      <div class="white-border inline-block relative rounded-md transition-opacity duration-300 opacity-100 group-has-[.selected]:opacity-30 [&.selected]:!opacity-100" data-lp2-target="characterOption">
            <div class="absolute bottom-0 left-0 rounded-xl pointer-events-none h-[63px] md:h-[91px] w-full opacity-50" style="background: linear-gradient(180deg, rgba(19, 19, 19, 0.00) 0%, rgba(19, 19, 19, 90.00) 100%);"></div>
            <div class="text-white text-[14px] md:text-[22px] font-medium flex items-center justify-center whitespace-nowrap h-[25px] leading-[25px] absolute bottom-[6px] md:bottom-[10px] left-1/2 transform -translate-x-1/2 py-[8px] px-[10px] z-10">
              Anime
            </div>
            <video 
            preload="none" 
            loop="loop" 
            muted="muted" 
            data-lp2-target="characterType"
            data-action="click->lp2#selectCharacterType"
              data-lp2-character-type-value="Anime"
              autoplay="autoplay" 
              playsinline="playsinline" 
              poster="https://cdn.assets-landing-candyai.com/lp1/lp1_vid/LUNA_ANIME_01_v1.jpeg" 
              class="object-cover w-full h-[305px] md:h-[510px] cursor-pointer rounded-md" 
              data-gallery-card-component-target="video"
              type="video/mp4"
              src="https://cdn.assets-landing-candyai.com/lp1/lp1_vid/LUNA_ANIME_01_v1.mp4"
              >
            </video>
      </div>
  </div>
  <div class="form-navigation mx-5 lg:mx-10 mb-5 lg:mb-10 mt-8 lg:mt-12 flex md:flex-row md:justify-end justify-center gap-4 text-white text-[14px] font-semibold">
    <button 
      class="relative min-w-[140px] px-4 py-3 text-white rounded-[10px] bg-primary ml-auto lg:w-auto w-full cursor-pointer justify-center items-center gap-2 flex"
      data-lp2-target="selectCharacterTypeButton"
      data-controller="loading-button-state"
      data-action="click->loading-button-state#handleClick click->lp2#submit"
      data-loading-button-state-target="submit"
      >
      <div class="whitespace-nowrap">
        Next
      </div>
      <img class="style-image-class" src="/assets/arrow-east-811274d2d7e43a5ccbdd000c6e0c680496b0940f372163dfd9bbff1642fb7b05.svg" />
    </button>
  </div>
</div>

    </div>
  </div>
</body>

</html>
