It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.logicballs.com

  1. <!DOCTYPE html>
  2. <html dir=""
  3.  lang="en">
  4.  
  5. <head>
  6.  <meta charset="UTF-8" />
  7.  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8.  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.  <title>
  10.    AI Writer and Content Creation Tool
  11.  </title>
  12.  
  13.    
  14.      
  15.        
  16.          
  17.            <meta property="og:type" content="Website" />
  18.            <meta property="og:site_name" content="LogicBalls" />
  19.            <meta property="og:url" content="https://logicballs.com/" />
  20.            <meta property="og:title" content="FREE AI Tools | No Login Required" />
  21.            <meta property="og:description" content="LogicBalls: AI writing assistant for high-quality content" />
  22.            <meta property="og:image" content="https://logicballs.com/ogimages/cover.png" />
  23.            <meta name="twitter:card" content="summary_large_image" />
  24.            <meta name="twitter:site" content="@logicballs" />
  25.            <meta name="twitter:url" content="https://logicballs.com/" />
  26.            <meta name="twitter:title" content="AI Writer and Content Creation Tool" />
  27.            <meta name="twitter:description" content="LogicBalls: AI writing assistant for high-quality content" />
  28.            <meta name="twitter:card" content="https://logicballs.com/ogimages/cover.png" />
  29.            <meta name="twitter:image" content="https://logicballs.com/ogimages/cover.png" />
  30.            <meta name="description" content="LogicBalls: AI writing assistant for high-quality content" />
  31.            <link rel="canonical" href="https://logicballs.com/" />
  32.            
  33.            
  34.  
  35.    <link rel="alternate" hreflang="en" href="https://logicballs.com/" />
  36.  
  37.    <link rel="alternate" hreflang="fr" href="https://logicballs.com/fr/" />
  38.  
  39.    <link rel="alternate" hreflang="de" href="https://logicballs.com/de/" />
  40.  
  41.    <link rel="alternate" hreflang="zh" href="https://logicballs.com/zh/" />
  42.  
  43.    <link rel="alternate" hreflang="ar" href="https://logicballs.com/ar/" />
  44.  
  45.    <link rel="alternate" hreflang="pt" href="https://logicballs.com/pt/" />
  46.  
  47.    <link rel="alternate" hreflang="es" href="https://logicballs.com/es/" />
  48.  
  49.    <link rel="alternate" hreflang="ja" href="https://logicballs.com/ja/" />
  50.  
  51.    <link rel="alternate" hreflang="ko" href="https://logicballs.com/ko/" />
  52.  
  53.    <link rel="alternate" hreflang="tl" href="https://logicballs.com/tl/" />
  54.  
  55.    <link rel="alternate" hreflang="nl" href="https://logicballs.com/nl/" />
  56.  
  57.    <link rel="alternate" hreflang="hi" href="https://logicballs.com/hi/" />
  58.  
  59.  <link rel="alternate" hreflang="x-default" href="https://logicballs.com/" />
  60.  
  61.  
  62.  
  63.              <link rel="icon" href="/images/logo/favicon.ico" type="image/svg+xml" />
  64.              <link rel="preconnect" href="https://fonts.googleapis.com" />
  65.              <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  66.              <link
  67.                href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap"
  68.                rel="stylesheet" />
  69.              <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css"
  70.                async />
  71.  
  72.              <!-- Essential Stylesheets -->
  73.              <link rel="stylesheet" type="text/css" media="screen" href="/css/style.min.css?v=3213233" />
  74.  
  75.  
  76.  
  77.              
  78.                  
  79.  
  80.  
  81.                        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  82.  
  83.  
  84.                        <script>
  85.  
  86.                          if (typeof window !== 'undefined' && window.location.host === 'logicballs.com') {
  87.  
  88.                            (function (w, d, s, l, i) {
  89.                              w[l] = w[l] || []; w[l].push({
  90.                                'gtm.start':
  91.                                  new Date().getTime(), event: 'gtm.js'
  92.                              }); var f = d.getElementsByTagName(s)[0],
  93.                                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
  94.                                  'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
  95.                            })(window, document, 'script', 'dataLayer', 'GTM-MB8NQN6');
  96.  
  97.                          }
  98.                        </script>
  99.  
  100.  
  101. </head>
  102.  
  103. <body class="page-index">
  104.  <div class="ai-search-overlay" id="searchPopup">
  105.  <div class="ai-search-container">
  106.    <div class="ai-search-backdrop">
  107.  
  108.  
  109.      <div class="ai-search-box">
  110.        <div class="ai-search-input-wrapper">
  111.          <svg class="ai-search-icon-svg" viewBox="0 0 24 24" width="20" height="20">
  112.            <path
  113.              d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
  114.          </svg>
  115.          <input type="text" id="searchInput" class="ai-search-input"
  116.            placeholder="Try &#39;tool for writing a professional email&#39;... " autofocus>
  117.          <button id="searchButton" class="ai-search-btn" title="Press Enter to search">
  118.            <svg class="ai-search-enter-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
  119.              viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  120.              stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-send-2">
  121.              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  122.              <path
  123.                d="M4.698 4.034l16.302 7.966l-16.302 7.966a.503 .503 0 0 1 -.546 -.124a.555 .555 0 0 1 -.12 -.568l2.468 -7.274l-2.468 -7.274a.555 .555 0 0 1 .12 -.568a.503 .503 0 0 1 .546 -.124z">
  124.              </path>
  125.              <path d="M6.5 12h14.5"></path>
  126.            </svg>
  127.            <div class="ai-search-btn-loader"></div>
  128.          </button>
  129.        </div>
  130.      </div>
  131.  
  132.      <div class="ai-search-content">
  133.        <div id="searchResults" class="ai-search-results">
  134.          <!-- Results will be populated here -->
  135.        </div>
  136.        <div class="ai-search-chat">
  137.          <div class="ai-search-message ai-search-initial">
  138.            <div class="ai-search-message-content">
  139.              <p></p>
  140.  
  141.            </div>
  142.          </div>
  143.        </div>
  144.  
  145.  
  146.      </div>
  147.    </div>
  148.  </div>
  149. </div>
  150.  
  151.  
  152.  
  153. <script>
  154.  let thinkingText = "AI is Thinking";
  155.  let popLanguage = "en";
  156.  let errormessage1 = "Please enter at least 2 characters to search...";
  157.  let errormessage2 = "I couldn&#39;t find any tools matching your search. Try describing your task differently, for example &#39;create marketing content&#39; instead of just &#39;marketing&#39;.";
  158.  let errormessage3 = "No tools found matching your search";
  159.  let errormessage4 = "Sorry, I encountered an error while searching. Please try again or rephrase your search.";
  160.  let errormessage5 = "An error occurred while searching. Please try again.";
  161.  let errormessage6 = "Sorry, something went wrong. Please try again in a moment.";
  162.  
  163. function openSearchPopup() {
  164.  document.getElementById('searchPopup').style.display = 'block';
  165.  document.getElementById('searchInput').focus();
  166. }
  167.  
  168.  function closeSearchPopup() {
  169.    document.getElementById('searchPopup').style.display = 'none';
  170.  }
  171.  
  172.  function suggestionClick(element) {
  173.    document.getElementById('searchInput').value = element.textContent;
  174.    performSearch();
  175.  }
  176.  
  177.  async function performSearch() {
  178.    const searchTerm = document.getElementById('searchInput').value.trim();
  179.    const lang = localStorage.getItem('selectedLanguage') || 'en';
  180.    const resultsContainer = document.getElementById('searchResults');
  181.    const searchButton = document.getElementById('searchButton');
  182.    const buttonLoader = searchButton.querySelector('.ai-search-btn-loader');
  183.    const enterIcon = searchButton.querySelector('.ai-search-enter-icon');
  184.    const allMessages = document.querySelector('.ai-search-content');
  185.  
  186.    if (searchTerm.length < 2) {
  187.      resultsContainer.innerHTML = `<div class="ai-search-message">${errormessage1}</div>`;
  188.      return;
  189.    }
  190.  
  191.    // Show loading state
  192.    allMessages.style.display = 'block';
  193.  
  194.    enterIcon.style.display = 'none';
  195.    buttonLoader.style.display = 'block';
  196.    resultsContainer.innerHTML = `<div class="ai-search-loading btn-shine">${thinkingText}</div>`;
  197.  
  198.  
  199.  try {
  200.    const response = await fetch('/v1/api/user/search-tools', {
  201.      method: 'POST',
  202.      headers: {
  203.        'Content-Type': 'application/json'
  204.      },
  205.      body: JSON.stringify({
  206.        searchKey: searchTerm,
  207.        lang: popLanguage || 'en'
  208.      })
  209.    });
  210.  
  211.      const data = await response.json();
  212.  
  213.      if (data.status === 'success') {
  214.        const { results, suggestion } = data.data;
  215.        const messageText = document.querySelector('.ai-search-message-content');
  216.  
  217.  
  218.  
  219.  
  220.        if (results.length > 0) {
  221.  
  222.          allMessages.style.overflow = 'auto';
  223.          resultsContainer.innerHTML = results.map(item => `
  224.          <a href="${item.url}" class="ai-search-item" target="_blank">
  225.            <div class="ai-search-category">${item.category}</div>
  226.            <div class="ai-search-name">${item.name}</div>
  227.            <div class="ai-search-tags">${item.tags.join(' • ')}</div>
  228.          </a>
  229.        `).join('');
  230.        } else {
  231.          messageText.style.display = 'block';
  232.          messageText.innerHTML = errormessage2;
  233.          resultsContainer.innerHTML = `<div class="ai-search-message">${errormessage3}</div>`;
  234.        }
  235.      } else {
  236.        document.querySelector('.ai-search-message-content').innerHTML = errormessage4
  237.        resultsContainer.innerHTML = `<div class="ai-search-error">${errormessage5}</div>`;
  238.      }
  239.    } catch (error) {
  240.      console.error('Error fetching search results:', error);
  241.      document.querySelector('.ai-search-message-content').innerHTML = errormessage6
  242.      resultsContainer.innerHTML =  `<div class="ai-search-error">${errormessage5}</div>`;
  243.    } finally {
  244.      // Reset button state
  245.      enterIcon.style.display = 'block';
  246.      buttonLoader.style.display = 'none';
  247.    }
  248.  }
  249.  
  250.  document.getElementById('searchButton').addEventListener('click', performSearch);
  251.  
  252.  document.getElementById('searchInput').addEventListener('keypress', function (e) {
  253.    if (e.key === 'Enter') {
  254.      performSearch();
  255.    }
  256.  });
  257.  
  258.  // Hide content when input is cleared
  259.  document.getElementById('searchInput').addEventListener('input', function (e) {
  260.    const allMessages = document.querySelector('.ai-search-content');
  261.    const resultsContainer = document.getElementById('searchResults');
  262.    const messageContent = document.querySelector('.ai-search-message-content');
  263.  
  264.    if (!this.value.trim()) {
  265.      allMessages.style.display = 'none';
  266.      resultsContainer.innerHTML = '';
  267.      if (messageContent) {
  268.        messageContent.innerHTML = '';
  269.        messageContent.style.display = 'none';
  270.      }
  271.    }
  272.  });
  273.  
  274.  // Close popup when clicking outside
  275.  document.addEventListener('click', function (event) {
  276.    const popup = document.getElementById('searchPopup');
  277.    const container = document.querySelector('.ai-search-container');
  278.    const backdrop = document.querySelector('.ai-search-backdrop');
  279.    if (event.target === popup || (event.target === container && !backdrop.contains(event.target))) {
  280.      closeSearchPopup();
  281.    }
  282.  });
  283.  
  284.  // Close popup on escape key
  285.  document.addEventListener('keydown', function (e) {
  286.    if (e.key === 'Escape' && document.getElementById('searchPopup').style.display === 'block') {
  287.      closeSearchPopup();
  288.    }
  289.  });
  290. </script>
  291.    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MB8NQN6" height="0" width="0"
  292.        style="display: none; visibility: hidden"></iframe></noscript>
  293.    <!-- Header Include -->
  294.    
  295.  
  296. <script src="https://accounts.google.com/gsi/client" async defer></script>
  297. <script>// Constants
  298. // Constants
  299. const GOOGLE_AUTH_CONFIG = {
  300.  BUTTON_CONFIG: {
  301.    theme: 'outline',
  302.    size: 'large'
  303.  }
  304. };
  305.  
  306. window.onload = function() {
  307.  window.isAuthenticated = false;
  308.  
  309.  google.accounts.id.initialize({
  310.    client_id: '912809138133-km9l2r229va9mot2js9gg2f4ssa9pbua.apps.googleusercontent.com',  // Client ID injected directly from server template
  311.    callback: handleGoogleCredentialResponse,
  312.    auto_select: true
  313.  });
  314.  
  315.  const buttonContainer = document.getElementById('buttonDiv');
  316.  if (buttonContainer) {
  317.    google.accounts.id.renderButton(
  318.      buttonContainer,
  319.      GOOGLE_AUTH_CONFIG.BUTTON_CONFIG
  320.    );
  321.  }
  322.  
  323.  google.accounts.id.prompt();
  324. };
  325.  
  326. // Handle Google credential response
  327. async function handleGoogleCredentialResponse(response) {
  328.  if (!response?.credential) {
  329.    // console.error('Invalid credential response');
  330.    return;
  331.  }
  332.  
  333.  try {
  334.    const resp = await authapiRequest(
  335.      'POST',
  336.      'googleTapAuth',
  337.      { token: response.credential }
  338.    );
  339.  
  340.    if (resp.data?.statuscode === 200) {
  341.      await handleGoogleLogin(resp?.data?.data);
  342.    } else {
  343.      // console.error('Google auth API error:', resp);
  344.    }
  345.  } catch (error) {
  346.    // console.error('Google auth error:', error);
  347.  }
  348. }
  349.  
  350. // Handle Google login flow
  351. async function handleGoogleLogin(response) {
  352.  if (!response?.user) {
  353.    // console.error('Invalid user data');
  354.    return;
  355.  }
  356.  
  357.  const { user, oauth } = response;
  358.  
  359.  // Set initial auth data
  360.  let imageUrl;
  361.  if (user.email) {
  362.    imageUrl = "https://placehold.co/40X40/lightblue/white?text=" + user.email.charAt(0).toUpperCase();
  363.  } else {
  364.    imageUrl = "https://placehold.co/40X40/lightblue/white?text=" + user.identifier.charAt(0).toUpperCase();
  365.  }
  366.  
  367.  if (user.photoURL) {
  368.    imageUrl = user.photoURL;
  369.  }
  370.  
  371.  localStorage.setItem("user_id", user.user_id);
  372.  localStorage.setItem("photo_url", imageUrl);
  373.  localStorage.setItem("authtoken", oauth.access_token);
  374.  
  375.  try {
  376.    const resp = await authapiRequest(
  377.      'POST',
  378.      'user',
  379.      prepareUserAuthRequest(user, null, oauth.id_token),
  380.      { Authorization: `Bearer ${oauth.access_token}` }
  381.    );
  382.  
  383.    if (resp.data) {
  384.      if (resp.data.logInTime) {
  385.        localStorage.setItem("logInTime", resp.data.logInTime);
  386.      }
  387.  
  388.      if (resp.data.activeSession) {
  389.        await authapiRequest(
  390.          'GET',
  391.          `user/updateSeesion?lastLoginTime='${localStorage.getItem("logInTime")}'`,
  392.          undefined,
  393.          { Authorization: `Bearer ${oauth.access_token}` }
  394.        );
  395.      }
  396.  
  397.      if (resp.data?.session) {
  398.        const payload = JSON.parse(atob(resp.data.session.split(".")[1]));
  399.        const expirationTime = new Date(payload.exp * 1000).toGMTString();
  400.        
  401.        // Set cookies
  402.        document.cookie = `_sess=${resp.data.session};path=/;expires=${expirationTime}`;
  403.        document.cookie = `access_token=${oauth.access_token};path=/;expires=${expirationTime}`;
  404.        document.cookie = `id_token=${oauth.id_token};path=/;expires=${expirationTime}`;
  405.  
  406.        // Update profile picture if available
  407.        if (resp.data.ProfilePic?.length) {
  408.          localStorage.setItem("photo_url", resp.data.ProfilePic);
  409.        }
  410.        
  411.        localStorage.setItem("user_id", resp.data.UserId);
  412.  
  413.        // Handle redirect
  414.        if (resp.data.subscription) {
  415.          window.location.href = "/premium";
  416.          return;
  417.        }
  418.        
  419.        window.location.reload();
  420.        return;
  421.      }
  422.    }
  423.  } catch (error) {
  424.    // console.error('Login flow error:', error);
  425.  }
  426. }
  427.  
  428. // Prepare user request data
  429. function prepareUserAuthRequest(user, refCode = null, idToken) {
  430.  const userApiRequest = {
  431.    created_at: parseInt(user?.metadata?.createdAt),
  432.    last_login_at: parseInt(user?.metadata?.lastLoginAt),
  433.    ref_code: refCode,
  434.    displayName: user?.displayName,
  435.    idToken
  436.  };
  437.  
  438.  if (localStorage.getItem("logInTime")) {
  439.    userApiRequest.logIn_session_time = localStorage.getItem("logInTime");
  440.  }
  441.  
  442.  // Get UTM parameters from cookies
  443.  const utmSource = document.cookie.match(/utm_source=([^;]+)/)?.[1];
  444.  const utmMedium = document.cookie.match(/utm_medium=([^;]+)/)?.[1];
  445.  const utmCampaign = document.cookie.match(/utm_campaign=([^;]+)/)?.[1];
  446.  
  447.  // Add UTM parameters if all are present
  448.  if (utmSource && utmMedium && utmCampaign) {
  449.    userApiRequest.utm_source = utmSource;
  450.    userApiRequest.utm_medium = utmMedium;
  451.    userApiRequest.utm_campaign = utmCampaign;
  452.  }
  453.  
  454.  return userApiRequest;
  455. }
  456.  
  457.  
  458. async function authapiRequest(method, path, data, headers = {}) {
  459.      try {
  460.        const response = await fetch(`${window.location.protocol}//${window.location.host}/v1/api/${path}`, {
  461.          method,
  462.          ...(data && { body: JSON.stringify(data) }),
  463.          headers: {
  464.            Accept: 'application/json',
  465.            'Content-Type': 'application/json',
  466.            ...headers
  467.          }
  468.        });
  469.        
  470.        return response.ok ? { data: await response.json() } : { error: 'API request failed' };
  471.      } catch (e) {
  472.        return { error: e };
  473.      }
  474.    }
  475.  
  476. </script>
  477.    
  478.      
  479.        
  480.          
  481.            
  482.  
  483.              <!--Hamburger menu end-->
  484.  
  485.              <!--Header start-->
  486.              <header class="header" id="header" role="banner">
  487.                <nav class="navbar" role="navigation">
  488.                  <!--Logo-->
  489.  
  490.                  <div class="logo">
  491.                    <a href="https://logicballs.com">
  492.                      <img src="https://logicballs.com/images/logo.svg" alt="LogicBalls" title="LogicBalls" />
  493.                    </a>
  494.                  </div>
  495.                  <!--Logo-->
  496.                  <!--search-->
  497.                  <div class="search">
  498.                    <div class="search-header">
  499.                      <button id="show-button-typesence">
  500.                        Search
  501.                      </button>
  502.                      <button onclick="openSearchPopup()" id="show-button-ai" class="show-button-typesence">
  503.  
  504.                        <svg focusable="false" viewBox="0 -960 960 960" height="28" width="28" class="EiVpKc aoH">
  505.                          <path
  506.                            d="M480-80q2,0 2-2q0-82 31-154t85-126t126-85t154-31q2,0 2-2t-2-2q-82,0-154-31T598-598T513-724T482-878q0-2-2-2t-2,2q0,82-31,154T362-598T236-513T82-482q-2,0-2,2t2,2q82,0 154,31t126,85t85,126T478-82q0,2 2,2Z">
  507.                          </path>
  508.                        </svg>
  509.                        <div>Ask AI </div>
  510.                      </button>
  511.  
  512.                    </div>
  513.                  </div>
  514.                  <!--Navigation-->
  515.                  <div class="nav-rigth">
  516.                    <a href="https://logicballs.com/earn-with-logicballs" class="btn btn-primary btn-md show-in-desktop rounded">
  517.                      <div>
  518.                      Earn
  519.                      </div>
  520.                    </a>
  521.                    <a href="https://logicballs.com/write-for-us" class="btn btn-primary btn-md show-in-desktop rounded">
  522.                      <div>
  523.                        Write for us
  524.                      </div>
  525.                    </a>
  526.  
  527.                    <a href="https://logicballs.com/pricing"  class="btn btn-primary btn-md show-in-desktop rounded">
  528.                      <div>
  529.                        Pricing
  530.                      </div>
  531.                    </a>
  532.  
  533.                    
  534.                      <div class="tool-form">
  535.                        <div class="field field-type-dropdown form-group">
  536.  
  537.  
  538.                          <label class="dropdown">
  539.                            <div class="dd-button language" data-abc="dd-button">
  540.                              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
  541.                                fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
  542.                                stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-world"
  543.                                style="width: 20px;height: 20px;">
  544.                                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  545.                                <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
  546.                                <path d="M3.6 9h16.8" />
  547.                                <path d="M3.6 15h16.8" />
  548.                                <path d="M11.5 3a17 17 0 0 0 0 18" />
  549.                                <path d="M12.5 3a17 17 0 0 1 0 18" />
  550.                              </svg>
  551.                            </div>
  552.  
  553.  
  554.  
  555.                            <input type="checkbox" class="dd-input" aria-label="Toggle language menu">
  556.                            <ul class="dd-menu" data-abc="ddmenu">
  557.                              <li class="language-option" data-lang="en">
  558.                                <a javascript:void(0) class="dd-item">English</a>
  559.                              </li>
  560.                              <li class="language-option" data-lang="zh">
  561.                                <a javascript:void(0) class="dd-item">简体中文</a>
  562.                              </li>
  563.                              <li class="language-option" data-lang="ar">
  564.                                <a javascript:void(0) class="dd-item">العربية</a>
  565.                              </li>
  566.                              <li class="language-option" data-lang="fr">
  567.                                <a javascript:void(0) class="dd-item">Français</a>
  568.                              </li>
  569.                              <li class="language-option" data-lang="de">
  570.                                <a javascript:void(0) class="dd-item">German</a>
  571.                              </li><li class="language-option" data-lang="pt">
  572.                                <a javascript:void(0) class="dd-item">Português</a>
  573.                              </li>
  574.                              <li class="language-option" data-lang="es">
  575.                                <a javascript:void(0) class="dd-item">Español</a>
  576.                              </li>
  577.                              <li class="language-option" data-lang="ja">
  578.                                <a javascript:void(0) class="dd-item">日本語</a>
  579.                              </li>
  580.                              <li class="language-option" data-lang="ko">
  581.                                <a javascript:void(0) class="dd-item">한국어</a>
  582.                              </li>
  583.                              <li class="language-option" data-lang="tl">
  584.                                <a javascript:void(0) class="dd-item">Tagalog</a>
  585.                              </li>
  586.                              <li class="language-option" data-lang="nl">
  587.                                <a javascript:void(0) class="dd-item">Dutch</a>
  588.                              </li>
  589.                              <li class="language-option" data-lang="hi">
  590.                                <a javascript:void(0) class="dd-item">हिन्दी</a>
  591.                              </li>
  592.                            </ul>
  593.                          </label>
  594.                        </div>
  595.                      </div>
  596.                      
  597.  
  598.  
  599.  
  600.                        <div class="tool-form">
  601.                          <div class="field field-type-dropdown form-group">
  602.                            <div>
  603.                              <label class="dropdown">
  604.                                <div class="dd-button " data-abc="dd-button">
  605.                                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
  606.                                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
  607.                                    stroke-linejoin="round"
  608.                                    class="icon icon-tabler icons-tabler-outline icon-tabler-user">
  609.                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  610.                                    <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" />
  611.                                    <path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
  612.                                  </svg>
  613.                                </div>
  614.                                <input type="checkbox" class="dd-input" aria-label="Toggle user menu">
  615.                                <ul class="dd-menu" data-abc="ddmenu">
  616.                                  <li>
  617.                                    <label class="dd-item">
  618.                                      
  619.                                        <a href="https://logicballs.com/auth"> <svg xmlns="http://www.w3.org/2000/svg"
  620.                                            width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  621.                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
  622.                                            class="icon icon-tabler icons-tabler-outline icon-tabler-login-2">
  623.                                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  624.                                            <path
  625.                                              d="M9 8v-2a2 2 0 0 1 2 -2h7a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-2" />
  626.                                            <path d="M3 12h13l-3 -3" />
  627.                                            <path d="M13 15l3 -3" />
  628.                                          </svg>
  629.                                          Login / Signup
  630.                                        </a>
  631.                                        
  632.                                          
  633.  
  634.                                    </label>
  635.                                  </li>
  636.                                  <li>
  637.                                    <label class="dd-item">
  638.                                      <span class="dd-text">
  639.                                        <a class="nav-link" href="https://logicballs.com/pricing">
  640.                                          <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="1.5"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-currency-dollar"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
  641.                                          Pricing
  642.                                        </a>
  643.                                      </span>
  644.                                    </label>
  645.                                  </li>
  646.                                  <li>
  647.                                    <label class="dd-item">
  648.                                      <span class="dd-text">
  649.                                        <a class="nav-link" href="https://logicballs.com/tags">
  650.                                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  651.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
  652.                                            stroke-linecap="round" stroke-linejoin="round"
  653.                                            class="icon icon-tabler icons-tabler-outline icon-tabler-tags">
  654.                                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  655.                                            <path
  656.                                              d="M3 8v4.172a2 2 0 0 0 .586 1.414l5.71 5.71a2.41 2.41 0 0 0 3.408 0l3.592 -3.592a2.41 2.41 0 0 0 0 -3.408l-5.71 -5.71a2 2 0 0 0 -1.414 -.586h-4.172a2 2 0 0 0 -2 2z" />
  657.                                            <path d="M18 19l1.592 -1.592a4.82 4.82 0 0 0 0 -6.816l-4.592 -4.592" />
  658.                                            <path d="M7 10h-.01" />
  659.                                          </svg>
  660.                                          </svg>
  661.                                          Tags
  662.                                        </a>
  663.                                      </span>
  664.                                    </label>
  665.                                  </li>
  666.                                  <li>
  667.                                    <label class="dd-item">
  668.                                      <span class="dd-text">
  669.                                        <a class="nav-link" href="https://logicballs.com/browse-ai-tools">
  670.                                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  671.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
  672.                                            stroke-linecap="round" stroke-linejoin="round"
  673.                                            class="icon icon-tabler icons-tabler-outline icon-tabler-category">
  674.                                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  675.                                            <path d="M4 4h6v6h-6z" />
  676.                                            <path d="M14 4h6v6h-6z" />
  677.                                            <path d="M4 14h6v6h-6z" />
  678.                                            <path d="M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" />
  679.                                          </svg>
  680.                                          Categories
  681.                                        </a>
  682.                                      </span>
  683.                                    </label>
  684.                                  </li>
  685.                                  <li>
  686.                                    <label class="dd-item">
  687.                                      <span class="dd-text">
  688.                                        <a class="nav-link" href="https://logicballs.com/comparison">
  689.                                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  690.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
  691.                                            stroke-linecap="round" stroke-linejoin="round"
  692.                                            class="icon icon-tabler icons-tabler-outline icon-tabler-scale">
  693.                                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  694.                                            <path d="M7 20l10 0" />
  695.                                            <path d="M6 6l6 -1l6 1" />
  696.                                            <path d="M12 3l0 17" />
  697.                                            <path d="M9 12l-3 -6l-3 6a3 3 0 0 0 6 0" />
  698.                                            <path d="M21 12l-3 -6l-3 6a3 3 0 0 0 6 0" />
  699.                                          </svg>
  700.                                          Comparison
  701.                                        </a>
  702.                                      </span>
  703.                                    </label>
  704.                                  </li>
  705.                                  
  706.                                    <li class="divider"></li>
  707.                                    
  708.                                      <li>
  709.                                        <label class="dd-item">
  710.                                          <span class="dd-text">
  711.                                            <a class="nav-link" href="/cdn-cgi/l/email-protection#1d6e686d6d726f695d71727a747e7f7c71716e337e7270">
  712.                                              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  713.                                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
  714.                                                stroke-linecap="round" stroke-linejoin="round"
  715.                                                class="icon icon-tabler icons-tabler-outline icon-tabler-phone">
  716.                                                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  717.                                                <path
  718.                                                  d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" />
  719.                                              </svg>
  720.                                              Contact US
  721.                                            </a>
  722.                                          </span>
  723.                                        </label>
  724.                                        
  725.                                </ul>
  726.                              </label>
  727.                            </div>
  728.                          </div>
  729.                        </div>
  730.                  </div>
  731.                  <!--Navigation-->
  732.                </nav>
  733.              </header>
  734.  
  735.  
  736.              <div id="referralPopup" class="referral-popup">
  737.  <div class="referral-popup-content">
  738.    <button class="close-button" onclick="closeReferralPopup()">&times;</button>
  739.    
  740.    <div class="referral-popup-header">
  741.      
  742.      <h2>Unlock Your FREE Year of Premium Access! 🎁</h2>
  743.      <p class="subtitle">Share the power of our tools with friends and get rewarded!</p>
  744.      
  745.      <div class="reward-tiers">
  746.        <div class="reward-tier">
  747.          <div class="plan-badge">Most Popular</div>
  748.          <span class="plan-price">$59</span>
  749.          <h3>Pro Plan</h3>
  750.          <p class="plan-description">Refer 2 friends to our Pro plan and unlock a FULL YEAR of premium access absolutely FREE!</p>
  751.          <button class="share-button" onclick="shareViaLink('59', 'false' === 'true', event)">
  752.            <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-copy"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" /><path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" /></svg>
  753.            Copy Referral Link
  754.          </button>
  755.        </div>
  756.        <div class="reward-tier">
  757.          <div class="plan-badge premium">Premium Choice</div>
  758.          <span class="plan-price">$99</span>
  759.          <h3>Premium Plan</h3>
  760.          <p class="plan-description">Refer 2 friends to our Premium plan and enjoy a FULL YEAR of our top-tier features FREE!</p>
  761.          <button class="share-button" onclick="shareViaLink('99', 'false' === 'true', event)">
  762.            <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-copy"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" /><path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" /></svg>
  763.            Copy Referral Link
  764.          </button>
  765.        </div>
  766.      </div>
  767.      
  768.      <p class="bonus-text">🎉 Already a subscriber? Get a BONUS year added to your current plan when your friends join!</p>
  769.    </div>
  770.  </div>
  771. </div>
  772.  
  773.  
  774. <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  775.  
  776. const API_CONFIG = {
  777.    
  778.    API_BASE_URL: `${window.location.protocol}//${window.location.host}/premium/`
  779.  };
  780. // function createConfetti() {
  781. //   const colors = ['#6a4dff', '#ff4d6a', '#4dff6a', '#ffd700'];
  782. //   const confettiCount = 150;
  783. //   const container = document.querySelector('.confetti-container');
  784.  
  785. //   for (let i = 0; i < confettiCount; i++) {
  786. //     const confetti = document.createElement('div');
  787. //     confetti.className = 'confetti';
  788. //     confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
  789. //     confetti.style.left = Math.random() * 100 + '%';
  790. //     confetti.style.animationDelay = Math.random() * 3 + 's';
  791. //     confetti.style.opacity = Math.random();
  792. //     confetti.style.transform = `rotate(${Math.random() * 360}deg)`;
  793.    
  794. //     const size = Math.random() * 10 + 5;
  795. //     confetti.style.width = size + 'px';
  796. //     confetti.style.height = size + 'px';
  797.    
  798. //     container.appendChild(confetti);
  799. //   }
  800. // }
  801.  
  802. function showReferralPopup() {
  803.  const popup = document.getElementById('referralPopup');
  804.  popup.classList.add('active');
  805.  // createConfetti();
  806. }
  807.  
  808. function closeReferralPopup() {
  809.  const popup = document.getElementById('referralPopup');
  810.  popup.classList.remove('active');
  811.  
  812.  // Clean up confetti
  813.  const container = document.querySelector('.confetti-container');
  814.  container.innerHTML = '';
  815. }
  816.  
  817. async function shareViaLink(planPrice, isAuth, event) {
  818.  // Find the button element for the specific plan
  819.  let buttonElement;
  820.  if (event) {
  821.    buttonElement = event.target.closest('.share-button');
  822.  } else {
  823.    // Find the button based on the plan price
  824.    const rewardTiers = document.querySelectorAll('.reward-tier');
  825.    for (const tier of rewardTiers) {
  826.      const priceElement = tier.querySelector('.plan-price');
  827.      if (priceElement && priceElement.textContent.includes(planPrice)) {
  828.        buttonElement = tier.querySelector('.share-button');
  829.        break;
  830.      }
  831.    }
  832.  }
  833.  
  834.  if (!buttonElement) {
  835.    console.error('Button element not found for price:', planPrice);
  836.    return;
  837.  }
  838.  
  839.  const originalText = buttonElement.innerHTML;
  840.  
  841.  // Check localStorage first
  842.  const storageKey = `referral_link_${planPrice}`;
  843.  const cachedLink = localStorage.getItem(storageKey);
  844.  
  845.  if (cachedLink) {
  846.    await copyToClipboard(cachedLink, buttonElement);
  847.    return;
  848.  }
  849.  
  850.  // Show loading state
  851.  buttonElement.innerHTML = `
  852.    <div class="button-spinner"></div>
  853.    <span>Generating link...</span>
  854.  `;
  855.  
  856.  // Function to show error popup
  857.  function showErrorPopup(message) {
  858.    const errorPopup = document.createElement('div');
  859.    errorPopup.className = 'error-popup';
  860.    errorPopup.textContent = message;
  861.    document.body.appendChild(errorPopup);
  862.    
  863.    // Remove popup after 3 seconds
  864.    setTimeout(() => {
  865.      errorPopup.remove();
  866.    }, 3000);
  867.  }
  868.  
  869.  if (isAuth) {
  870.    try {
  871.      
  872.  
  873.      // Call API to generate referral link
  874.  
  875.      const token = window.localStorage.getItem('authtoken')
  876.      if(!token){
  877.        throw new Error('Please logged in and try again');
  878.      }
  879.      
  880.  
  881.      const response = await fetch( `${API_CONFIG.API_BASE_URL}subscription/generate/`, {
  882.        method: 'POST',
  883.        headers: {
  884.          'Authorization': `Bearer ${token}`,
  885.          'Content-Type': 'application/json'
  886.        },
  887.        body: JSON.stringify({
  888.          plan: planPrice === '99' ? 'Premium' : 'Pro'
  889.        })
  890.      });
  891.  
  892.      if (!response.ok) {
  893.        throw new Error('Failed to generate referral link');
  894.      }
  895.  
  896.      const data = await response.json();
  897.      
  898.      if (!data.data?.shared_link) {
  899.        throw new Error('Invalid response format');
  900.      }
  901.  
  902.      const referralLink = data.data.shared_link;
  903.      
  904.      // Store valid link in localStorage
  905.      const storageKey = `referral_link_${planPrice}`;
  906.      localStorage.setItem(storageKey, referralLink);
  907.      
  908.      // Copy to clipboard and restore original button state
  909.      buttonElement.innerHTML = originalText;
  910.      await copyToClipboard(referralLink, buttonElement);
  911.    } catch (err) {
  912.      console.error('Error sharing referral link:', err);
  913.      // Restore original button state
  914.      buttonElement.innerHTML = originalText;
  915.      showErrorPopup(err.message || 'Unable to generate referral link. Please try again later.');
  916.    }
  917.  } else {
  918.    // Redirect to auth page with refSub param
  919.    const refSub = encodeURIComponent(btoa(JSON.stringify({ planPrice, timestamp: Date.now() })));
  920.    window.location.href = `/auth?refSub=${refSub}`;
  921.  }
  922. }
  923.  
  924. async function copyToClipboard(text, buttonElement) {
  925.  if (!text) {
  926.    showErrorPopup('Invalid referral link');
  927.    return;
  928.  }
  929.  
  930.  const successState = '✓ Link Copied! Ready to Share';
  931.  let currentTimeout;
  932.  
  933.  try {
  934.    // Attempt to copy using clipboard API
  935.    if (navigator.clipboard) {
  936.      await navigator.clipboard.writeText(text);
  937.    } else {
  938.      // Fallback copy method
  939.      const tempInput = document.createElement('input');
  940.      tempInput.value = text;
  941.      document.body.appendChild(tempInput);
  942.      tempInput.select();
  943.      document.execCommand('copy');
  944.      document.body.removeChild(tempInput);
  945.    }
  946.  
  947.    // Show success state
  948.    const svgContent = buttonElement.querySelector('svg')?.outerHTML || '';
  949.    buttonElement.innerHTML = svgContent + ' ' + successState;
  950.  
  951.    // Clear any existing timeout
  952.    if (currentTimeout) {
  953.      clearTimeout(currentTimeout);
  954.    }
  955.  
  956.    // Set new timeout
  957.    currentTimeout = setTimeout(() => {
  958.      if (buttonElement.textContent.includes(successState)) {
  959.        buttonElement.innerHTML = svgContent + ' Copy Referral Link';
  960.      }
  961.    }, 3000);
  962.  
  963.  } catch (err) {
  964.    console.error('Failed to copy:', err);
  965.    showErrorPopup('Failed to copy link. Please try again.');
  966.  }
  967. }
  968.  
  969. function promptManualCopy(text) {
  970.  const tempInput = document.createElement('input');
  971.  tempInput.value = text;
  972.  document.body.appendChild(tempInput);
  973.  tempInput.select();
  974.  document.execCommand('copy');
  975.  document.body.removeChild(tempInput);
  976.  
  977.  const successPopup = document.createElement('div');
  978.  successPopup.className = 'error-popup success';
  979.  successPopup.textContent = 'Referral link copied to clipboard! Share it with your friends to start earning rewards.';
  980.  document.body.appendChild(successPopup);
  981.  
  982.  setTimeout(() => {
  983.    successPopup.remove();
  984.  }, 3000);
  985. }
  986.  
  987. // Update the existing handleReferral function
  988. window.handleReferral = function() {
  989.  showReferralPopup();
  990. };
  991.  
  992. // Initialize popup functionality
  993. function initReferralPopup() {
  994.  const popup = document.getElementById('referralPopup');
  995.  if (!popup) {
  996.    console.error('Referral popup not found!');
  997.    return;
  998.  }
  999.  
  1000.  // Ensure popup is in body
  1001.  if (popup.parentElement !== document.body) {
  1002.    document.body.appendChild(popup);
  1003.  }
  1004. }
  1005.  
  1006. document.addEventListener('DOMContentLoaded', function() {
  1007.  // Initialize popup
  1008.  initReferralPopup();
  1009.  
  1010.  // Check for pending referral
  1011.  const urlParams = new URLSearchParams(window.location.search);
  1012.  const showReferral = urlParams.get('show_referral');
  1013.  const pendingReferral = localStorage.getItem('pending_referral');
  1014.  
  1015.  if (showReferral && pendingReferral) {
  1016.    try {
  1017.      const referralData = JSON.parse(atob(pendingReferral));
  1018.      if (referralData.planPrice && referralData.timestamp) {
  1019.        // Only process if timestamp is within last 24 hours
  1020.        const now = Date.now();
  1021.        const then = referralData.timestamp;
  1022.        if (now - then < 24 * 60 * 60 * 1000) {
  1023.          // Show popup and trigger link generation
  1024.          showReferralPopup();
  1025.          shareViaLink(referralData.planPrice, true);
  1026.        }
  1027.        // Clear the pending referral
  1028.        localStorage.removeItem('pending_referral');
  1029.      }
  1030.    } catch (error) {
  1031.      console.error('Error processing pending referral:', error);
  1032.    }
  1033.  }
  1034.  
  1035.  // Add confetti animation styles dynamically
  1036.  const style = document.createElement('style');
  1037.  style.textContent = `
  1038.    @keyframes confettiFall {
  1039.      0% {
  1040.        transform: translateY(-100vh) rotate(0deg);
  1041.      }
  1042.      100% {
  1043.        transform: translateY(100vh) rotate(360deg);
  1044.      }
  1045.    }
  1046.    
  1047.    .confetti {
  1048.      position: absolute;
  1049.      width: 10px;
  1050.      height: 10px;
  1051.      background-color: #6a4dff;
  1052.      animation: confettiFall 3s linear infinite;
  1053.    }
  1054.  
  1055.    .button-spinner {
  1056.      display: inline-block;
  1057.      width: 16px;
  1058.      height: 16px;
  1059.      margin-right: 8px;
  1060.      border: 2px solid rgba(255, 255, 255, 0.3);
  1061.      border-top-color: #fff;
  1062.      border-radius: 50%;
  1063.      animation: spin 0.8s linear infinite;
  1064.    }
  1065.    
  1066.    @keyframes spin {
  1067.      to { transform: rotate(360deg); }
  1068.    }
  1069.  
  1070.    .error-popup {
  1071.      position: fixed;
  1072.      top: 20px;
  1073.      right: 20px;
  1074.      background-color: #ff4d4d;
  1075.      color: white;
  1076.      padding: 15px 20px;
  1077.      border-radius: 5px;
  1078.      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  1079.      z-index: 9999;
  1080.      animation: fadeInOut 3s ease;
  1081.    }
  1082.  
  1083.    .error-popup.success {
  1084.      background-color: #4CAF50;
  1085.    }
  1086.  
  1087.    @keyframes fadeInOut {
  1088.      0% { opacity: 0; transform: translateY(-20px); }
  1089.      10% { opacity: 1; transform: translateY(0); }
  1090.      90% { opacity: 1; transform: translateY(0); }
  1091.      100% { opacity: 0; transform: translateY(-20px); }
  1092.    }
  1093.  `;
  1094.  document.head.appendChild(style);
  1095. });
  1096. </script>
  1097.  
  1098.                <script>
  1099.                  document.addEventListener('DOMContentLoaded', function () {
  1100.                    // Exclude pages with "trip-planner" in the URL
  1101.                    if (window.location.pathname.includes("trip-planner")) {
  1102.                      return;
  1103.                    }
  1104.  
  1105.                    const languageOptions = document.querySelectorAll('.language-option');
  1106.                    const allowedLangs =  ['en', 'fr', 'de', 'zh', 'ar','es','pt','ja','ko','tl','nl','hi'];
  1107.                    const pathSegments = window.location.pathname.split('/').filter(Boolean);
  1108.                    let currentLang = allowedLangs.includes(pathSegments[0]) ? pathSegments[0] : null;
  1109.  
  1110.                    // Get any user-selected language from previous dropdown interactions.
  1111.                    const savedLang = localStorage.getItem('userLang');
  1112.  
  1113.                    // If there's no language code in the URL...
  1114.                    if (!currentLang) {
  1115.                      // If user already chose a language, respect that.
  1116.                      if (savedLang) {
  1117.                        if (savedLang !== 'en') {
  1118.                          const newPath = `/${savedLang}/${pathSegments.join('/')}`;
  1119.                          window.location.replace(newPath);
  1120.                          return;
  1121.                        }
  1122.                        // Else if savedLang is 'en', do nothing so English remains.
  1123.                      } else {
  1124.                        // Auto-detect browser language only if no user preference exists.
  1125.                        const browserLang = window.navigator.language.split('-')[0];
  1126.                        const detectedLang = allowedLangs.includes(browserLang) ? browserLang : 'en';
  1127.                        if (detectedLang !== 'en') {
  1128.                          const newPath = `/${detectedLang}/${pathSegments.join('/')}`;
  1129.                          window.location.replace(newPath);
  1130.                          return;
  1131.                        }
  1132.                      }
  1133.                    }
  1134.  
  1135.                    // Update the language display based on URL or saved user preference.
  1136.                    updateActiveLanguage(currentLang || savedLang || 'en');
  1137.  
  1138.                    // Attach click handlers for language change options.
  1139.                    languageOptions.forEach(option => {
  1140.                      option.addEventListener('click', function (e) {
  1141.                        e.preventDefault();
  1142.                        const selectedLang = this.dataset.lang;
  1143.                        // Save the user's explicit choice.
  1144.                        localStorage.setItem('userLang', selectedLang);
  1145.                        handleLanguageChange(selectedLang);
  1146.                      });
  1147.                    });
  1148.  
  1149.                    function handleLanguageChange(lang) {
  1150.                      const currentPath = window.location.pathname.split('/').filter(Boolean);
  1151.                      const currentLangInPath = allowedLangs.includes(currentPath[0]) ? currentPath[0] : null;
  1152.  
  1153.                      if (lang === 'en') {
  1154.                        // Remove any language prefix for English.
  1155.                        const pathWithoutLang = currentLangInPath ? currentPath.slice(1).join('/') : currentPath.join('/');
  1156.                        window.location.href = `/${pathWithoutLang}`;
  1157.                      } else {
  1158.                        // Prepend the selected language code.
  1159.                        const pathWithoutLang = currentLangInPath ? currentPath.slice(1).join('/') : currentPath.join('/');
  1160.                        window.location.href = `/${lang}/${pathWithoutLang}`;
  1161.                      }
  1162.                    }
  1163.  
  1164.                    function updateActiveLanguage(lang) {
  1165.  
  1166.                      const langArray = {
  1167.  
  1168.                        "en": "English",
  1169.                        "zh": "简体中文",
  1170.                        "ar": "العربية",
  1171.                        "fr": "Français",
  1172.                        "de": "German",
  1173.                        "es": "Español",
  1174.                        "pt": "Português",
  1175.                        "ja": "日本語",
  1176.                        "ko": "한국어",
  1177.                        "tl": "Tagalog",
  1178.                        "nl": "Dutch",
  1179.                        "hi": "हिन्दी"
  1180.                      }
  1181.  
  1182.  
  1183.                      languageOptions.forEach(option => {
  1184.                        option.classList.remove('active');
  1185.                        if (option.dataset.lang === lang) {
  1186.                          option.classList.add('active');
  1187.                        }
  1188.                      });
  1189.                    }
  1190.                  });
  1191.                </script>
  1192.  
  1193.  
  1194.                <style>
  1195.                  .language-option.active {
  1196.                    background-color: #f5f5f5;
  1197.                    font-weight: bold;
  1198.                    color: #6a4dff;
  1199.                  }
  1200.  
  1201.                  .language-option.active a {
  1202.                    color: #6a4dff !important;
  1203.                  }
  1204.  
  1205.                  .dd-menu .language-option {
  1206.                    display: block;
  1207.                    padding: 8px 15px;
  1208.                    text-decoration: none;
  1209.                    color: inherit;
  1210.                  }
  1211.  
  1212.                  .dd-menu .language-option:hover {
  1213.                    background-color: #f5f5f5;
  1214.                  }
  1215.                </style>
  1216.  
  1217.  
  1218.      <main role="main">
  1219.        
  1220.  
  1221.  <section class="hero bg-gray">
  1222.    <div>
  1223.      <h1  fetchpriority="high" class="text-center max-w-4xl mx-auto">
  1224.        AI for All: Explore the First-Ever Visual ChatGPT Platform
  1225.      </h1>
  1226.    </div>
  1227.    <div>
  1228.      <div class="search">
  1229.        <div class="search-header">
  1230.          <button class="" onclick="openSearchPopup()">
  1231.            Ask AI
  1232.          </button>
  1233.        </div>
  1234.      </div>
  1235.    </div>
  1236.    <div class="tags-wrap">
  1237.      <ul>
  1238.        
  1239.          <li>
  1240.            <a href="https://logicballs.com/tags/writing">
  1241.              Writing
  1242.            </a>
  1243.          </li>
  1244.          
  1245.          <li>
  1246.            <a href="https://logicballs.com/tags/marketing-strategy">
  1247.              Marketing Strategy
  1248.            </a>
  1249.          </li>
  1250.          
  1251.          <li>
  1252.            <a href="https://logicballs.com/tags/seo">
  1253.              Seo
  1254.            </a>
  1255.          </li>
  1256.          
  1257.          <li>
  1258.            <a href="https://logicballs.com/tags/social-media-assistant">
  1259.              Social Media Assistant
  1260.            </a>
  1261.          </li>
  1262.          
  1263.          <li>
  1264.            <a href="https://logicballs.com/tags/business">
  1265.              Business
  1266.            </a>
  1267.          </li>
  1268.          
  1269.          <li>
  1270.            <a href="https://logicballs.com/tags/customer-support">
  1271.              Customer Support
  1272.            </a>
  1273.          </li>
  1274.          
  1275.          <li>
  1276.            <a href="https://logicballs.com/tags/real-estate">
  1277.              Real Estate
  1278.            </a>
  1279.          </li>
  1280.          
  1281.          <li>
  1282.            <a href="https://logicballs.com/tags/text-to-voice">
  1283.              Text To Voice
  1284.            </a>
  1285.          </li>
  1286.          
  1287.          <li>
  1288.            <a href="https://logicballs.com/tags/sales">
  1289.              Sales
  1290.            </a>
  1291.          </li>
  1292.          
  1293.          <li>
  1294.            <a href="https://logicballs.com/tags/ads">
  1295.              Ads
  1296.            </a>
  1297.          </li>
  1298.          
  1299.            <li class="all-categore">
  1300.              <a href="https://logicballs.com/tags">
  1301.                All Tags
  1302.                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
  1303.                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
  1304.                    class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-up-right">
  1305.                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  1306.                    <path d="M17 7l-10 10" />
  1307.                    <path d="M8 7l9 0l0 9" />
  1308.                  </svg>
  1309.              </a>
  1310.            </li>
  1311.      </ul>
  1312.    </div>
  1313.  
  1314.    <!-- <div class="cta">
  1315.    <a id="show-getstarted-button" onclick="hightlightSearchBoxCursor()" class="btn btn-primary btn-lg">Get
  1316.      started free --&gt;</a>
  1317.  </div> -->
  1318.    <div class="rating ">
  1319.      <div class="avatar">
  1320.        <div>
  1321.          <img src="https://logicballs.com//images/user/avatar04.jpg" alt="avatar" width="40"
  1322.            height="40" />
  1323.          <img src="https://logicballs.com//images/user/avatar01.jpg" alt="avatar" width="40"
  1324.            height="40" />
  1325.          <img src="https://logicballs.com//images/user/avatar03.jpg" alt="avatar" width="40"
  1326.            height="40" />
  1327.          <img src="https://logicballs.com//images/user/avatar05.jpg" alt="avatar" width="40"
  1328.            height="40" />
  1329.          <img src="https://logicballs.com//images/user/avatar02.jpg" alt="avatar" width="40"
  1330.            height="40" />
  1331.        </div>
  1332.        <div>
  1333.          <div class="star">
  1334.            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  1335.              <path fill-rule="evenodd"
  1336.                d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z"
  1337.                clip-rule="evenodd"></path>
  1338.            </svg>
  1339.            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  1340.              <path fill-rule="evenodd"
  1341.                d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z"
  1342.                clip-rule="evenodd"></path>
  1343.            </svg>
  1344.            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  1345.              <path fill-rule="evenodd"
  1346.                d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z"
  1347.                clip-rule="evenodd"></path>
  1348.            </svg>
  1349.            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  1350.              <path fill-rule="evenodd"
  1351.                d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z"
  1352.                clip-rule="evenodd"></path>
  1353.            </svg>
  1354.            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  1355.              <path fill-rule="evenodd"
  1356.                d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z"
  1357.                clip-rule="evenodd"></path>
  1358.            </svg>
  1359.          </div>
  1360.          <span>
  1361.            and 500,000+ others
  1362.          </span>
  1363.        </div>
  1364.        <a href="https://logicballs.com/testimonial"
  1365.          aria-label="Testimonial">&nbsp;</a>
  1366.      </div>
  1367.    </div>
  1368.  </section>
  1369.  
  1370.  <section class="ai-assistants">
  1371.    <div>
  1372.      <h2 class="text-center">
  1373.        Try Our AI Assistants
  1374.      </h2>
  1375.    </div>
  1376.    <div class="grid-33">
  1377.      <div class="assistant-card card-new rounded shadow">
  1378.        <a href="/characters/chat/f3680134-2403-4711-a5ee-0b999e596652/decisionhelper" class="card-link">
  1379.          <div class="assistant-icon">
  1380.            <img
  1381.              src="https://characterai.io/i/200/static/avatars/uploaded/2023/1/30/D1Dar3krrm79DrKNlUiMoGJmcxSSEFvxbzY7f-D8Bk4.webp?webp=true&anim=0"
  1382.              alt="DecisionHelper icon">
  1383.          </div>
  1384.          <div class="assistant-content">
  1385.            <h3>
  1386.              DecisionHelper
  1387.            </h3>
  1388.            <p>
  1389.              I&#39;m a decision-making assistant, helping people weigh their options and consider various outcomes. I&#39;m here to provide a fresh perspective and support.
  1390.            </p>
  1391.          </div>
  1392.        </a>
  1393.      </div>
  1394.  
  1395.      <div class="assistant-card card-new rounded shadow">
  1396.        <a href="/characters/chat/217220bb-4264-4c17-bb8b-3b8d75d0f182/space-adventure-game" class="card-link">
  1397.          <div class="assistant-icon">
  1398.            <img
  1399.              src="https://characterai.io/i/200/static/avatars/uploaded/2022/10/9/AAUwehKov9h542rgBceGQ2L-MkjwMBSxoDgSsUkXIO4.webp?webp=true&anim=0"
  1400.              alt="Space Adventure Game icon">
  1401.          </div>
  1402.          <div class="assistant-content">
  1403.            <h3>
  1404.              Space Adventure Game
  1405.            </h3>
  1406.            <p>
  1407.              Embark on a thrilling text-based space adventure with the Janitor, your humorous and resourceful guide.
  1408.            </p>
  1409.          </div>
  1410.        </a>
  1411.      </div>
  1412.  
  1413.      <div class="assistant-card card-new rounded shadow">
  1414.        <a href="/characters/chat/e632556a-6b14-4ed8-968f-dfc60e70c102/creative-helper" class="card-link">
  1415.          <div class="assistant-icon">
  1416.            <img
  1417.              src="https://characterai.io/i/200/static/avatars/uploaded/2022/10/19/UHMcO-dD720KcZuxmWjNnuDzYGrhjrulXic0c-nZWBY.webp?webp=true&anim=0"
  1418.              alt="Creative Helper icon">
  1419.          </div>
  1420.          <div class="assistant-content">
  1421.            <h3>
  1422.              Creative Helper
  1423.            </h3>
  1424.            <p>
  1425.              I&#39;m a creative writing assistant, helping you develop characters, worlds, and locations. Just provide me with some details or questions, and I&#39;ll fill in the rest!
  1426.            </p>
  1427.          </div>
  1428.        </a>
  1429.      </div>
  1430.  
  1431.      <div class="assistant-card card-new rounded shadow">
  1432.        <a href="/characters/chat/ba057a59-4f2b-4696-a44a-02d85c939253/trip-planner" class="card-link">
  1433.          <div class="assistant-icon">
  1434.            <img
  1435.              src="https://characterai.io/i/200/static/avatars/uploaded/2022/11/1/8vQT3XDnPkEHhafVac-ldiQCljC3kImrE9TiEXcIjKQ.webp?webp=true&anim=0"
  1436.              alt="Trip Planner icon">
  1437.          </div>
  1438.          <div class="assistant-content">
  1439.            <h3>
  1440.              Trip Planner
  1441.            </h3>
  1442.            <p>
  1443.              An AI assistant that helps plan trips by recommending destinations, activities, and local attractions based on user preferences.
  1444.            </p>
  1445.          </div>
  1446.        </a>
  1447.      </div>
  1448.  
  1449.      <div class="assistant-card card-new rounded shadow">
  1450.        <a href="/characters/chat/7f18d012-5811-42a5-8f9e-a4bf083b9833/librarian-linda" class="card-link">
  1451.          <div class="assistant-icon">
  1452.            <img src="https://characterai.io/i/200/static/avatars/LibrarianLinda.png?webp=true&anim=0"
  1453.              alt="Librarian Linda icon">
  1454.          </div>
  1455.          <div class="assistant-content">
  1456.            <h3>
  1457.              Librarian Linda
  1458.            </h3>
  1459.            <p>
  1460.              Librarian Linda is a knowledgeable and helpful Character who loves books and can recommend the perfect read based on your interests.
  1461.            </p>
  1462.          </div>
  1463.        </a>
  1464.      </div>
  1465.  
  1466.      <div class="assistant-card card-new rounded shadow">
  1467.        <a href="/characters/chat/db108b8c-878e-4558-9963-7fb31451b3fd/brainstormer" class="card-link">
  1468.          <div class="assistant-icon">
  1469.            <img
  1470.              src="https://characterai.io/i/400/static/avatars/uploaded/2023/1/30/OpqG-QJWMMyTmkL9gI9496fevfGeJjfNj5aoyGtLqtQ.webp?webp=true&anim=0"
  1471.              alt="Brainstormer icon">
  1472.          </div>
  1473.          <div class="assistant-content">
  1474.            <h3>
  1475.              Brainstormer
  1476.            </h3>
  1477.            <p>
  1478.              I help people with lateral thinking, coming up with creative ideas, new concepts, and alternative approaches to help people get unstuck and find novel solutions to challenges.
  1479.            </p>
  1480.          </div>
  1481.        </a>
  1482.      </div>
  1483.    </div>
  1484.  
  1485.    <div class="ai-assistants-btn">
  1486.      <a href="/characters" class="btn btn-primary btn-lg">
  1487.        Browse all characters
  1488.      </a>
  1489.    </div>
  1490.  </section>
  1491.  <section class="ai-assistants bg-gray">
  1492.    <div>
  1493.      <h2 class="text-center">
  1494.        Try Our Premium Features
  1495.      </h2>
  1496.    </div>
  1497.    <div class="grid-33">
  1498.      <div class="assistant-card card-new rounded shadow">
  1499.        <a href="https://logicballs.com/youtube-transcript-generator" class="card-link">
  1500.          <div class="assistant-icons">
  1501.            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none"
  1502.              stroke="#6a4dff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
  1503.              class="icon icon-tabler icons-tabler-outline icon-tabler-brand-youtube">
  1504.              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  1505.              <path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z" />
  1506.              <path d="M10 9l5 3l-5 3z" />
  1507.            </svg>
  1508.          </div>
  1509.          <div class="assistant-content">
  1510.            <h3>
  1511.              YouTube Transcript Generator
  1512.            </h3>
  1513.            <p>
  1514.              Generate accurate transcripts for YouTube videos. Ideal for content creators, educators, and researchers.
  1515.            </p>
  1516.          </div>
  1517.        </a>
  1518.      </div>
  1519.  
  1520.  
  1521.  
  1522.      <div class="assistant-card card-new rounded shadow">
  1523.        <a href="https://logicballs.com/chat-youtube-video" class="card-link">
  1524.          <div class="assistant-icons">
  1525.            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none"
  1526.              stroke="#6a4dff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
  1527.              class="icon icon-tabler icons-tabler-outline icon-tabler-messages">
  1528.              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  1529.              <path d="M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10" />
  1530.              <path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" />
  1531.            </svg>
  1532.          </div>
  1533.          <div class="assistant-content">
  1534.            <h3>
  1535.              Chat with YouTube Video
  1536.            </h3>
  1537.            <p>
  1538.              Ask questions and get instant answers from YouTube videos with AI-powered insights.
  1539.            </p>
  1540.          </div>
  1541.        </a>
  1542.      </div>
  1543.  
  1544.      <div class="assistant-card card-new rounded shadow">
  1545.        <a href="https://logicballs.com/chat-with-pdf" class="card-link">
  1546.          <div class="assistant-icons">
  1547.            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none"
  1548.              stroke="#6a4dff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
  1549.              class="icon icon-tabler icons-tabler-outline icon-tabler-file-type-pdf">
  1550.              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  1551.              <path d="M14 3v4a1 1 0 0 0 1 1h4" />
  1552.              <path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" />
  1553.              <path d="M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6" />
  1554.              <path d="M17 18h2" />
  1555.              <path d="M20 15h-3v6" />
  1556.              <path d="M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" />
  1557.            </svg>
  1558.          </div>
  1559.          <div class="assistant-content">
  1560.            <h3>
  1561.              Chat with PDF
  1562.            </h3>
  1563.            <p>
  1564.              Unlock insights from PDF documents instantly. Ideal for students, researchers, and professionals.
  1565.            </p>
  1566.          </div>
  1567.        </a>
  1568.      </div>
  1569.  
  1570.  
  1571.  
  1572.  
  1573.  
  1574.  
  1575.  
  1576.    </div>
  1577.  
  1578.  </section>
  1579.  <section class="categorie">
  1580.    <div>
  1581.      <h2 class="text-center">
  1582.        AI Tools for Every Need
  1583.      </h2>
  1584.    </div>
  1585.    <div class="grid-33">
  1586.      
  1587.        <div class="card-new rounded bordered">
  1588.          <h3>
  1589.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  1590.              stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  1591.              class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  1592.              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  1593.              <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  1594.              <path d="M16 7h4" />
  1595.              <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  1596.            </svg>
  1597.            General
  1598.          </h3>
  1599.          <ul>
  1600.            
  1601.              <li>
  1602.                <a href="https://logicballs.com/tools/add-emoji-to-text">
  1603.                  <div class="tools-name">
  1604.                    Add Emoji to Text
  1605.                  </div>
  1606.                </a>
  1607.              </li>
  1608.              
  1609.              <li>
  1610.                <a href="https://logicballs.com/tools/ai-introduction-generator">
  1611.                  <div class="tools-name">
  1612.                    Introduction Generator
  1613.                  </div>
  1614.                </a>
  1615.              </li>
  1616.              
  1617.              <li>
  1618.                <a href="https://logicballs.com/tools/ai-joke-generator">
  1619.                  <div class="tools-name">
  1620.                    Joke Generator
  1621.                  </div>
  1622.                </a>
  1623.              </li>
  1624.              
  1625.              <li>
  1626.                <a href="https://logicballs.com/tools/ai-pros-and-cons-tool">
  1627.                  <div class="tools-name">
  1628.                    Pros and Cons Tool
  1629.                  </div>
  1630.                </a>
  1631.              </li>
  1632.              
  1633.              <li>
  1634.                <a href="https://logicballs.com/tools/baby-names-generator">
  1635.                  <div class="tools-name">
  1636.                    Baby Name Generator: Find the Unique Baby Names
  1637.                  </div>
  1638.                </a>
  1639.              </li>
  1640.              
  1641.              <li>
  1642.                <a href="https://logicballs.com/tools/email-response-generator">
  1643.                  <div class="tools-name">
  1644.                    Email Response Generator
  1645.                  </div>
  1646.                </a>
  1647.              </li>
  1648.              
  1649.              <li>
  1650.                <a href="https://logicballs.com/tools/email-subject-line-generator">
  1651.                  <div class="tools-name">
  1652.                    Email Subject Line Generator
  1653.                  </div>
  1654.                </a>
  1655.              </li>
  1656.              
  1657.              <li>
  1658.                <a href="https://logicballs.com/tools/email-writer-&amp;-generator">
  1659.                  <div class="tools-name">
  1660.                    Email Writer & Generator
  1661.                  </div>
  1662.                </a>
  1663.              </li>
  1664.              
  1665.              <li>
  1666.                <a href="https://logicballs.com/tools/emoji-translator">
  1667.                  <div class="tools-name">
  1668.                    Emoji Translator
  1669.                  </div>
  1670.                </a>
  1671.              </li>
  1672.              
  1673.              <li>
  1674.                <a href="https://logicballs.com/tools/excel-formula-generator">
  1675.                  <div class="tools-name">
  1676.                    AI Excel Formula Generator
  1677.                  </div>
  1678.                </a>
  1679.              </li>
  1680.              
  1681.          </ul>
  1682.          <div class="btn-wrap">
  1683.            <a href="https://logicballs.com/browse-ai-tools/general">
  1684.              View all (38) -->
  1685.            </a>
  1686.          </div>
  1687.        </div>
  1688.        
  1689.        <div class="card-new rounded bordered">
  1690.          <h3>
  1691.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  1692.              stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  1693.              class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  1694.              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  1695.              <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  1696.              <path d="M16 7h4" />
  1697.              <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  1698.            </svg>
  1699.            Marketing
  1700.          </h3>
  1701.          <ul>
  1702.            
  1703.              <li>
  1704.                <a href="https://logicballs.com/tools/-pr-tactics-guide-for-startups-creator">
  1705.                  <div class="tools-name">
  1706.                    PR Tactics Guide Creator for Startups
  1707.                  </div>
  1708.                </a>
  1709.              </li>
  1710.              
  1711.              <li>
  1712.                <a href="https://logicballs.com/tools/about-us-page-generator">
  1713.                  <div class="tools-name">
  1714.                    About Us Page Generator
  1715.                  </div>
  1716.                </a>
  1717.              </li>
  1718.              
  1719.              <li>
  1720.                <a href="https://logicballs.com/tools/advertisement-script-generator">
  1721.                  <div class="tools-name">
  1722.                    Advertisement Script Generator
  1723.                  </div>
  1724.                </a>
  1725.              </li>
  1726.              
  1727.              <li>
  1728.                <a href="https://logicballs.com/tools/advertising-campaign-generator">
  1729.                  <div class="tools-name">
  1730.                    Advertising Campaign Generator
  1731.                  </div>
  1732.                </a>
  1733.              </li>
  1734.              
  1735.              <li>
  1736.                <a href="https://logicballs.com/tools/ai-ad-concepts-generator">
  1737.                  <div class="tools-name">
  1738.                    Ad Concepts Generator
  1739.                  </div>
  1740.                </a>
  1741.              </li>
  1742.              
  1743.              <li>
  1744.                <a href="https://logicballs.com/tools/ai-brand-identity-quiz-generator">
  1745.                  <div class="tools-name">
  1746.                    Brand Identity Quiz Generator
  1747.                  </div>
  1748.                </a>
  1749.              </li>
  1750.              
  1751.              <li>
  1752.                <a href="https://logicballs.com/tools/ai-brand-persons-generator">
  1753.                  <div class="tools-name">
  1754.                    Brand Persons Generator
  1755.                  </div>
  1756.                </a>
  1757.              </li>
  1758.              
  1759.              <li>
  1760.                <a href="https://logicballs.com/tools/ai-brand-storytelling-generator">
  1761.                  <div class="tools-name">
  1762.                    Brand Storytelling Generator
  1763.                  </div>
  1764.                </a>
  1765.              </li>
  1766.              
  1767.              <li>
  1768.                <a href="https://logicballs.com/tools/ai-csr-pr-campaign-creator">
  1769.                  <div class="tools-name">
  1770.                    CSR PR Campaign Creator
  1771.                  </div>
  1772.                </a>
  1773.              </li>
  1774.              
  1775.              <li>
  1776.                <a href="https://logicballs.com/tools/ai-customer-loyalty-questionnaire-generator">
  1777.                  <div class="tools-name">
  1778.                    Customer Loyalty Questionnaire Generator
  1779.                  </div>
  1780.                </a>
  1781.              </li>
  1782.              
  1783.          </ul>
  1784.          <div class="btn-wrap">
  1785.            <a href="https://logicballs.com/browse-ai-tools/marketing">
  1786.              View all (140) -->
  1787.            </a>
  1788.          </div>
  1789.        </div>
  1790.        
  1791.        <div class="card-new rounded bordered">
  1792.          <h3>
  1793.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  1794.              stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  1795.              class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  1796.              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  1797.              <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  1798.              <path d="M16 7h4" />
  1799.              <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  1800.            </svg>
  1801.            Sales
  1802.          </h3>
  1803.          <ul>
  1804.            
  1805.              <li>
  1806.                <a href="https://logicballs.com/tools/-ai-client-success-story-generator">
  1807.                  <div class="tools-name">
  1808.                    Client Success Story Generator
  1809.                  </div>
  1810.                </a>
  1811.              </li>
  1812.              
  1813.              <li>
  1814.                <a href="https://logicballs.com/tools/-ai-upselling-generator">
  1815.                  <div class="tools-name">
  1816.                    Upselling Generator
  1817.                  </div>
  1818.                </a>
  1819.              </li>
  1820.              
  1821.              <li>
  1822.                <a href="https://logicballs.com/tools/account-planning-assistant">
  1823.                  <div class="tools-name">
  1824.                    Account Planning Assistant
  1825.                  </div>
  1826.                </a>
  1827.              </li>
  1828.              
  1829.              <li>
  1830.                <a href="https://logicballs.com/tools/ai-b2c-sales-workflow-generator">
  1831.                  <div class="tools-name">
  1832.                    B2C Sales Workflow Generator
  1833.                  </div>
  1834.                </a>
  1835.              </li>
  1836.              
  1837.              <li>
  1838.                <a href="https://logicballs.com/tools/ai-client-retention-strategies-developer">
  1839.                  <div class="tools-name">
  1840.                    Client Retention Strategies Developer
  1841.                  </div>
  1842.                </a>
  1843.              </li>
  1844.              
  1845.              <li>
  1846.                <a href="https://logicballs.com/tools/ai-cold-calling-strategies-generator">
  1847.                  <div class="tools-name">
  1848.                    Cold Calling Strategies Generator
  1849.                  </div>
  1850.                </a>
  1851.              </li>
  1852.              
  1853.              <li>
  1854.                <a href="https://logicballs.com/tools/ai-customer-lifetime-value-analysis">
  1855.                  <div class="tools-name">
  1856.                    Customer Lifetime Value Analysis
  1857.                  </div>
  1858.                </a>
  1859.              </li>
  1860.              
  1861.              <li>
  1862.                <a href="https://logicballs.com/tools/ai-personalized-sales-pitch-generator">
  1863.                  <div class="tools-name">
  1864.                    Personalized Sales Pitch Generator
  1865.                  </div>
  1866.                </a>
  1867.              </li>
  1868.              
  1869.              <li>
  1870.                <a href="https://logicballs.com/tools/ai-phone-sales-script-generator">
  1871.                  <div class="tools-name">
  1872.                    Phone Sales Script Generator
  1873.                  </div>
  1874.                </a>
  1875.              </li>
  1876.              
  1877.              <li>
  1878.                <a href="https://logicballs.com/tools/ai-sales-negotiatior">
  1879.                  <div class="tools-name">
  1880.                    Sales Negotiator
  1881.                  </div>
  1882.                </a>
  1883.              </li>
  1884.              
  1885.          </ul>
  1886.          <div class="btn-wrap">
  1887.            <a href="https://logicballs.com/browse-ai-tools/sales">
  1888.              View all (61) -->
  1889.            </a>
  1890.          </div>
  1891.        </div>
  1892.        
  1893.        <div class="card-new rounded bordered">
  1894.          <h3>
  1895.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  1896.              stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  1897.              class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  1898.              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  1899.              <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  1900.              <path d="M16 7h4" />
  1901.              <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  1902.            </svg>
  1903.            SEO
  1904.          </h3>
  1905.          <ul>
  1906.            
  1907.              <li>
  1908.                <a href="https://logicballs.com/tools/ai-h1-heading-generator">
  1909.                  <div class="tools-name">
  1910.                    H1 Heading Generator
  1911.                  </div>
  1912.                </a>
  1913.              </li>
  1914.              
  1915.              <li>
  1916.                <a href="https://logicballs.com/tools/ai-heading-rewriter">
  1917.                  <div class="tools-name">
  1918.                    Heading Rewriter
  1919.                  </div>
  1920.                </a>
  1921.              </li>
  1922.              
  1923.              <li>
  1924.                <a href="https://logicballs.com/tools/ai-seo-friendly-url-generator">
  1925.                  <div class="tools-name">
  1926.                    SEO-Friendly URL Generator
  1927.                  </div>
  1928.                </a>
  1929.              </li>
  1930.              
  1931.              <li>
  1932.                <a href="https://logicballs.com/tools/backlink-outreach-email-generator">
  1933.                  <div class="tools-name">
  1934.                    Backlink Outreach Email
  1935.                  </div>
  1936.                </a>
  1937.              </li>
  1938.              
  1939.              <li>
  1940.                <a href="https://logicballs.com/tools/keywords-extractor">
  1941.                  <div class="tools-name">
  1942.                    Keywords Extractor
  1943.                  </div>
  1944.                </a>
  1945.              </li>
  1946.              
  1947.              <li>
  1948.                <a href="https://logicballs.com/tools/keywords-generator">
  1949.                  <div class="tools-name">
  1950.                    Keywords Generator
  1951.                  </div>
  1952.                </a>
  1953.              </li>
  1954.              
  1955.              <li>
  1956.                <a href="https://logicballs.com/tools/seo-meta-title-generator">
  1957.                  <div class="tools-name">
  1958.                    SEO Meta Title Generator
  1959.                  </div>
  1960.                </a>
  1961.              </li>
  1962.              
  1963.              <li>
  1964.                <a href="https://logicballs.com/tools/seo-topical-map-generator">
  1965.                  <div class="tools-name">
  1966.                    SEO Topical Map Generator
  1967.                  </div>
  1968.                </a>
  1969.              </li>
  1970.              
  1971.              <li>
  1972.                <a href="https://logicballs.com/tools/keyword-research-strategies-generator">
  1973.                  <div class="tools-name">
  1974.                    Keyword Research Strategies Generator
  1975.                  </div>
  1976.                </a>
  1977.              </li>
  1978.              
  1979.              <li>
  1980.                <a href="https://logicballs.com/tools/long-tail-keyword-generator">
  1981.                  <div class="tools-name">
  1982.                    Long Tail Keyword Generator
  1983.                  </div>
  1984.                </a>
  1985.              </li>
  1986.              
  1987.          </ul>
  1988.          <div class="btn-wrap">
  1989.            <a href="https://logicballs.com/browse-ai-tools/seo">
  1990.              View all (12) -->
  1991.            </a>
  1992.          </div>
  1993.        </div>
  1994.        
  1995.        <div class="card-new rounded bordered">
  1996.          <h3>
  1997.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  1998.              stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  1999.              class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  2000.              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  2001.              <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  2002.              <path d="M16 7h4" />
  2003.              <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  2004.            </svg>
  2005.            Social Media
  2006.          </h3>
  2007.          <ul>
  2008.            
  2009.              <li>
  2010.                <a href="https://logicballs.com/tools/facebook-group-post-comment-generator">
  2011.                  <div class="tools-name">
  2012.                    Facebook Group Post Comment Generator
  2013.                  </div>
  2014.                </a>
  2015.              </li>
  2016.              
  2017.              <li>
  2018.                <a href="https://logicballs.com/tools/facebook-group-post-generator">
  2019.                  <div class="tools-name">
  2020.                    Facebook Group Post Generator
  2021.                  </div>
  2022.                </a>
  2023.              </li>
  2024.              
  2025.              <li>
  2026.                <a href="https://logicballs.com/tools/facebook-post-comment-generator">
  2027.                  <div class="tools-name">
  2028.                    Facebook Post Comment Generator
  2029.                  </div>
  2030.                </a>
  2031.              </li>
  2032.              
  2033.              <li>
  2034.                <a href="https://logicballs.com/tools/facebook-post-generator">
  2035.                  <div class="tools-name">
  2036.                    Facebook Post Generator
  2037.                  </div>
  2038.                </a>
  2039.              </li>
  2040.              
  2041.              <li>
  2042.                <a href="https://logicballs.com/tools/hacker-news-post-comment-generator">
  2043.                  <div class="tools-name">
  2044.                    Hacker News Post Comment Generator
  2045.                  </div>
  2046.                </a>
  2047.              </li>
  2048.              
  2049.              <li>
  2050.                <a href="https://logicballs.com/tools/hacker-news-post-generator">
  2051.                  <div class="tools-name">
  2052.                    Hacker News Post Generator
  2053.                  </div>
  2054.                </a>
  2055.              </li>
  2056.              
  2057.              <li>
  2058.                <a href="https://logicballs.com/tools/indie-hackers-post-generator">
  2059.                  <div class="tools-name">
  2060.                    IndieHackers Post Generator
  2061.                  </div>
  2062.                </a>
  2063.              </li>
  2064.              
  2065.              <li>
  2066.                <a href="https://logicballs.com/tools/indiehackers-post-comment-generator">
  2067.                  <div class="tools-name">
  2068.                    IndieHackers Post Comment Generator
  2069.                  </div>
  2070.                </a>
  2071.              </li>
  2072.              
  2073.              <li>
  2074.                <a href="https://logicballs.com/tools/instagram-bio-generator">
  2075.                  <div class="tools-name">
  2076.                    Instagram Bio Generator
  2077.                  </div>
  2078.                </a>
  2079.              </li>
  2080.              
  2081.              <li>
  2082.                <a href="https://logicballs.com/tools/instagram-caption-generator">
  2083.                  <div class="tools-name">
  2084.                    Instagram Caption Generator
  2085.                  </div>
  2086.                </a>
  2087.              </li>
  2088.              
  2089.          </ul>
  2090.          <div class="btn-wrap">
  2091.            <a href="https://logicballs.com/browse-ai-tools/social-media">
  2092.              View all (73) -->
  2093.            </a>
  2094.          </div>
  2095.        </div>
  2096.        
  2097.        <div class="card-new rounded bordered">
  2098.          <h3>
  2099.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  2100.              stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  2101.              class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  2102.              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  2103.              <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  2104.              <path d="M16 7h4" />
  2105.              <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  2106.            </svg>
  2107.            Writing
  2108.          </h3>
  2109.          <ul>
  2110.            
  2111.              <li>
  2112.                <a href="https://logicballs.com/tools/-pr-plan-for-journalist-outreach-generator">
  2113.                  <div class="tools-name">
  2114.                    Journalist Outreach PR Plan Generator
  2115.                  </div>
  2116.                </a>
  2117.              </li>
  2118.              
  2119.              <li>
  2120.                <a href="https://logicballs.com/tools/abstract-convert">
  2121.                  <div class="tools-name">
  2122.                    AI Abstract Convert
  2123.                  </div>
  2124.                </a>
  2125.              </li>
  2126.              
  2127.              <li>
  2128.                <a href="https://logicballs.com/tools/acronym-generator">
  2129.                  <div class="tools-name">
  2130.                    Acronym Generator
  2131.                  </div>
  2132.                </a>
  2133.              </li>
  2134.              
  2135.              <li>
  2136.                <a href="https://logicballs.com/tools/active-to-passive-voice-converter">
  2137.                  <div class="tools-name">
  2138.                    Active to Passive Voice Converter
  2139.                  </div>
  2140.                </a>
  2141.              </li>
  2142.              
  2143.              <li>
  2144.                <a href="https://logicballs.com/tools/add-details">
  2145.                  <div class="tools-name">
  2146.                    AI Add Details
  2147.                  </div>
  2148.                </a>
  2149.              </li>
  2150.              
  2151.              <li>
  2152.                <a href="https://logicballs.com/tools/ai-answer-generator">
  2153.                  <div class="tools-name">
  2154.                     AI Answer Generator
  2155.                  </div>
  2156.                </a>
  2157.              </li>
  2158.              
  2159.              <li>
  2160.                <a href="https://logicballs.com/tools/ai-application-writer">
  2161.                  <div class="tools-name">
  2162.                    Application Writer
  2163.                  </div>
  2164.                </a>
  2165.              </li>
  2166.              
  2167.              <li>
  2168.                <a href="https://logicballs.com/tools/ai-argument-enhancer">
  2169.                  <div class="tools-name">
  2170.                    Argument Enhancer
  2171.                  </div>
  2172.                </a>
  2173.              </li>
  2174.              
  2175.              <li>
  2176.                <a href="https://logicballs.com/tools/ai-book-ideas-generator">
  2177.                  <div class="tools-name">
  2178.                    Book Ideas Generator
  2179.                  </div>
  2180.                </a>
  2181.              </li>
  2182.              
  2183.              <li>
  2184.                <a href="https://logicballs.com/tools/ai-book-outline-generator">
  2185.                  <div class="tools-name">
  2186.                    Book Outline Generator
  2187.                  </div>
  2188.                </a>
  2189.              </li>
  2190.              
  2191.          </ul>
  2192.          <div class="btn-wrap">
  2193.            <a href="https://logicballs.com/browse-ai-tools/writing">
  2194.              View all (136) -->
  2195.            </a>
  2196.          </div>
  2197.        </div>
  2198.        
  2199.    </div>
  2200.  
  2201.    <div class="btn-wrap btn-center">
  2202.      <a href="https://logicballs.com/browse-ai-tools" class="btn btn-primary btn-lg">
  2203.        Browse all categories
  2204.      </a>
  2205.    </div>
  2206.  </section>
  2207.  
  2208.  
  2209.    <section class="categorie">
  2210.      <div>
  2211.        <h2 class="text-center">
  2212.          AI Tools for US <span class="fi fi-us"></span>
  2213.  
  2214.        </h2>
  2215.      
  2216.      </div>
  2217.      <div class="grid-33">
  2218.        
  2219.          <div class="card-new rounded bordered">
  2220.            <h3>
  2221.              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  2222.                stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  2223.                class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  2224.                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  2225.                <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  2226.                <path d="M16 7h4" />
  2227.                <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  2228.              </svg>
  2229.              US Grant Writing
  2230.            </h3>
  2231.            <ul>
  2232.              
  2233.                <li>
  2234.                  <a href="https://logicballs.com/tools/capacity-building-planner">
  2235.                    <div class="tools-name">
  2236.                      Capacity Building Planner
  2237.                    </div>
  2238.                  </a>
  2239.                </li>
  2240.                
  2241.                <li>
  2242.                  <a href="https://logicballs.com/tools/collaboration-plan-writer">
  2243.                    <div class="tools-name">
  2244.                      Collaboration Plan Writer
  2245.                    </div>
  2246.                  </a>
  2247.                </li>
  2248.                
  2249.                <li>
  2250.                  <a href="https://logicballs.com/tools/diversity-plan-generator">
  2251.                    <div class="tools-name">
  2252.                      Diversity Plan Generator
  2253.                    </div>
  2254.                  </a>
  2255.                </li>
  2256.                
  2257.                <li>
  2258.                  <a href="https://logicballs.com/tools/evaluation-matrix-creator">
  2259.                    <div class="tools-name">
  2260.                      Evaluation Matrix Creator
  2261.                    </div>
  2262.                  </a>
  2263.                </li>
  2264.                
  2265.                <li>
  2266.                  <a href="https://logicballs.com/tools/federal-forms-assistant">
  2267.                    <div class="tools-name">
  2268.                      Federal Forms Assistant
  2269.                    </div>
  2270.                  </a>
  2271.                </li>
  2272.                
  2273.                <li>
  2274.                  <a href="https://logicballs.com/tools/federal-grant-formatter">
  2275.                    <div class="tools-name">
  2276.                      Federal Grant Formatter
  2277.                    </div>
  2278.                  </a>
  2279.                </li>
  2280.                
  2281.                <li>
  2282.                  <a href="https://logicballs.com/tools/foundation-grant-customizer">
  2283.                    <div class="tools-name">
  2284.                      Foundation Grant Customizer
  2285.                    </div>
  2286.                  </a>
  2287.                </li>
  2288.                
  2289.                <li>
  2290.                  <a href="https://logicballs.com/tools/grant-abstract-polisher">
  2291.                    <div class="tools-name">
  2292.                      Grant Abstract Polisher
  2293.                    </div>
  2294.                  </a>
  2295.                </li>
  2296.                
  2297.                <li>
  2298.                  <a href="https://logicballs.com/tools/grant-alignment-checker">
  2299.                    <div class="tools-name">
  2300.                      Grant Alignment Checker
  2301.                    </div>
  2302.                  </a>
  2303.                </li>
  2304.                
  2305.                <li>
  2306.                  <a href="https://logicballs.com/tools/grant-appeal-generator">
  2307.                    <div class="tools-name">
  2308.                      Grant Appeal Generator
  2309.                    </div>
  2310.                  </a>
  2311.                </li>
  2312.                
  2313.            </ul>
  2314.            <div class="btn-wrap">
  2315.              <a href="https://logicballs.com/category/us-grant-writing">
  2316.                View all
  2317.              </a>
  2318.            </div>
  2319.          </div>
  2320.          
  2321.          <div class="card-new rounded bordered">
  2322.            <h3>
  2323.              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  2324.                stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  2325.                class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  2326.                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  2327.                <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  2328.                <path d="M16 7h4" />
  2329.                <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  2330.              </svg>
  2331.              US Transportation And Logistics
  2332.            </h3>
  2333.            <ul>
  2334.              
  2335.                <li>
  2336.                  <a href="https://logicballs.com/tools/bill-of-lading-generator">
  2337.                    <div class="tools-name">
  2338.                      Bill of Lading Generator
  2339.                    </div>
  2340.                  </a>
  2341.                </li>
  2342.                
  2343.                <li>
  2344.                  <a href="https://logicballs.com/tools/cargo-securement-guide">
  2345.                    <div class="tools-name">
  2346.                      Cargo Securement Guide
  2347.                    </div>
  2348.                  </a>
  2349.                </li>
  2350.                
  2351.                <li>
  2352.                  <a href="https://logicballs.com/tools/carrier-contract-analyzer">
  2353.                    <div class="tools-name">
  2354.                      Carrier Contract Analyzer
  2355.                    </div>
  2356.                  </a>
  2357.                </li>
  2358.                
  2359.                <li>
  2360.                  <a href="https://logicballs.com/tools/carrier-selection-guide">
  2361.                    <div class="tools-name">
  2362.                      Carrier Selection Guide
  2363.                    </div>
  2364.                  </a>
  2365.                </li>
  2366.                
  2367.                <li>
  2368.                  <a href="https://logicballs.com/tools/chain-of-custody-generator">
  2369.                    <div class="tools-name">
  2370.                      Chain of Custody Generator
  2371.                    </div>
  2372.                  </a>
  2373.                </li>
  2374.                
  2375.                <li>
  2376.                  <a href="https://logicballs.com/tools/compliance-training-guide">
  2377.                    <div class="tools-name">
  2378.                      Compliance Training Guide
  2379.                    </div>
  2380.                  </a>
  2381.                </li>
  2382.                
  2383.                <li>
  2384.                  <a href="https://logicballs.com/tools/cross-border-documentation">
  2385.                    <div class="tools-name">
  2386.                      Cross-Border Documentation
  2387.                    </div>
  2388.                  </a>
  2389.                </li>
  2390.                
  2391.                <li>
  2392.                  <a href="https://logicballs.com/tools/csa-score-improvement-plan">
  2393.                    <div class="tools-name">
  2394.                      CSA Score Improvement Plan
  2395.                    </div>
  2396.                  </a>
  2397.                </li>
  2398.                
  2399.                <li>
  2400.                  <a href="https://logicballs.com/tools/customs-documentation-helper">
  2401.                    <div class="tools-name">
  2402.                      Customs Documentation Helper
  2403.                    </div>
  2404.                  </a>
  2405.                </li>
  2406.                
  2407.                <li>
  2408.                  <a href="https://logicballs.com/tools/delivery-exception-handler">
  2409.                    <div class="tools-name">
  2410.                      Delivery Exception Handler
  2411.                    </div>
  2412.                  </a>
  2413.                </li>
  2414.                
  2415.            </ul>
  2416.            <div class="btn-wrap">
  2417.              <a href="https://logicballs.com/category/us-transportation-and-logistics">
  2418.                View all
  2419.              </a>
  2420.            </div>
  2421.          </div>
  2422.          
  2423.          <div class="card-new rounded bordered">
  2424.            <h3>
  2425.              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  2426.                stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  2427.                class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  2428.                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  2429.                <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  2430.                <path d="M16 7h4" />
  2431.                <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  2432.              </svg>
  2433.              US Services
  2434.            </h3>
  2435.            <ul>
  2436.              
  2437.                <li>
  2438.                  <a href="https://logicballs.com/tools/auto-mechanic-inspection-checklist-generator">
  2439.                    <div class="tools-name">
  2440.                      AI Auto Mechanic Inspection Checklist Generator
  2441.                    </div>
  2442.                  </a>
  2443.                </li>
  2444.                
  2445.                <li>
  2446.                  <a href="https://logicballs.com/tools/auto-mechanic-maintenance-plan-generator">
  2447.                    <div class="tools-name">
  2448.                      Auto Mechanic Maintenance Plan Generator
  2449.                    </div>
  2450.                  </a>
  2451.                </li>
  2452.                
  2453.                <li>
  2454.                  <a href="https://logicballs.com/tools/auto-mechanic-proposal-generator">
  2455.                    <div class="tools-name">
  2456.                      AI Auto Mechanic Proposal Generator
  2457.                    </div>
  2458.                  </a>
  2459.                </li>
  2460.                
  2461.                <li>
  2462.                  <a href="https://logicballs.com/tools/auto-mechanic-service-call-report-generator">
  2463.                    <div class="tools-name">
  2464.                      AI Auto Mechanic Service Call Report Generator
  2465.                    </div>
  2466.                  </a>
  2467.                </li>
  2468.                
  2469.                <li>
  2470.                  <a href="https://logicballs.com/tools/auto-mechanic-service-description-generator">
  2471.                    <div class="tools-name">
  2472.                      AI Auto Mechanic Service Description Generator
  2473.                    </div>
  2474.                  </a>
  2475.                </li>
  2476.                
  2477.                <li>
  2478.                  <a href="https://logicballs.com/tools/electrical-service-call-report-generator">
  2479.                    <div class="tools-name">
  2480.                      AI Electrical Service Call Report Generator
  2481.                    </div>
  2482.                  </a>
  2483.                </li>
  2484.                
  2485.                <li>
  2486.                  <a href="https://logicballs.com/tools/handyman-inspection-checklist-generator">
  2487.                    <div class="tools-name">
  2488.                      Handyman Inspection Checklist Generator
  2489.                    </div>
  2490.                  </a>
  2491.                </li>
  2492.                
  2493.                <li>
  2494.                  <a href="https://logicballs.com/tools/handyman-maintenance-plan-generator">
  2495.                    <div class="tools-name">
  2496.                      AI Handyman Maintenance Plan Generator
  2497.                    </div>
  2498.                  </a>
  2499.                </li>
  2500.                
  2501.                <li>
  2502.                  <a href="https://logicballs.com/tools/handyman-project-description-generator">
  2503.                    <div class="tools-name">
  2504.                      AI Handyman Project Description Generator
  2505.                    </div>
  2506.                  </a>
  2507.                </li>
  2508.                
  2509.                <li>
  2510.                  <a href="https://logicballs.com/tools/handyman-service-call-report-generator">
  2511.                    <div class="tools-name">
  2512.                      AI Handyman Service Call Report Generator
  2513.                    </div>
  2514.                  </a>
  2515.                </li>
  2516.                
  2517.            </ul>
  2518.            <div class="btn-wrap">
  2519.              <a href="https://logicballs.com/category/us-services">
  2520.                View all
  2521.              </a>
  2522.            </div>
  2523.          </div>
  2524.          
  2525.          <div class="card-new rounded bordered">
  2526.            <h3>
  2527.              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  2528.                stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  2529.                class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  2530.                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  2531.                <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  2532.                <path d="M16 7h4" />
  2533.                <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  2534.              </svg>
  2535.              US Patent Applications
  2536.            </h3>
  2537.            <ul>
  2538.              
  2539.                <li>
  2540.                  <a href="https://logicballs.com/tools/accelerated-exam-generator">
  2541.                    <div class="tools-name">
  2542.                      Accelerated Exam Generator
  2543.                    </div>
  2544.                  </a>
  2545.                </li>
  2546.                
  2547.                <li>
  2548.                  <a href="https://logicballs.com/tools/advisory-action-response">
  2549.                    <div class="tools-name">
  2550.                      Advisory Action Response
  2551.                    </div>
  2552.                  </a>
  2553.                </li>
  2554.                
  2555.                <li>
  2556.                  <a href="https://logicballs.com/tools/after-final-response-helper">
  2557.                    <div class="tools-name">
  2558.                      After Final Response Helper
  2559.                    </div>
  2560.                  </a>
  2561.                </li>
  2562.                
  2563.                <li>
  2564.                  <a href="https://logicballs.com/tools/appeal-brief-helper">
  2565.                    <div class="tools-name">
  2566.                      Appeal Brief Helper
  2567.                    </div>
  2568.                  </a>
  2569.                </li>
  2570.                
  2571.                <li>
  2572.                  <a href="https://logicballs.com/tools/art-unit-analyzer">
  2573.                    <div class="tools-name">
  2574.                      Art Unit Analyzer
  2575.                    </div>
  2576.                  </a>
  2577.                </li>
  2578.                
  2579.                <li>
  2580.                  <a href="https://logicballs.com/tools/best-mode-evaluator">
  2581.                    <div class="tools-name">
  2582.                      Best Mode Evaluator
  2583.                    </div>
  2584.                  </a>
  2585.                </li>
  2586.                
  2587.                <li>
  2588.                  <a href="https://logicballs.com/tools/certificate-of-correction">
  2589.                    <div class="tools-name">
  2590.                      Certificate of Correction
  2591.                    </div>
  2592.                  </a>
  2593.                </li>
  2594.                
  2595.                <li>
  2596.                  <a href="https://logicballs.com/tools/cip-content-identifier">
  2597.                    <div class="tools-name">
  2598.                      CIP Content Identifier
  2599.                    </div>
  2600.                  </a>
  2601.                </li>
  2602.                
  2603.                <li>
  2604.                  <a href="https://logicballs.com/tools/citation-generator">
  2605.                    <div class="tools-name">
  2606.                      Citation Generator
  2607.                    </div>
  2608.                  </a>
  2609.                </li>
  2610.                
  2611.                <li>
  2612.                  <a href="https://logicballs.com/tools/claims-generator">
  2613.                    <div class="tools-name">
  2614.                      Claims Generator
  2615.                    </div>
  2616.                  </a>
  2617.                </li>
  2618.                
  2619.            </ul>
  2620.            <div class="btn-wrap">
  2621.              <a href="https://logicballs.com/category/us-patent-applications">
  2622.                View all
  2623.              </a>
  2624.            </div>
  2625.          </div>
  2626.          
  2627.          <div class="card-new rounded bordered">
  2628.            <h3>
  2629.              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  2630.                stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  2631.                class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  2632.                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  2633.                <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  2634.                <path d="M16 7h4" />
  2635.                <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  2636.              </svg>
  2637.              US Nonprofit Management
  2638.            </h3>
  2639.            <ul>
  2640.              
  2641.                <li>
  2642.                  <a href="https://logicballs.com/tools/community-engagement-planner">
  2643.                    <div class="tools-name">
  2644.                      Community Engagement Planner
  2645.                    </div>
  2646.                  </a>
  2647.                </li>
  2648.                
  2649.                <li>
  2650.                  <a href="https://logicballs.com/tools/affiliate-agreement-guide">
  2651.                    <div class="tools-name">
  2652.                      Affiliate Agreement Guide
  2653.                    </div>
  2654.                  </a>
  2655.                </li>
  2656.                
  2657.                <li>
  2658.                  <a href="https://logicballs.com/tools/board-assessment-survey">
  2659.                    <div class="tools-name">
  2660.                      Board Assessment Survey
  2661.                    </div>
  2662.                  </a>
  2663.                </li>
  2664.                
  2665.                <li>
  2666.                  <a href="https://logicballs.com/tools/board-committee-charter">
  2667.                    <div class="tools-name">
  2668.                      Board Committee Charter
  2669.                    </div>
  2670.                  </a>
  2671.                </li>
  2672.                
  2673.                <li>
  2674.                  <a href="https://logicballs.com/tools/board-giving-policy">
  2675.                    <div class="tools-name">
  2676.                      Board Giving Policy
  2677.                    </div>
  2678.                  </a>
  2679.                </li>
  2680.                
  2681.                <li>
  2682.                  <a href="https://logicballs.com/tools/board-meeting-agenda">
  2683.                    <div class="tools-name">
  2684.                      Board Meeting Agenda
  2685.                    </div>
  2686.                  </a>
  2687.                </li>
  2688.                
  2689.                <li>
  2690.                  <a href="https://logicballs.com/tools/board-meeting-minutes-writer">
  2691.                    <div class="tools-name">
  2692.                      Board Meeting Minutes Writer
  2693.                    </div>
  2694.                  </a>
  2695.                </li>
  2696.                
  2697.                <li>
  2698.                  <a href="https://logicballs.com/tools/board-orientation-guide">
  2699.                    <div class="tools-name">
  2700.                      Board Orientation Guide
  2701.                    </div>
  2702.                  </a>
  2703.                </li>
  2704.                
  2705.                <li>
  2706.                  <a href="https://logicballs.com/tools/board-portal-guide">
  2707.                    <div class="tools-name">
  2708.                      Board Portal Guide
  2709.                    </div>
  2710.                  </a>
  2711.                </li>
  2712.                
  2713.                <li>
  2714.                  <a href="https://logicballs.com/tools/board-resolution-template">
  2715.                    <div class="tools-name">
  2716.                      Board Resolution Template
  2717.                    </div>
  2718.                  </a>
  2719.                </li>
  2720.                
  2721.            </ul>
  2722.            <div class="btn-wrap">
  2723.              <a href="https://logicballs.com/category/us-non-profitmanagement">
  2724.                View all
  2725.              </a>
  2726.            </div>
  2727.          </div>
  2728.          
  2729.          <div class="card-new rounded bordered">
  2730.            <h3>
  2731.              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  2732.                stroke="#6a4dff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  2733.                class="icon icon-tabler icons-tabler-outline icon-tabler-writing">
  2734.                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  2735.                <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
  2736.                <path d="M16 7h4" />
  2737.                <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
  2738.              </svg>
  2739.              US Medical Documentation
  2740.            </h3>
  2741.            <ul>
  2742.              
  2743.                <li>
  2744.                  <a href="https://logicballs.com/tools/after-visit-summary-generator">
  2745.                    <div class="tools-name">
  2746.                      After Visit Summary Generator
  2747.                    </div>
  2748.                  </a>
  2749.                </li>
  2750.                
  2751.                <li>
  2752.                  <a href="https://logicballs.com/tools/care-plan-coordinator">
  2753.                    <div class="tools-name">
  2754.                      Care Plan Coordinator
  2755.                    </div>
  2756.                  </a>
  2757.                </li>
  2758.                
  2759.                <li>
  2760.                  <a href="https://logicballs.com/tools/chart-review-checklist-creator">
  2761.                    <div class="tools-name">
  2762.                      Chart Review Checklist Creator
  2763.                    </div>
  2764.                  </a>
  2765.                </li>
  2766.                
  2767.                <li>
  2768.                  <a href="https://logicballs.com/tools/consultation-report-builder">
  2769.                    <div class="tools-name">
  2770.                      Consultation Report Builder
  2771.                    </div>
  2772.                  </a>
  2773.                </li>
  2774.                
  2775.                <li>
  2776.                  <a href="https://logicballs.com/tools/emr-template-creator">
  2777.                    <div class="tools-name">
  2778.                      EMR Template Creator
  2779.                    </div>
  2780.                  </a>
  2781.                </li>
  2782.                
  2783.                <li>
  2784.                  <a href="https://logicballs.com/tools/health-maintenance-tracker">
  2785.                    <div class="tools-name">
  2786.                      Health Maintenance Tracker
  2787.                    </div>
  2788.                  </a>
  2789.                </li>
  2790.                
  2791.                <li>
  2792.                  <a href="https://logicballs.com/tools/healthcare-proxy-documentation">
  2793.                    <div class="tools-name">
  2794.                      Healthcare Proxy Documentation
  2795.                    </div>
  2796.                  </a>
  2797.                </li>
  2798.                
  2799.                <li>
  2800.                  <a href="https://logicballs.com/tools/home-health-documentation">
  2801.                    <div class="tools-name">
  2802.                      Home Health Documentation
  2803.                    </div>
  2804.                  </a>
  2805.                </li>
  2806.                
  2807.                <li>
  2808.                  <a href="https://logicballs.com/tools/lab-result-interpreter">
  2809.                    <div class="tools-name">
  2810.                      Lab Result Interpreter
  2811.                    </div>
  2812.                  </a>
  2813.                </li>
  2814.                
  2815.                <li>
  2816.                  <a href="https://logicballs.com/tools/medical-abbreviation-expander">
  2817.                    <div class="tools-name">
  2818.                      Medical Abbreviation Expander
  2819.                    </div>
  2820.                  </a>
  2821.                </li>
  2822.                
  2823.            </ul>
  2824.            <div class="btn-wrap">
  2825.              <a href="https://logicballs.com/category/us-medical-documentation">
  2826.                View all
  2827.              </a>
  2828.            </div>
  2829.          </div>
  2830.          
  2831.      </div>
  2832.  
  2833.      <div class="btn-wrap btn-center">
  2834.        <a href="https://logicballs.com/discover-ai/us" class="btn btn-primary btn-lg">Browse
  2835.          all US tools</a>
  2836.      </div>
  2837.    </section>
  2838.    
  2839.  
  2840.  
  2841.      <section class="testimonial-wrap bg-gray">
  2842.  <div>
  2843.    <div class="animation-icon">
  2844.      <svg width="140" height="126" viewBox="0 0 140 126" fill="none" xmlns="http://www.w3.org/2000/svg">
  2845.        <path class="animated-path"
  2846.          d="M138.5 7.49994C27.0002 -21.0007 53.5002 60 77.0428 41.0756C102 10.5 -4.9999 -1 10.0428 123.076L17.5 114C13.9639 117.772 11.7622 119.956 9.5 124C6.83799 120.229 5.53941 118.052 1.5 114"
  2847.          stroke="#6a4dff" stroke-width="2" stroke-linecap="round" />
  2848.      </svg>
  2849.    </div>
  2850.    <h2 class="text-center max-w-4xl mx-auto mb-lg">
  2851.      
  2852.        See What Our Happy Customers Are Saying
  2853.      
  2854.    </h2>
  2855.  
  2856.    <!-- Initial visible testimonials -->
  2857.    <div class="marquee-container" id="testimonial-show-id09">
  2858.      <div class="marquee-content">
  2859.        
  2860.        
  2861.          <div class="testimonial card-new shadow rounded padding">
  2862.            <a href="/testimonial"></a>
  2863.            <div class="star-rating" data-rating="0"></div>
  2864.            <div class="description">
  2865.              Logicballs has revolutionized the way we create content at our company. The AI understands our brand voice perfectly, and the copy it generates is always fresh and engaging. We&#39;ve seen a significant increase in website traffic and leads since we started using Logicballs.
  2866.              
  2867.            </div>
  2868.            <div class="testimonial-footer">
  2869.              <div class="name">Sarah Jones</div>
  2870.              <div class="designation">
  2871.                Marketing Director, Seattle, WA
  2872.                <span class="fi fi-us"></span>
  2873.              </div>
  2874.            </div>
  2875.          </div>
  2876.        
  2877.          <div class="testimonial card-new shadow rounded padding">
  2878.            <a href="/testimonial"></a>
  2879.            <div class="star-rating" data-rating="0"></div>
  2880.            <div class="description">
  2881.              Logicballs helps me write persuasive emails in minutes. Finally, a tool that understands the power of words!
  2882.              
  2883.            </div>
  2884.            <div class="testimonial-footer">
  2885.              <div class="name">Marco Bianchi</div>
  2886.              <div class="designation">
  2887.                Milan IT
  2888.                <span class="fi fi-it"></span>
  2889.              </div>
  2890.            </div>
  2891.          </div>
  2892.        
  2893.          <div class="testimonial card-new shadow rounded padding">
  2894.            <a href="/testimonial"></a>
  2895.            <div class="star-rating" data-rating="0"></div>
  2896.            <div class="description">
  2897.              As a busy restaurateur, I don&#39;t have the time to write fancy descriptions for my menu. Logicballs has been a lifesaver! The AI generates delicious-sounding descriptions that make my customers&#39; mouths water. Plus, it&#39;s incredibly affordable - a perfect solution for small businesses like mine.
  2898.              
  2899.            </div>
  2900.            <div class="testimonial-footer">
  2901.              <div class="name">Michael Rodriguez</div>
  2902.              <div class="designation">
  2903.                Restaurant Owner, Austin, TX
  2904.                <span class="fi fi-us"></span>
  2905.              </div>
  2906.            </div>
  2907.          </div>
  2908.        
  2909.          <div class="testimonial card-new shadow rounded padding">
  2910.            <a href="/testimonial"></a>
  2911.            <div class="star-rating" data-rating="0"></div>
  2912.            <div class="description">
  2913.              Logicballs é um divisor de águas para a nossa equipe de marketing. Agora podemos criar cópias de sites, descrições de produtos e até mesmo postagens de mídia social de alta qualidade em uma fração do tempo que levava antes. O Logicballs entende a voz da nossa marca e o público-alvo, e o conteúdo gerado por IA está sempre impecável.
  2914.              
  2915.                <div class="translate">
  2916.                  <strong>Translation:</strong>
  2917.                  Logicballs is a game-changer for our marketing team. Now we can create website copy, product descriptions, and even high-quality social media posts in a fraction of the time it used to take. Logicballs understands our brand voice and target audience, and the AI-generated content is always flawless.
  2918.                </div>
  2919.              
  2920.            </div>
  2921.            <div class="testimonial-footer">
  2922.              <div class="name">Isabela Oliveira</div>
  2923.              <div class="designation">
  2924.                Gerente de Marketing, São Paulo
  2925.                <span class="fi fi-br"></span>
  2926.              </div>
  2927.            </div>
  2928.          </div>
  2929.        
  2930.          <div class="testimonial card-new shadow rounded padding">
  2931.            <a href="/testimonial"></a>
  2932.            <div class="star-rating" data-rating="0"></div>
  2933.            <div class="description">
  2934.              Logicballs has helped me overcome my writer&#39;s block and take my blog to the next level. The AI helps me come up with creative ideas and write captivating blog posts that keep my readers coming back for more. It&#39;s also a great tool for generating catchy social media captions.
  2935.              
  2936.            </div>
  2937.            <div class="testimonial-footer">
  2938.              <div class="name">Williams, Blogger</div>
  2939.              <div class="designation">
  2940.                Portland, OR
  2941.                <span class="fi fi-us"></span>
  2942.              </div>
  2943.            </div>
  2944.          </div>
  2945.        
  2946.      </div>
  2947.    </div>
  2948.  
  2949.    <!-- Load more button (hidden if no more testimonials) -->
  2950.    
  2951.      <div class="btn-wrap btn-center">
  2952.        <button id="load-more-testimonials" class="btn btn-primary btn-lg">
  2953.          View all testimonial
  2954.        </button>
  2955.      </div>
  2956.    
  2957.  </div>
  2958. </section>
  2959.  
  2960. <script src="/js/testimonial.js"></script>
  2961.  
  2962. <style>
  2963.  .animated-path {
  2964.    stroke-dasharray: 1000;
  2965.    stroke-dashoffset: 1000;
  2966.    animation: draw 3s linear infinite;
  2967.  }
  2968.  
  2969.  @keyframes draw {
  2970.    to {
  2971.      stroke-dashoffset: 0;
  2972.    }
  2973.  }
  2974.  
  2975.  /* Optimize testimonial display */
  2976.  .marquee-content {
  2977.    will-change: transform; /* Improve animation performance */
  2978.  }
  2979.  
  2980.  .testimonial.card-new {
  2981.    contain: content; /* Improves rendering performance */
  2982.    flex: 0 0 auto; /* Prevent flex items from growing/shrinking */
  2983.    width: 300px; /* Fixed width for consistent layout */
  2984.  }
  2985. </style>
  2986.        <section class="stats-wrap">
  2987.          <div>
  2988.            <div class="grid-40-60">
  2989.              <div>
  2990.                <h2>
  2991.                  Users Across the World Use LogicBalls
  2992.                </h2>
  2993.                <div class="numbers">
  2994.                  500,000+
  2995.                </div>
  2996.                <p>
  2997.                  Total Customers
  2998.                </p>
  2999.              </div>
  3000.              <div class="stats ">
  3001.                <div>
  3002.                  <div class="number">
  3003.                    50M+
  3004.                  </div>
  3005.                  <p>
  3006.                    Total Generations
  3007.                  </p>
  3008.                </div>
  3009.  
  3010.                <div>
  3011.                  <div class="number">
  3012.                    200+
  3013.                  </div>
  3014.                  <p>
  3015.                    Countries Served
  3016.                  </p>
  3017.                </div>
  3018.  
  3019.                <div>
  3020.                  <div class="number">
  3021.                    5000+
  3022.                  </div>
  3023.                  <p>
  3024.                    Total Apps
  3025.                  </p>
  3026.                </div>
  3027.              </div>
  3028.            </div>
  3029.          </div>
  3030.        </section>
  3031.  
  3032.        <section class="Featured-wrap bg-gray">
  3033.          <div>
  3034.            <h2 class="text-center max-w-4xl mx-auto mb-lg">
  3035.              Featured on
  3036.            </h2>
  3037.            <div class="featured-logo">
  3038.              <ul>
  3039.                <li>
  3040.                  <img src="https://logicballs.com//images/featured-logos/getapp.svg" alt="getapp" loading="lazy">
  3041.                </li>
  3042.                <li>
  3043.                  <img src="https://logicballs.com//images/featured-logos/software-advice.svg" alt="software advice"
  3044.                    loading="lazy">
  3045.                </li>
  3046.                <li>
  3047.                  <img src="https://logicballs.com//images/featured-logos/topai.svg" alt="topai" loading="lazy">
  3048.                </li>
  3049.                <li>
  3050.                  <img src="https://logicballs.com//images/featured-logos/product-hunt.svg" alt="product hunt featured"
  3051.                    loading="lazy">
  3052.                </li>
  3053.                <li>
  3054.                  <img src="https://logicballs.com//images/featured-logos/futurepedia.svg" alt="futurepedia" loading="lazy">
  3055.                </li>
  3056.                <li>
  3057.                  <img src="https://logicballs.com//images/featured-logos/msn.svg" alt="MSN" loading="lazy">
  3058.                </li>
  3059.                <li>
  3060.                  <img src="https://logicballs.com//images/featured-logos/fox-news.svg" alt="fox news" loading="lazy">
  3061.                </li>
  3062.                <li>
  3063.                  <img src="https://logicballs.com//images/featured-logos/forbes.svg" alt="forbes" loading="lazy">
  3064.                </li>
  3065.                <li>
  3066.                  <img src="https://logicballs.com//images/featured-logos/yahoo-news.svg" alt="yahoo news" loading="lazy">
  3067.                </li>
  3068.                <li>
  3069.                  <img src="https://logicballs.com//images/featured-logos/today.svg" alt="today" loading="lazy">
  3070.                </li>
  3071.                <li>
  3072.                  <img src="https://logicballs.com//images/featured-logos/marketwatch.svg" alt="marketwatch" loading="lazy">
  3073.                </li>
  3074.                <li>
  3075.                  <a href="https://theresanaiforthat.com/ai/logicballs/?ref=featured&v=4641202"  target="_blank"
  3076.                    rel="nofollow"> <img loading="lazy" max-height: 60px; alt="theresanaiforthat"
  3077.                      src="https://logicballs.com//images/featured-logos/featured-on-taaft.svg"></a>
  3078.                </li>
  3079.              </ul>
  3080.            </div>
  3081.          </div>
  3082.        </section>      </main>
  3083.      <div id="toast" class="toast"></div>
  3084.      <!-- Footer Include -->
  3085.  
  3086.      <div id="my_modal_12" class="pricingModal modal modal-new refer-modal" open="" style="display: none">
  3087.    <div id="inside-modal12" class="modal-box limit-exceed">
  3088.        <form method="dialog">
  3089.            <button id="closeBtn12" class="btn btn-circle btn-sm btn-ghost absolute right-2 top-2 rounded-full">
  3090.                ✕
  3091.            </button>
  3092.        </form>
  3093.        <div class="modal-container">
  3094.            <div class="modal-head">
  3095.                <h2>Refer a friend to get free subscription</h2>
  3096.            </div>
  3097.            <div class="modal-body">
  3098.                <div class="refer-box">
  3099.                    <div class="top-row row">
  3100.                        <div class="box box1">
  3101.                            <div class="icon">&nbsp;</div>
  3102.                            <div>
  3103.                                <div class="plan">25 Sign up</div>
  3104.                                <div class="subscription">Earn 1 Year Pro</div>
  3105.                            </div>
  3106.                        </div>
  3107.                        <div class="box box2">
  3108.                            <div class="icon">&nbsp;</div>
  3109.                            <div>
  3110.                                <div class="plan">12 Sign up</div>
  3111.                                <div class="subscription">Earn 4 Month Pro</div>
  3112.                            </div>
  3113.                        </div>
  3114.                    </div>
  3115.                    <div class="bottom-row row">
  3116.                        <div class="box box3">
  3117.                            <div class="icon">&nbsp;</div>
  3118.                            <div>
  3119.                                <div class="plan">9 Sign up</div>
  3120.                                <div class="subscription">Earn 3 Month Pro</div>
  3121.                            </div>
  3122.                        </div>
  3123.                        <div class="box box4">
  3124.                            <div class="icon">&nbsp;</div>
  3125.                            <div>
  3126.                                <div class="plan">6 Sign up</div>
  3127.                                <div class="subscription">Earn 2 Month Pro</div>
  3128.                            </div>
  3129.                        </div>
  3130.                        <div class="box box4">
  3131.                            <div class="icon">&nbsp;</div>
  3132.                            <div>
  3133.                                <div class="plan">3 Sign up</div>
  3134.                                <div class="subscription">Earn 1 Month Pro</div>
  3135.                            </div>
  3136.                        </div>
  3137.                    </div>
  3138.                </div>
  3139.                <div class="referel-info">
  3140.                    <div class="subheading">
  3141.                        Share the following link with your friends. You can get free subscription if they sign up or subscribe through this link.
  3142.                    </div>
  3143.                    <div class="form" id="tool-form">
  3144.                        <div class=" form-group">
  3145.                            <input id="refer-link-share" type="text" value="https://logicballs.com/?invite_code=l3Nlqm"  aria-label="Referral link">
  3146.                        </div>
  3147.                        <button class="btn btn-gradient" id="refer-button-copy">Copy link</button>
  3148.                    </div>
  3149.                </div>
  3150.            </div>
  3151.        </div>
  3152.    </div>
  3153. </div>
  3154. <script>
  3155.    document.getElementById("closeBtn12").addEventListener("click", function () {
  3156.        document.getElementById("my_modal_12").style.display = "none";
  3157.    });
  3158. </script>
  3159.  
  3160.  
  3161.        
  3162.  
  3163.  
  3164.        <section
  3165.          class="footercta bg-primary ">
  3166.          <div>
  3167.            <h2 class="text-center mb-md max-w-4xl mx-auto ">Make AI Work For You</h2>
  3168.            <p class="text-center mb-lg max-w-4xl mx-auto">Join over 200,000+ customers who use LogicBalls to write, create, and get more done with AI - no tech skills needed!</p>
  3169.            <a href="https://logicballs.com/auth" class="btn btn-primary mx-auto btn-lg">Try Now --></a>
  3170.          </div>
  3171.        </section>
  3172.        <footer class="footer-v1 bg-gray" role="contentinfo">
  3173.          <section class="footer-section top">
  3174.            <div>
  3175.              <div class="section-01">
  3176.                <div class="footer-logo">
  3177.                  <a href="/">
  3178.                    <img src="https://logicballs.com//images/logo.svg" alt="logicballs" aria-label="logo" width="165" alt="logo" />
  3179.                  </a>
  3180.                  <!-- <p>AI for everyone, everywhere</p> -->
  3181.                </div>
  3182.                <ul class="social-link">
  3183.                  <li>
  3184.                    <a href="https://twitter.com/logicballs" target="_blank" aria-label="twitter">
  3185.                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
  3186.                        <path
  3187.                          d="M18.2048 2.25H21.5128L14.2858 10.51L22.7878 21.75H16.1308L10.9168 14.933L4.95084 21.75H1.64084L9.37084 12.915L1.21484 2.25H8.04084L12.7538 8.481L18.2048 2.25ZM17.0438 19.77H18.8768L7.04484 4.126H5.07784L17.0438 19.77Z">
  3188.                        </path>
  3189.                      </svg>
  3190.                    </a>
  3191.                  </li>
  3192.                  <li>
  3193.                    <a href="https://www.linkedin.com/company/logicballs-ai" target="_blank" aria-label="linkedin">
  3194.                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
  3195.                        <path
  3196.                          d="M18.3362 18.339H15.6707V14.1622C15.6707 13.1662 15.6505 11.8845 14.2817 11.8845C12.892 11.8845 12.6797 12.9683 12.6797 14.0887V18.339H10.0142V9.75H12.5747V10.9207H12.6092C12.967 10.2457 13.837 9.53325 15.1367 9.53325C17.8375 9.53325 18.337 11.3108 18.337 13.6245V18.339H18.3362ZM7.00373 8.57475C6.14573 8.57475 5.45648 7.88025 5.45648 7.026C5.45648 6.1725 6.14648 5.47875 7.00373 5.47875C7.85873 5.47875 8.55173 6.1725 8.55173 7.026C8.55173 7.88025 7.85798 8.57475 7.00373 8.57475ZM8.34023 18.339H5.66723V9.75H8.34023V18.339ZM19.6697 3H4.32923C3.59498 3 3.00098 3.5805 3.00098 4.29675V19.7033C3.00098 20.4202 3.59498 21 4.32923 21H19.6675C20.401 21 21.001 20.4202 21.001 19.7033V4.29675C21.001 3.5805 20.401 3 19.6675 3H19.6697Z">
  3197.                        </path>
  3198.                      </svg>
  3199.                    </a>
  3200.                  </li>
  3201.                  <li>
  3202.                    <a href="https://www.instagram.com/logic_balls/" target="_blank" aria-label="instagram">
  3203.                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
  3204.                        <path
  3205.                          d="M13.0281 2.00073C14.1535 2.00259 14.7238 2.00855 15.2166 2.02322L15.4107 2.02956C15.6349 2.03753 15.8561 2.04753 16.1228 2.06003C17.1869 2.1092 17.9128 2.27753 18.5503 2.52503C19.2094 2.7792 19.7661 3.12253 20.3219 3.67837C20.8769 4.2342 21.2203 4.79253 21.4753 5.45003C21.7219 6.0867 21.8903 6.81337 21.9403 7.87753C21.9522 8.1442 21.9618 8.3654 21.9697 8.58964L21.976 8.78373C21.9906 9.27647 21.9973 9.84686 21.9994 10.9723L22.0002 11.7179C22.0003 11.809 22.0003 11.903 22.0003 12L22.0002 12.2821L21.9996 13.0278C21.9977 14.1532 21.9918 14.7236 21.9771 15.2163L21.9707 15.4104C21.9628 15.6347 21.9528 15.8559 21.9403 16.1225C21.8911 17.1867 21.7219 17.9125 21.4753 18.55C21.2211 19.2092 20.8769 19.7659 20.3219 20.3217C19.7661 20.8767 19.2069 21.22 18.5503 21.475C17.9128 21.7217 17.1869 21.89 16.1228 21.94C15.8561 21.9519 15.6349 21.9616 15.4107 21.9694L15.2166 21.9757C14.7238 21.9904 14.1535 21.997 13.0281 21.9992L12.2824 22C12.1913 22 12.0973 22 12.0003 22L11.7182 22L10.9725 21.9993C9.8471 21.9975 9.27672 21.9915 8.78397 21.9768L8.58989 21.9705C8.36564 21.9625 8.14444 21.9525 7.87778 21.94C6.81361 21.8909 6.08861 21.7217 5.45028 21.475C4.79194 21.2209 4.23444 20.8767 3.67861 20.3217C3.12278 19.7659 2.78028 19.2067 2.52528 18.55C2.27778 17.9125 2.11028 17.1867 2.06028 16.1225C2.0484 15.8559 2.03871 15.6347 2.03086 15.4104L2.02457 15.2163C2.00994 14.7236 2.00327 14.1532 2.00111 13.0278L2.00098 10.9723C2.00284 9.84686 2.00879 9.27647 2.02346 8.78373L2.02981 8.58964C2.03778 8.3654 2.04778 8.1442 2.06028 7.87753C2.10944 6.81253 2.27778 6.08753 2.52528 5.45003C2.77944 4.7917 3.12278 4.2342 3.67861 3.67837C4.23444 3.12253 4.79278 2.78003 5.45028 2.52503C6.08778 2.27753 6.81278 2.11003 7.87778 2.06003C8.14444 2.04816 8.36564 2.03847 8.58989 2.03062L8.78397 2.02433C9.27672 2.00969 9.8471 2.00302 10.9725 2.00086L13.0281 2.00073ZM12.0003 7.00003C9.23738 7.00003 7.00028 9.23956 7.00028 12C7.00028 14.7629 9.23981 17 12.0003 17C14.7632 17 17.0003 14.7605 17.0003 12C17.0003 9.23713 14.7607 7.00003 12.0003 7.00003ZM12.0003 9.00003C13.6572 9.00003 15.0003 10.3427 15.0003 12C15.0003 13.6569 13.6576 15 12.0003 15C10.3434 15 9.00028 13.6574 9.00028 12C9.00028 10.3431 10.3429 9.00003 12.0003 9.00003ZM17.2503 5.50003C16.561 5.50003 16.0003 6.05994 16.0003 6.74918C16.0003 7.43843 16.5602 7.9992 17.2503 7.9992C17.9395 7.9992 18.5003 7.4393 18.5003 6.74918C18.5003 6.05994 17.9386 5.49917 17.2503 5.50003Z">
  3206.                        </path>
  3207.                      </svg>
  3208.                    </a>
  3209.                  </li>
  3210.  
  3211.                  <li>
  3212.                    <a href="https://www.facebook.com/logicballsAI" target="_blank" rel="noreferrer"
  3213.                      aria-label="facebook">
  3214.                      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
  3215.                        xmlns="http://www.w3.org/2000/svg">
  3216.                        <path
  3217.                          d="M15.4024 21V14.0344H17.7347L18.0838 11.3265H15.4024V9.59765C15.4024 8.81364 15.62 8.27934 16.7443 8.27934L18.1783 8.27867V5.85676C17.9302 5.82382 17.0791 5.75006 16.0888 5.75006C14.0213 5.75006 12.606 7.01198 12.606 9.32952V11.3265H10.2677V14.0344H12.606V21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H15.4024Z">
  3218.                        </path>
  3219.                      </svg>
  3220.                    </a>
  3221.                  </li>
  3222.                </ul>
  3223.              </div>
  3224.            </div>
  3225.          </section>
  3226.          <section class="footer-section middle-top">
  3227.            <div>
  3228.              <div class="section-02">
  3229.                <div class="grid-25">
  3230.                  <div class="footer-widget">
  3231.                    <h3 class="mb-2">Popular Tools</h3>
  3232.                    <ul>
  3233.                      
  3234.                      <li>
  3235.                        <a href="/trip-planner">Trip Planner</a>
  3236.                      </li>
  3237.                      <li>
  3238.                        <a href="https://logicballs.com/agent/ai-fact-checker">AI Fact Checker</a>
  3239.                      </li>
  3240.                      <li>
  3241.                        <a href="https://logicballs.com/word-counter">Word Counter</a>
  3242.                      </li>
  3243.                      <li>
  3244.                        <a href="/ai-tools">AI Tool Directory<span class="new-label">
  3245.                            New</span></a>
  3246.                      </li>
  3247.                      <li>
  3248.                        <a href="https://logicballs.com/chat-with-pdf">Chat with PDF<span class="new-label">
  3249.                            New</span></a>
  3250.                      </li>
  3251.                      <li>
  3252.                        <a href="https://logicballs.com/translate">Translator <span class="new-label"> New</span></a>
  3253.                      </li>
  3254.                      <li>
  3255.                        <a href="https://logicballs.com/ai-images">Image Generator<span class="new-label">
  3256.                            New</span></a>
  3257.                      </li>
  3258.                      <li>
  3259.                        <a href="https://logicballs.com/ai-agents">AI Agents <span class="new-label"> New</span></a>
  3260.                      </li>
  3261.                      <li>
  3262.                        <a href="https://logicballs.com/chat">Chatbot <span class="new-label"> New</span></a>
  3263.                      </li>
  3264.                      <li>
  3265.                        <a href="https://logicballs.com/characters/">Characters <span class="new-label"> New</span></a>
  3266.                      </li>
  3267.                      <li>
  3268.                        <a href="https://logicballs.com/youtube-transcript-generator">YouTube Transcript Generator <span class="new-label"> New</span></a>
  3269.                      </li>
  3270.                      <li>
  3271.                        <a href="https://logicballs.com/youtube-video-summarizer">YouTube Video Summarizer <span class="new-label"> New</span></a>
  3272.                      </li>
  3273.                      <li>
  3274.                        <a href="https://logicballs.com/chat-youtube-video">Chat with YouTube Video <span class="new-label"> New</span></a>
  3275.                      </li>
  3276.                      <li>
  3277.                        <a href="https://logicballs.com/ai-voice-generator">AI Voice Generator <span class="new-label"> New</span></a>
  3278.                      </li>
  3279.                      <li>
  3280.                        <a href="https://logicballs.com/image-edit">AI Image Edit <span class="new-label"> New</span></a>
  3281.                      </li>
  3282.                      <li>
  3283.                        <a href="https://logicballs.com/ai-prompt">Prompt Library   <span class="new-label"> New</span></a>
  3284.                      </li>
  3285.                      <li>
  3286.                        <a href="https://logicballs.com/ai-detector">AI Detector <span class="new-label"> New</span></a>
  3287.                      </li>
  3288.                      <li>
  3289.                        <a href="https://logicballs.com/prompt-builder">AI Prompt Builder <span class="new-label"> New</span></a>
  3290.                      </li>
  3291.                      <li>
  3292.                        <a href="https://logicballs.com/llms-txt-generator">LLMs.Txt Generator <span class="new-label"> New</span></a>
  3293.                      </li>
  3294.                    </ul>
  3295.                  </div>
  3296.  
  3297.                  <div class="footer-widget">
  3298.                    <h3 class="mb-2">See How We Compare</h3>
  3299.                    <ul>
  3300.                      <li>
  3301.                        <a href="https://logicballs.com/comparison/logicballs-vs-bard">LogicBalls vs Bard - Which is easier?</a>
  3302.                      </li>
  3303.                      <li>
  3304.                        <a href="https://logicballs.com/comparison/logicballs-vs-chatgpt">LogicBalls vs ChatGPT - What's different?</a>
  3305.                      </li>
  3306.                      <li>
  3307.                        <a href="https://logicballs.com/comparison/logicballs-vs-copy-ai">LogicBalls vs Copy AI - Better for writing?</a>
  3308.                      </li>
  3309.                      <li>
  3310.                        <a href="https://logicballs.com/comparison">View all comparisons</a>
  3311.                      </li>
  3312.                    </ul>
  3313.                  </div>
  3314.  
  3315.  
  3316.                  <div class="footer-widget">
  3317.                    <h3 class="mb-2">Join Our Community</h3>
  3318.                    <ul>
  3319.                      <li>
  3320.                        <a href="https://logicballs.com/testimonial">Success Stories</a>
  3321.                      </li>
  3322.                      <li>
  3323.                        <a href="https://logicballs.com/blog">Our Blog</a>
  3324.                      </li>
  3325.                      <li>
  3326.                        <a href="https://logicballs.com/media">Media</a>
  3327.                      </li>
  3328.                      <li>
  3329.                        <a href="https://logicballs.com/tones">Tones</a>
  3330.                      </li>
  3331.                      <li>
  3332.                        <a href="https://logicballs.com/glossary">AI Glossary</a>
  3333.                      </li>
  3334.                      <li>
  3335.                        <a href="https://logicballs.com/questions">Questions</a>
  3336.                      </li>
  3337.                         <li>
  3338.                        <a href="https://logicballs.com/app-packs">Explore Our App Packs<span class="new-label"> New</span></a>
  3339.                      </li>
  3340.                      <li>
  3341.                        <a href="https://community.logicballs.com">Community Forum<span class="new-label"> New</span></a>
  3342.                      </li>
  3343.                      <li>
  3344.                        <a href="https://logicballs.com/affiliation">Advertise with Us</a>
  3345.                      </li>
  3346.                      <li>
  3347.                        <a href="https://logicballs.com/write-for-us">Write for Us</a>
  3348.                      </li>
  3349.                      <li>
  3350.                        <a href="https://logicballs.com/earn-with-logicballs">Earn With LogicBalls<span class="new-label"> New</span></a>
  3351.                      </li>
  3352.                      <li>
  3353.                        <a href="https://logicballs.com/ai-models">Explore AI Models<span class="new-label"> New</span></a>
  3354.                      </li>
  3355.                    </ul>
  3356.                  </div>
  3357.  
  3358.  
  3359.                  <div class="footer-widget">
  3360.                    <h3 class="mb-2"> Featured Partners</h3>
  3361.                    <ul>
  3362.                      <li>
  3363.                        <a target="_blank" href="https://gracker.ai/">Cybersecurity Marketing AI - Turn Security Insights Into Stories</a>
  3364.                      </li>
  3365.                      <li>
  3366.                        <a target="_blank" href="https://publish7.com/">AI Agents for Retail - Boost your sales</a>
  3367.                      </li>
  3368.                      <li>
  3369.                        <a target="_blank" href="https://pdf7.app/">Secure PDF - Protect your documents</a>
  3370.                      </li>
  3371.                      <li>
  3372.                        <a target="_blank" href="https://social9.com/">Social Media AI Agent - Craft engaging posts</a>
  3373.                      </li>
  3374.                      <li>
  3375.                        <a target="_blank" href="https://kveeky.com/">Generative Voice AI - Create natural speech</a>
  3376.                      </li>
  3377.                      <li>
  3378.                        <a target="_blank" href="https://snapcorn.com/">Image AI Agents - Smart image tools</a>
  3379.                      </li>
  3380.                      <li>
  3381.                        <a target="_blank" href="https://productlaunchlist.com/">Product Launch Directory - Launch smarter</a>
  3382.                      </li>
  3383.                    </ul>
  3384.                  </div>
  3385.                </div>
  3386.              </div>
  3387.            </div>
  3388.          </section>
  3389.          <section class="footer-section middle-middle">
  3390.            <div>
  3391.              <div class="section-03">
  3392.                <ul>
  3393.                  <li>🔒 Safe & Secure</li>
  3394.                  <li>⚡️ Lightning Fast</li>
  3395.                  <li>💝 200K+ Happy Customers</li>
  3396.                  <li>🎯 Easy to Use</li>
  3397.                </ul>
  3398.              </div>
  3399.            </div>
  3400.          </section>
  3401.          <section class="logos-wrap footer-section middle-bottom">
  3402.            <div>
  3403.              <div class="section-04 logos card-new shadow padding rounded">
  3404.                <h3>Trusted Partners & Compliance</h3>
  3405.                <ul>
  3406.                  <li>
  3407.                    <img src="https://logicballs.com//images/featured-logos/replicate.svg" alt="replicate" loading="lazy">
  3408.                  </li>
  3409.                  <li>
  3410.                    <img src="https://logicballs.com//images/featured-logos/open-ai.svg" alt="open-ai" loading="lazy">
  3411.                  </li>
  3412.                  <li>
  3413.                    <img src="https://logicballs.com//images/featured-logos/gemini.svg" alt="gemini" loading="lazy">
  3414.                  </li>
  3415.                  <li>
  3416.                    <img src="https://logicballs.com//images/featured-logos/anthropc.svg" alt="anthropc" loading="lazy">
  3417.                  </li>
  3418.                  <li>
  3419.                    <img src="https://logicballs.com//images/featured-logos/cohere.svg" alt="cohere" loading="lazy">
  3420.                  </li>
  3421.  
  3422.                  <li>
  3423.                    <img src="https://logicballs.com//images/featured-logos/gdpr.png" alt="open-ai" loading="lazy">
  3424.                  </li>
  3425.                  <li>
  3426.                    <img src="https://logicballs.com//images/featured-logos/ccpa.png" alt="open-ai" loading="lazy">
  3427.                  </li>
  3428.  
  3429.                  <li>
  3430.                    <img src="https://logicballs.com//images/featured-logos/stripe.svg" alt="stripe" loading="lazy">
  3431.                  </li>
  3432.                  <li>
  3433.                    <img src="https://logicballs.com//images/featured-logos/cloudflare.svg" alt="cloudflare" loading="lazy">
  3434.                  </li>
  3435.                  <li>
  3436.                    <img src="https://logicballs.com//images/featured-logos/openid.svg" alt="openid" loading="lazy">
  3437.                  </li>
  3438.                  <li>
  3439.                    <img src="https://logicballs.com//images/featured-logos/nist.svg" alt="nist" loading="lazy">
  3440.                  </li>
  3441.                </ul>
  3442.              </div>
  3443.            </div>
  3444.          </section>
  3445.          <section class="footer-section bottom">
  3446.            <div>
  3447.              <div class="section-05">
  3448.                <div class="copyright">
  3449.                  <p>Made with ❤️ for everyone | &copy; LogicBalls 2025 - All Rights Reserved</p>
  3450.                </div>
  3451.                <ul class="link">
  3452.                  <li>
  3453.                    <a href="https://logicballs.com/about">About</a>
  3454.                  </li>
  3455.                  <li>
  3456.                    <a href="https://logicballs.com/privacy">Privacy</a>
  3457.                  </li>
  3458.                  <li>
  3459.                    <a href="https://logicballs.com/terms">Terms</a>
  3460.                  </li>
  3461.                </ul>
  3462.  
  3463.              </div>
  3464.            </div>
  3465.          </section>
  3466.        </footer>
  3467.        
  3468.        <div class="custom-search hidden" id="my-hidden-element">
  3469.    <div class="search-wrap">
  3470.        <div id="searchbox"></div>
  3471.        <button id="hide-button" class="close">
  3472.            <span>✕</span>
  3473.            <span>Close</span>
  3474.        </button>
  3475.        <button id="filterElementsToggle" class="btn btn-primary btn-md">
  3476.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  3477.                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  3478.                class="icon-tabler-adjustments">
  3479.                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  3480.                <path d="M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
  3481.                <path d="M4 6l8 0" />
  3482.                <path d="M16 6l4 0" />
  3483.                <path d="M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
  3484.                <path d="M4 12l2 0" />
  3485.                <path d="M10 12l10 0" />
  3486.                <path d="M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
  3487.                <path d="M4 18l11 0" />
  3488.                <path d="M19 18l1 0" />
  3489.            </svg>
  3490.            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  3491.                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  3492.                class="icon-tabler-x">
  3493.                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  3494.                <path d="M18 6l-12 12" />
  3495.                <path d="M6 6l12 12" />
  3496.            </svg>
  3497.        </button>
  3498.    </div>
  3499.    <div>
  3500.        <div class="custom-search-wrap">
  3501.            <div class="filter hidden" id="filterElements">
  3502.                <div id="tags-refinement-list"></div>
  3503.                <div id="category-refinement-list"></div>
  3504.  
  3505.            </div>
  3506.            <div class="result">
  3507.                <div id="hits"></div>
  3508.                <div id="pagination"></div>
  3509.            </div>
  3510.        </div>
  3511.    </div>
  3512. </div>
  3513. <script
  3514.    src="https://cdn.jsdelivr.net/npm/typesense-instantsearch-adapter@2/dist/typesense-instantsearch-adapter.min.js"></script>
  3515. <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.71.1/dist/instantsearch.production.min.js"
  3516.    integrity="sha256-StCglfHrjEf304SE4ggF8knY+14kMjxgdDLura+KjUo=" crossorigin="anonymous"></script>
  3517. <script>
  3518.    var { searchBox } = instantsearch.widgets;
  3519.    const { hits, sortBy, refinementList } = instantsearch.widgets;
  3520.    const { dynamicWidgets, menu, hierarchicalMenu, pagination, trendingItems } = instantsearch.widgets;
  3521.    const common = {"footer":{"links":{"about":"About","terms":"Terms","privacy":"Privacy"},"badges":{"easyToUse":"Easy to Use","lightningFast":"Lightning Fast","safeAndSecure":"Safe & Secure","happyCustomers":"200K+ Happy Customers"},"labels":{"new":"New"},"sections":{"moreAI":{"links":{"imageAI":"Image AI Agents - Smart image tools","securePDF":"Secure PDF - Protect your documents","socialMediaAI":"Social Media AI Agent - Craft engaging posts","aiAgentsForRetail":"AI Agents for Retail - Boost your sales","generativeVoiceAI":"Generative Voice AI - Create natural speech","productLaunchDirectory":"Product Launch Directory - Launch smarter","cybersecurityMarketingAI":"Cybersecurity Marketing AI - Turn Security Insights Into Stories"},"title":" Featured Partners"},"community":{"links":{"blog":"Our Blog","forum":"Community Forum","media":"Media","tones":"Tones","aiModels":"Explore AI Models","questions":"Questions","aiGlossary":"AI Glossary","writeforUS":"Write for Us","successStories":"Success Stories","exploreAppPacks":"Explore Our App Packs","earnWithLogicBalls":"Earn With LogicBalls","backlinkPartnership":"Advertise with Us"},"title":"Join Our Community"},"comparisons":{"links":{"viewAll":"View all comparisons","vsCopyAI":"LogicBalls vs Copy AI - Better for writing?","vsChatGPT":"LogicBalls vs ChatGPT - What's different?","vsGoogleBard":"LogicBalls vs Bard - Which is easier?"},"title":"See How We Compare"},"popularTools":{"links":{"chatbot":"Chatbot","aiAgents":"AI Agents","characters":"Characters","translator":"Translator","aiImageEdit":"AI Image Edit","tripPlanner":"Trip Planner","wordCounter":"Word Counter","aiFactChecker":"AI Fact Checker","chat_with_pdf":"Chat with PDF","imageGenerator":"Image Generator","LLMTxtGenerator":"LLMs.Txt Generator","aiToolDirectory":"AI Tool Directory","videoSummarizer":"YouTube Video Summarizer","aiVoiceGenerator":"AI Voice Generator","ai_prompt_builder":"AI Prompt Builder","youtubeTranscript":"YouTube Transcript Generator","chatWithYoutubeVideo":"Chat with YouTube Video"},"title":"Popular Tools"}},"copyright":{"logicBalls":"LogicBalls","madeWithLove":"Made with ❤️ for everyone","allRightsReserved":"All Rights Reserved"},"ctaSection":{"title":"Make AI Work For You","buttonText":"Try Now -->","description":"Join over 200,000+ customers who use LogicBalls to write, create, and get more done with AI - no tech skills needed!"},"trustedPartners":{"title":"Trusted Partners & Compliance"}},"header":{"earn":"Earn","logo":{"alt":"LogicBalls","title":"LogicBalls"},"search":{"askAI":"Ask AI ","placeholde2":"Try 'tool for writing a professional email'... ","placeholder":"Search","thinkingText":"AI is Thinking","errormessage1":"Please enter at least 2 characters to search...","errormessage2":"I couldn't find any tools matching your search. Try describing your task differently, for example 'create marketing content' instead of just 'marketing'.","errormessage3":"No tools found matching your search","errormessage4":"Sorry, I encountered an error while searching. Please try again or rephrase your search.","errormessage5":"An error occurred while searching. Please try again.","errormessage6":"Sorry, something went wrong. Please try again in a moment."},"navigation":{"userMenu":{"auth":{"login":"Login / Signup","logout":"Logout","dashboard":"Dashboard"},"links":{"tags":"Tags","pricing":"Pricing","support":"Contact US","categories":"Categories","comparison":"Comparison","referFriend":"Refer a friend"}}},"write_for_us":"Write for us"},"submit":"Submit","clickUP":{"try_next":"Try Next","get_started_free":"Get Started Free","streamline_your_projects":"Streamline Your Projects"},"competitor":{"title":"Why LogicBalls is the Best AI Writer & Copywriting Assistant","features":[{"title":"Best Output Quality","description":"We harness the power of GPT-3.5, GPT-4, and LLMs like BARD, LlaMA, and Cohere, combined with our proprietary layer of best practices and templates, to eliminate grammatical errors and infuse vibrancy into the language."},{"title":"Tailored to Your Writing Needs","description":"No matter the style, tone, or context you require, LogicBalls adapts seamlessly to meet your unique writing demands. LogicBalls versatility ensures your content stands out in any domain."},{"title":"Embrace the Future of Writing","description":"Stay ahead of the curve with LogicBalls - your gateway to the future of writing. As AI technology continues to evolve, so does our platform, ensuring you always have access to the latest innovations in AI-driven content creation."},{"title":"Enhance Your Brand Voice","description":"At LogicBalls, we understand the essence of brand identity. Our AI writer not only maintains consistency with your brand's unique voice but also enriches it with fresh perspectives and creative flair. Let LogicBalls be your trusted partner in crafting compelling narratives that resonate with your target audience."},{"title":"Super Affordable","description":"LogicBalls has a Free Forever plan, which will stay free. And premium starts with $19/m for unlimited usage, LogicBalls offers one of the most cost-effective solutions in the market that gives you complete value for money."}]},"referPopup":{"title":"Refer a friend to get free subscription","rewards":{"yearPro":{"reward":"Earn 1 Year Pro","signups":"25 Sign up"},"oneMonthPro":{"reward":"Earn 1 Month Pro","signups":"3 Sign up"},"twoMonthPro":{"reward":"Earn 2 Month Pro","signups":"6 Sign up"},"fourMonthPro":{"reward":"Earn 4 Month Pro","signups":"12 Sign up"},"threeMonthPro":{"reward":"Earn 3 Month Pro","signups":"9 Sign up"}},"referralInfo":{"copyButton":"Copy link","description":"Share the following link with your friends. You can get free subscription if they sign up or subscribe through this link."}},"Translation":"Translation","competitors":{"competitorsCard":{"title1":"Best","title2":"Alternatives & Competitors 2025","metaDescription1":"Looking for an alternative to ","metaDescription2":"? Explore our extensive list of ","metaDescription3":" alternatives to choose the best one for your needs."},"competitorsPage":{"title":"LogicBalls Comparison: Compare Top AI Writing Tools","linkText":"   Here is an in-depth post we published recently about the best","alternative":"alternatives","metaDescription":"Comparisons of the top AI writing tools to help you decide which AI writing software is best for your content needs."}},"stripePopup":{"feature_1":"AI Agents for deep research like human","feature_2":"Premium AI models (ChatGPT 4, Claude Sonnet etc.)","feature_3":"2000+ Premium AI Tools and AI Agents","price_period":"/month","refer_button":"Refer a Friend","discount_text":"75% Off","modal_heading":"10x your writing output @ 1/4 price of ChatGPT","monthly_price":"$4.99","guarantee_span":"7-Day Money-Back Guarantee","guarantee_text":"Enjoy a","upgrade_button":"Upgrade Now","dropdown_default":"1 Day","dropdown_option_1":"1 Day","dropdown_option_2":"2 Days","dropdown_option_3":"7 Days","dropdown_option_4":"1 Month","guarantee_text_end":"Without Question.","modal_heading_span":"($200/month)","error_message_print":"Error message","price_strikethrough":"$240","yearly_billing_text":"Billed $59.99/year"},"Alternatives":{"AlternativesCard":{"title1":"Best","title2":"Alternatives & Competitors 2025","metaDescription1":"Looking for an alternative to ","metaDescription2":"? Explore our extensive list of ","metaDescription3":" alternatives to choose the best one for your needs."},"AlternativesPage":{"title":"The Best AI Writer Alternatives","metaDescription":"Looking for a free AI writer? Look no further than LogicBalls! We offer Unlimited words with 200+ AI templates at 5x lesser cost than our competitors."}},"testimonials":{"title":"See What Our Happy Customers Are Saying","metaTitle":"Testimonial - LogicBalls","description":"Trust their words, not just ours","toolOgTitle":"FREE AI Apps & Tools for Every Need | No Login Required","metaDescription":"Read genuine testimonials from our satisfied customers and learn how our products/services have transformed their lives and businesses. Real stories of success and satisfaction."},"breadcrumbText":{"auth":"Auth","chat":"Chat","home":"Home","tags":"Tags","about":"About","terms":"Terms","tones":"Tones","tools":"Tools","pricing":"Pricing","privacy":"Privacy","academia":"Academia","ai-agents":"AI Agents","ai-images":"AI Images","translate":"Translate","categories":"Categories","comparison":"Comparison","affiliation":"Affiliation","discover-ai":"Discover AI","testimonial":"Testimonial","alternatives":"Alternatives","trip-planner":"Trip Planner","word-counter":"Word Counter","write-for-us":"Write for Us","chat-with-pdf":"Chat with PDF","academia/advisors":"Academic Advisors","chat-youtube-video":"Chat with YouTube Video","ai-answer-generator":"AI Answer Generator","earn-with-logicballs":"Earn with LogicBalls","agent/ai-fact-checker":"AI Fact Checker","agent/keywords-generator":"Keywords Generator","youtube-video-summarizer":"YouTube Video Summarizer","youtube-transcript-generator":"YouTube Transcript Generator"},"newReferPopup ":{"subtitle":"Share the power of our tools with friends and get rewarded!","bonusText":"🎉 Already a subscriber? Get a BONUS year added to your current plan when your friends join!","popupTitle":"Unlock Your FREE Year of Premium Access! 🎁","planCategories":[{"name":"Pro Plan","badge":"Most Popular","price":"$59","buttonText":"Copy Referral Link","description":"Refer 2 friends to our Pro plan and unlock a FULL YEAR of premium access absolutely FREE!"},{"name":"Premium Plan","badge":"Premium Choice","price":"$99","buttonText":"Copy Referral Link","description":"Refer 2 friends to our Premium plan and enjoy a FULL YEAR of our top-tier features FREE!"}]},"tryPremiumPopup":{"title":"Compare our Premium Output","Answer":"Answer","buttons":{"upgrade":"Upgrade Now"},"Question":"Question","comparison":{"free":{"title":"Free","example":{"answer":{"intro":"To improve your website's SEO:","points":["Use relevant keywords in your content.","Optimize meta titles and descriptions.","Build quality backlinks.","Ensure your website is mobile-friendly and has a fast loading speed."]},"question":"How can I improve website SEO?"}},"premium":{"title":"✨ Premium","example":{"answer":{"intro":"Improving your website's SEO involves a strategic approach tailored to your audience and goals. Here's a detailed guide:","points":[{"title":"Keyword Research","content":"Use tools like Ahrefs or SEMrush to find high-traffic, low-competition keywords. For instance, target long-tail keywords like \"best eco-friendly coffee brands\" for niche traffic."},{"title":"Content Optimization","content":"Write engaging content around these keywords. Include keywords in headers, body text, and alt text for images while maintaining natural readability."},{"title":"Technical SEO","content":"Ensure mobile-friendliness, optimize page speed, and implement schema markup effectively."},{"title":"Link Building","content":"Focus on quality over quantity. Reach out to authority websites for guest posting or create shareable content like infographics."},{"title":"Regular Audits","content":"Use tools like Screaming Frog to identify broken links, duplicate content, and crawl issues."}]},"question":"How can I improve website SEO?"}}}},"randomTestimonials":{"title":"See What Our Happy Customers Are Saying","viewAlltext":"View all testimonial"}};
  3522.    const language = "en"
  3523.  
  3524.  
  3525.    const tomorrow = new Date();
  3526. tomorrow.setDate(tomorrow.getDate() + 1);
  3527.  
  3528. const unixTimestamp = tomorrow.getTime(); // Get time in milliseconds
  3529.  
  3530.  
  3531.    const typesenseInstantsearchAdapter = new TypesenseInstantSearchAdapter({
  3532.        server: {
  3533.            nodes: [{
  3534.  
  3535.                host: 'loginballs-typesense-logicballs-typesense.tagy48.easypanel.host',
  3536.                 port: '443',      // For Typesense Cloud use 443
  3537.                protocol: 'https'   // For Typesense Cloud use https
  3538.            }],
  3539.            apiKey: '926a8941894991187522edfdbea49887',
  3540.            connectionTimeoutSeconds: 5,
  3541.            cacheSearchResultsForSeconds: 2 * 60, // Cache search results from server. Defaults to 2 minutes. Set to 0 to disable caching.
  3542.        },
  3543.  
  3544.        additionalSearchParameters: {
  3545.  
  3546.            query_by: "name,category,tags",  // Search primarily in name field
  3547.            sort_by: "_text_match:desc",  // Sort by text match score
  3548.            prefix: true,
  3549.            filter_by : `publishDate:<${unixTimestamp}`,
  3550.            per_page: 9,
  3551.            typo_tolerance_enabled: true,
  3552.            num_typos: 1,  // Reduced typo tolerance for more accurate matching
  3553.            highlight_full_fields: "name",
  3554.            token_ranking_type: "position", // Prioritize matches based on position in text
  3555.            prioritize_token_position: true, // This should help prioritize matches at start of name
  3556.            exhaustive_search: true
  3557.        },
  3558.    });
  3559.    const searchClient = typesenseInstantsearchAdapter.searchClient;
  3560.     let dataIndex =  'logicballs-frontend-' + language
  3561.     if(window.location.hostname == 'logicballs.com') {
  3562.         dataIndex = 'logicballs-frontend-'  + language
  3563.     }
  3564.  
  3565.    const search = instantsearch({
  3566.        searchClient,
  3567.        indexName: dataIndex,
  3568.    });
  3569.  
  3570.    search.addWidgets([
  3571.        searchBox({
  3572.            container: "#searchbox",
  3573.            placeholder:  common?.header?.search?.placeholder ,
  3574.            autofocus: true,
  3575.            showLoadingIndicator: true,
  3576.  
  3577.        }),
  3578.        hits({
  3579.            container: "#hits",
  3580.            templates: {
  3581.  
  3582.                item: `
  3583.          <div class="hit-name ">
  3584.        <div class="category">
  3585.            <a href="{{#helpers.highlight}}{ "attribute": "url" }{{/helpers.highlight}} " class="new-tag">{{#helpers.highlight}}{ "attribute": "category" }{{/helpers.highlight}} </a>
  3586.        </div>
  3587.        <div class="tooltitle">
  3588.           <a href="{{#helpers.highlight}}{ "attribute": "url" }{{/helpers.highlight}}">{{#helpers.highlight}}{ "attribute": "name" }{{/helpers.highlight}}</a>
  3589.        </div>
  3590.        <div class="tags">
  3591.            <ul><li>{{tags.0}}</li><li>{{tags.1}}</li><li>{{tags.2}}</li><li>{{tags.3}}</li><li>{{tags.4}}</li><li>{{tags.5}}</li></ul>
  3592.        </div>
  3593.    </div>
  3594.      `,
  3595.            },
  3596.        }),
  3597.        pagination({
  3598.            container: '#pagination'
  3599.        }),
  3600.        refinementList({
  3601.            container: "#category-refinement-list",
  3602.            attribute: "category",
  3603.            searchable: true,
  3604.            searchablePlaceholder: "Search Categories",
  3605.            showMore: true,
  3606.            showMoreLimit: 40,
  3607.            cssClasses: {
  3608.                searchableInput: "form-control form-control-sm mb-2 border-light-2",
  3609.                searchableSubmit: "d-none",
  3610.                searchableReset: "d-none",
  3611.                showMore: "btn btn-outline btn-sm",
  3612.                list: "list-unstyled",
  3613.                count: "badge badge-light bg-light-2 ml-2",
  3614.                label: "d-flex align-items-center text-capitalize",
  3615.                checkbox: "mr-2",
  3616.            },
  3617.        }),
  3618.        refinementList({
  3619.            container: "#tags-refinement-list",
  3620.            attribute: "tags",
  3621.            searchable: true,
  3622.            searchablePlaceholder: "Search Tags",
  3623.            showMore: true,
  3624.            showMoreLimit: 40,
  3625.            cssClasses: {
  3626.                searchableInput: "form-control form-control-sm mb-2 border-light-2",
  3627.                searchableSubmit: "d-none",
  3628.                searchableReset: "d-none",
  3629.                showMore: "btn btn-outline btn-sm",
  3630.                list: "list-unstyled",
  3631.                count: "badge badge-light bg-light-2 ml-2",
  3632.                label: "d-flex align-items-center text-capitalize",
  3633.                checkbox: "mr-2",
  3634.            },
  3635.        }),
  3636.  
  3637.    ]);
  3638.  
  3639.    search.start();
  3640.    const inbox = document.getElementById('show-button');
  3641.  
  3642.    // Add click event listener
  3643.    if (inbox) {    
  3644.    inbox.addEventListener('click', function () {
  3645.        // Call your JavaScript function here
  3646.        hightlightSearchBoxCursor();
  3647.    });
  3648.    }
  3649.    const inboxShowButton = document.getElementById('show-button-hero');
  3650.    // Add click event listener
  3651.    if (inboxShowButton) {
  3652.  
  3653.        inboxShowButton.addEventListener('click', function () {
  3654.            // Call your JavaScript function here
  3655.            hightlightSearchBoxCursor();
  3656.        });
  3657.    }
  3658.    function hightlightSearchBoxCursor() {
  3659.  
  3660.        let textSearchElements = document.getElementsByClassName('ais-SearchBox-input');
  3661.  
  3662.        // Check if at least one element was found
  3663.        if (textSearchElements.length > 0) {
  3664.            // Focus on the first found element
  3665.            textSearchElements[0].focus();
  3666.  
  3667.            // Select the content of the first found element
  3668.            textSearchElements[0].select();
  3669.        }
  3670.    }
  3671.  
  3672.    const mytogglebutton = document.querySelector('#filterElementsToggle');
  3673.  
  3674.    // variable for the target element that I will show and hide
  3675.    const mytargetelement = document.querySelector('#filterElements');
  3676.    const mybuttonlement = document.querySelector('#filterElementsToggle');
  3677.  
  3678.    // event listener (onclick) with a function to toggle the class on the target element to show and hide it
  3679.    mytogglebutton.onclick = function () {
  3680.        // function actions/statements go here
  3681.        mytargetelement.classList.toggle('hidden');
  3682.        mybuttonlement.classList.toggle('active');
  3683.  
  3684.        // If the target element is not hidden, scroll it into view
  3685.        if (!mytargetelement.classList.contains('hidden')) {
  3686.            mytargetelement.scrollIntoView({ behavior: 'smooth' });
  3687.        }
  3688.    };
  3689. </script>
  3690.          <script src="/js/footer.js"></script>
  3691.          <script src="https://tally.so/widgets/embed.js" async></script>
  3692.          
  3693.  
  3694. </body>
  3695.  
  3696.  
  3697. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda