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: http://www.sendx.io/blog/employee-newsletter-ideas

  1. <!doctype html>
  2. <html lang="en" class="dark" data-brand="sendx">
  3.    <head>
  4.        
  5.    <title>7 Company Newsletter Ideas to Boost Employee Engagement</title>
  6.    <meta name="description" content="Uncover newsletter ideas to boost employee interaction and productivity with dynamic and personalized content strategies.">
  7.    <link rel="canonical" href="https://www.sendx.io/blog/employee-newsletter-ideas">
  8.    <meta property="og:url" content="https://www.sendx.io/blog/employee-newsletter-ideas">
  9.        <link rel='alternate' href="https://www.sendx.io/blog/employee-newsletter-ideas" hreflang="en-US" >
  10. <link rel="shortcut icon" href="https://www.sendx.io/assets/sendx-icon-gold.svg">
  11.    <meta property="og:site_name" content="SendX">
  12.    <meta property="og:title" content="7 Engaging Company Newsletter Ideas">
  13.    <meta property="og:description" content="Increase employee engagement with these creative newsletter ideas. From personal messages to contests, learn how to make your newsletters indispensable.">
  14.    <meta property="og:type" content="website">
  15.    <meta property="og:locale" content="en-US">
  16.    <meta name="twitter:title" content="Boost Employee Engagement with Creative Newsletters">
  17.    <meta name="twitter:description" content="Transform your company newsletters with these innovative ideas to enhance employee interaction and communication.">
  18.    <meta name="twitter:card" content="summary">
  19.    <meta name="twitter:site" content="@sendxio">
  20.    <meta name="twitter:creator" content="@sendxio">
  21. <script>(function (w, d, s, l, i){w[l]=w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s), dl=l !='dataLayer' ? '&l=' + l : ''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);})(window, document, 'script', 'dataLayer', 'GTM-53DFH4J');</script>
  22. <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.sendx.io/#site-owner","url":"https://www.sendx.io/","sameAs":["https://www.linkedin.com/company/sendx/","https://x.com/sendxio"]},{"@type":"WebSite","url":"https://www.sendx.io/","publisher":{"@id":"https://www.sendx.io/#site-owner"},"@id":"https://www.sendx.io/#website","name":"SendX"},{"@type":"WebPage","@id":"https://www.sendx.io/#web_page","url":"https://www.sendx.io/blog/employee-newsletter-ideas","name":"7 Company Newsletter Ideas to Boost Employee Engagement","headline":"7 Company Newsletter Ideas to Boost Employee Engagement","description":"Uncover newsletter ideas to boost employee interaction and productivity with dynamic and personalized content strategies.","isPartOf":{"@id":"https://www.sendx.io/#website"},"inLanguage":"en-US","datePublished":"2025-05-22T00:00:00+00:00","dateModified":"2025-05-22T00:00:00+00:00","publisher":{"@type":"Organization","name":"","url":"/","sameAs":["https://www.linkedin.com/company/sendx/","https://x.com/sendxio"]},"breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Thing","name":"Home","id":"https://www.sendx.io"}},{"@type":"ListItem","position":2,"item":{"@type":"Thing","name":"7 Ultimate Company Newsletter Ideas To Engage Employees","id":"https://www.sendx.io/blog/employee-newsletter-ideas"}}]}},{"@type":"Article","headline":"7 Company Newsletter Ideas to Boost Employee Engagement","description":"Uncover newsletter ideas to boost employee interaction and productivity with dynamic and personalized content strategies.","url":"https://www.sendx.io/blog/employee-newsletter-ideas","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.sendx.io/#article"},"inLanguage":"en-US","datePublished":"2025-05-22T00:00:00+00:00","dateModified":"2025-05-22T00:00:00+00:00","author":{"@type":"Person","name":"Deepak Gajjala","url":"https://www.sendx.io/authors/deepak-gajjala","description":"Software Developer at SendX"},"publisher":{"@type":"Organization","name":"","url":"/","sameAs":["https://www.linkedin.com/company/sendx/","https://x.com/sendxio"]}}]}</script>
  23.  
  24.        <meta charset="utf-8">
  25.        <meta http-equiv="X-UA-Compatible" content="IE=edge">
  26.        <meta name="viewport" content="width=device-width, initial-scale=1">
  27.        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Playfair+Display&display=swap" rel="stylesheet">
  28.        <link rel="icon" href="https://www.sendx.io/assets/sendx-gold-favicon.svg" type="image/svg+xml">
  29.        
  30.        <link rel="preload" as="style" href="https://www.sendx.io/build/assets/site-bDfqODZp.css" /><link rel="modulepreload" href="https://www.sendx.io/build/assets/site-BWxkXT2E.js" /><link rel="stylesheet" href="https://www.sendx.io/build/assets/site-bDfqODZp.css" /><script type="module" src="https://www.sendx.io/build/assets/site-BWxkXT2E.js"></script>
  31.  
  32.        <script type="text/javascript">
  33.            (function(c,l,a,r,i,t,y){
  34.                c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  35.                t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  36.                y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  37.            })(window, document, "clarity", "script", "sffdn2xlrn");
  38.        </script>
  39.        
  40.        <script
  41.            defer
  42.            data-website-id="688c5779951afa940ae301d5"
  43.            data-domain="www.sendx.io"
  44.            src="https://datafa.st/js/script.js">
  45.        </script>
  46.  
  47.        <script>
  48.            // Boot Intercom for anonymous users
  49.            window.intercomSettings = {
  50.                api_base: "https://api-iam.intercom.io",
  51.                app_id: "sqw0jm7f"
  52.            };
  53.  
  54.            (function () {
  55.                var w = window; var ic = w.Intercom;
  56.                if (typeof ic === "function") {
  57.                ic('reattach_activator'); ic('update', w.intercomSettings);
  58.                } else {
  59.                var d = document; var i = function () { i.c(arguments); };
  60.                i.q = []; i.c = function (args) { i.q.push(args); }; w.Intercom = i;
  61.                var l = function () {
  62.                    var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true;
  63.                    s.src = 'https://widget.intercom.io/widget/sqw0jm7f';
  64.                    var x = d.getElementsByTagName('script')[0];
  65.                    x.parentNode.insertBefore(s, x);
  66.                };
  67.                if (document.readyState === 'complete') { l(); }
  68.                else if (w.attachEvent) { w.attachEvent('onload', l); }
  69.                else { w.addEventListener('load', l, false); }
  70.                }
  71.            })();
  72.        </script>
  73.  
  74.        <!-- Global site tag (gtag.js) - Google Analytics -->
  75.        <script async src="https://www.googletagmanager.com/gtag/js?id=G-WXWF17KNX6"></script>
  76.        <script>
  77.            window.dataLayer = window.dataLayer || [];
  78.            function gtag(){dataLayer.push(arguments);}
  79.            gtag('js', new Date());
  80.  
  81.            gtag('config', 'G-WXWF17KNX6'); // Replace with your actual ID
  82.        </script>
  83.  
  84.        <style>
  85.            #page-transition-overlay {
  86.                position: fixed;
  87.                inset: 0;
  88.                background: black;
  89.                z-index: 9999;
  90.                opacity: 0;
  91.                pointer-events: none;
  92.                transition: opacity 0.4s ease;
  93.            }
  94.  
  95.            body.fade-out #page-transition-overlay {
  96.                opacity: 1;
  97.                pointer-events: all;
  98.            }
  99.  
  100.            body.fade-in #page-transition-overlay {
  101.                opacity: 1;
  102.            }
  103.  
  104.            body.loaded #page-transition-overlay {
  105.                opacity: 0;
  106.                pointer-events: none;
  107.                transition: opacity 0.6s ease;
  108.            }
  109.  
  110.            #page-transition-overlay {
  111.                position: fixed;
  112.                inset: 0;
  113.                background: black;
  114.                z-index: 9999;
  115.                opacity: 0;
  116.                pointer-events: none;
  117.                transition: opacity 0.4s ease;
  118.                display: flex;
  119.                align-items: center;
  120.                justify-content: center;
  121.                flex-direction: column;
  122.                color: white;
  123.                font-family: 'Inter', sans-serif;
  124.                font-size: 1rem;
  125.                text-align: center;
  126.            }
  127.  
  128.            body.fade-out #page-transition-overlay {
  129.                opacity: 1;
  130.                pointer-events: all;
  131.            }
  132.  
  133.            .loader-wrapper {
  134.                display: flex;
  135.                flex-direction: column;
  136.                align-items: center;
  137.                gap: 1rem;
  138.            }
  139.  
  140.            /* Modern bouncing dot spinner */
  141.            .modern-spinner {
  142.                display: flex;
  143.                gap: 8px;
  144.            }
  145.  
  146.            .modern-spinner span {
  147.                width: 10px;
  148.                height: 10px;
  149.                background-color: white;
  150.                border-radius: 50%;
  151.                animation: bounce 0.6s infinite alternate;
  152.            }
  153.  
  154.            .modern-spinner span:nth-child(2) {
  155.                animation-delay: 0.2s;
  156.            }
  157.  
  158.            .modern-spinner span:nth-child(3) {
  159.                animation-delay: 0.4s;
  160.            }
  161.  
  162.            @keyframes bounce {
  163.                from { transform: translateY(0); opacity: 0.6; }
  164.                to { transform: translateY(-12px); opacity: 1; }
  165.            }
  166.        </style>
  167.    </head>
  168.    <body class="fade-in bg-gray-100 font-sans leading-normal text-slate-800 dark:text-gray-400">
  169.        
  170. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-53DFH4J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  171.  
  172.  
  173.        <header
  174.  x-data="navbar()"
  175.  x-init="initNavbar()"
  176.  class="fixed top-0 w-full z-50 transition-all duration-200 bg-black text-white"
  177.  :class="{ 'shadow-md py-2': scrolled, 'py-4 border-b border-dark-border': !scrolled }"
  178. >
  179.  <div class="flex items-center justify-between px-4 sm:px-6 lg:px-12">
  180.    <div class="flex items-center relative" x-data="{ activeDropdown: null }" @click.away="activeDropdown = null">
  181.      <button
  182.        class="flex items-center px-3 py-2 rounded-md transition-all"
  183.        :class="activeDropdown === 'logo' ? 'bg-zinc-800' : 'hover:bg-zinc-800'"
  184.        @click="activeDropdown = activeDropdown === 'logo' ? null : 'logo'"
  185.      >
  186.        
  187.  <picture>
  188.    
  189.      
  190.        
  191.          <img
  192.            src="/assets/brand/sendx-logo-white.svg"
  193.            alt="SendX - Email Marketing & Marketing Automation Software"
  194.            class="h-8"
  195.            
  196.            fetchpriority=""
  197.            decoding=""
  198.          />
  199.        
  200.      
  201.    
  202.  </picture>
  203.  
  204.  
  205.        <template x-if="activeDropdown === 'logo'">
  206.          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="ml-2 h-4 w-4 transition-transform text-white"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"/></svg>
  207.        </template>
  208.        <template x-if="activeDropdown !== 'logo'">
  209.          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="ml-2 h-4 w-4 transition-transform"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  210.        </template>
  211.      </button>
  212.  
  213.      <div
  214.        class="absolute top-full left-0 z-50 transition-all duration-200"
  215.        :class="activeDropdown === 'logo' ? 'opacity-100 visible' : 'opacity-0 invisible pointer-events-none'"
  216.      >
  217.        <div class="w-[400px] bg-[#09090b] border border-zinc-800 rounded-lg overflow-hidden mt-6">
  218.          <div class="p-4">
  219.            <h3 class="text-white text-sm font-medium mb-4 px-2">
  220.              Switch Products
  221.            </h3>
  222.  
  223.            
  224.            <div class="space-y-2">
  225.              
  226.                
  227.                  <a href="/" class="flex items-start space-x-3 p-3 bg-zinc-800/50 rounded-md border border-brand-primary/30">
  228.                    <div class="w-10 h-10 flex-shrink-0">
  229.                      
  230.  <picture>
  231.    
  232.      
  233.        
  234.          <img
  235.            src="/assets/site-icons/sendx-icon.svg"
  236.            alt=""
  237.            class="w-full h-full"
  238.            
  239.            fetchpriority=""
  240.            decoding=""
  241.          />
  242.        
  243.      
  244.    
  245.  </picture>
  246.  
  247.  
  248.                    </div>
  249.                    <div class="flex-1">
  250.                      <h4 class="text-white font-semibold text-sm">SendX</h4>
  251.                      <p class="text-zinc-400 text-xs leading-relaxed mt-1">
  252.                        Email software to send campaigns, build lists, and automate marketing
  253.                      </p>
  254.                      <span class="inline-block text-brand-primary text-xs font-medium mt-1">
  255.                        Current
  256.                      </span>
  257.                    </div>
  258.                  </a>
  259.                
  260.              
  261.                
  262.                  <a href="/sendpost" class="flex items-start space-x-3 p-3 hover:bg-zinc-800 rounded-md transition-colors group">
  263.                    <div class="w-10 h-10 flex-shrink-0">
  264.                      
  265.  <picture>
  266.    
  267.      
  268.        
  269.          <img
  270.            src="/assets/site-icons/sendpost-icon.svg"
  271.            alt=""
  272.            class="w-full h-full"
  273.            
  274.            fetchpriority=""
  275.            decoding=""
  276.          />
  277.        
  278.      
  279.    
  280.  </picture>
  281.  
  282.  
  283.                    </div>
  284.                    <div class="flex-1">
  285.                      <h4 class="text-white font-semibold text-sm hover:text-[#5f4de7] transition-colors">
  286.                        SendPost
  287.                      </h4>
  288.                      <p class="text-zinc-400 text-xs leading-relaxed mt-1">
  289.                        Reach your customers' inboxes on time, every time with Email API + SMTP Relay
  290.                      </p>
  291.                    </div>
  292.                  </a>
  293.                
  294.              
  295.                
  296.                  <a href="/sendverify" class="flex items-start space-x-3 p-3 hover:bg-zinc-800 rounded-md transition-colors group">
  297.                    <div class="w-10 h-10 flex-shrink-0">
  298.                      
  299.  <picture>
  300.    
  301.      
  302.        
  303.          <img
  304.            src="/assets/site-icons/sendverify-icon.svg"
  305.            alt=""
  306.            class="w-full h-full"
  307.            
  308.            fetchpriority=""
  309.            decoding=""
  310.          />
  311.        
  312.      
  313.    
  314.  </picture>
  315.  
  316.  
  317.                    </div>
  318.                    <div class="flex-1">
  319.                      <h4 class="text-white font-semibold text-sm hover:text-[#0bd58a] transition-colors">
  320.                        SendVerify
  321.                      </h4>
  322.                      <p class="text-zinc-400 text-xs leading-relaxed mt-1">
  323.                        Clean email lists to eliminate bounces and engage subscribers
  324.                      </p>
  325.                    </div>
  326.                  </a>
  327.                
  328.              
  329.  
  330.            </div>
  331.          </div>
  332.        </div>
  333.      </div>
  334.    </div>
  335.  
  336.    <!-- Desktop Navigation - Hide with toggle -->
  337.    
  338.    <nav class="hidden lg:flex items-center gap-4">
  339.      <div class="lg:flex items-center gap-4 ">
  340.  
  341.  <div x-data="{ open: false, expandedSection: null }"
  342.    @click.away="open = false; expandedSection = null">
  343.    
  344.      <button
  345.        @click="open = !open"
  346.        class="flex items-center gap-1 text-md hover:text-black/70 dark:text-dark-text dark:hover:text-white hover:bg-zinc-800 px-3 py-2 rounded-md cursor-pointer"
  347.        :aria-expanded="open"
  348.      >
  349.        Product
  350.        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4 transition-transform duration-200" x-bind:class="open ? 'rotate-90' : ''"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  351.      </button>
  352.    
  353.  
  354.    <div x-show="open"
  355.        @click.away="open = false"
  356.        class="fixed left-1/2 transform -translate-x-1/2 top-16 bg-white dark:bg-dark-card shadow-lg rounded-lg border border-zinc-800 dark:border-dark-border z-20 w-[900px]">
  357.      
  358.      
  359.        <div class="bg-[#09090b] border border-zinc-800 rounded-lg">
  360.            <div class="grid grid-cols-3 divide-x divide-zinc-800">
  361.              
  362.                <div class="p-4">
  363.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  364.                    Features
  365.                  </h3>
  366.                  <div class="relative" @click.away="expandedSection = null">
  367.                    
  368.                      <ul class="space-y-2">
  369.                        
  370.                          <li class="relative">
  371.                            
  372.                              <button
  373.                                @click.stop="expandedSection = expandedSection === 'mb7petmi' ? null : 'mb7petmi'"
  374.                                class="w-full text-left text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center justify-between"
  375.                                :class="expandedSection === 'mb7petmi' ? 'text-white bg-zinc-800' : ''"
  376.                              >
  377.                                <span class="flex items-center gap-2">
  378.                                  
  379.                                    
  380.                                    Email Campaigns
  381.                                  
  382.                                </span>
  383.                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  384.                              </button>
  385.                              <ul
  386.                                x-show="expandedSection === 'mb7petmi'"
  387.                                x-cloak
  388.                                class="absolute left-full top-0 bg-black border border-zinc-800 rounded-md py-2 px-3 z-30 w-max ml-2 overflow-y-auto max-h-[75vh] scrollbar-thin scrollbar-thumb-zinc-700 scrollbar-track-zinc-900"
  389.                              >
  390.                                
  391.                                  <li class="flex gap-2 items-center">
  392.                                    
  393.                                    <a href="/features/newsletter-campaigns"
  394.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  395.                                      Newsletter Campaign
  396.                                    </a>
  397.                                  </li>
  398.                                
  399.                                  <li class="flex gap-2 items-center">
  400.                                    
  401.                                    <a href="/features/ab-split-test-campaign"
  402.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  403.                                      A/B Split Test Campaign
  404.                                    </a>
  405.                                  </li>
  406.                                
  407.                                  <li class="flex gap-2 items-center">
  408.                                    
  409.                                    <a href="/features/drip-campaigns"
  410.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  411.                                      Drip Campaign
  412.                                    </a>
  413.                                  </li>
  414.                                
  415.                                  <li class="flex gap-2 items-center">
  416.                                    
  417.                                    <a href="/features/rss-campaign"
  418.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  419.                                      RSS Campaign
  420.                                    </a>
  421.                                  </li>
  422.                                
  423.                                  <li class="flex gap-2 items-center">
  424.                                    
  425.                                    <a href="/features/email-personalisation"
  426.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  427.                                      Email Personalisation
  428.                                    </a>
  429.                                  </li>
  430.                                
  431.                              </ul>
  432.                            
  433.                          </li>
  434.                        
  435.                          <li class="relative">
  436.                            
  437.                              <button
  438.                                @click.stop="expandedSection = expandedSection === 'mb7pgof0' ? null : 'mb7pgof0'"
  439.                                class="w-full text-left text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center justify-between"
  440.                                :class="expandedSection === 'mb7pgof0' ? 'text-white bg-zinc-800' : ''"
  441.                              >
  442.                                <span class="flex items-center gap-2">
  443.                                  
  444.                                    
  445.                                    Smart Automation
  446.                                  
  447.                                </span>
  448.                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  449.                              </button>
  450.                              <ul
  451.                                x-show="expandedSection === 'mb7pgof0'"
  452.                                x-cloak
  453.                                class="absolute left-full top-0 bg-black border border-zinc-800 rounded-md py-2 px-3 z-30 w-max ml-2 overflow-y-auto max-h-[75vh] scrollbar-thin scrollbar-thumb-zinc-700 scrollbar-track-zinc-900"
  454.                              >
  455.                                
  456.                                  <li class="flex gap-2 items-center">
  457.                                    
  458.                                    <a href="/features/visual-workflows"
  459.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  460.                                      Visual Workflows
  461.                                    </a>
  462.                                  </li>
  463.                                
  464.                              </ul>
  465.                            
  466.                          </li>
  467.                        
  468.                          <li class="relative">
  469.                            
  470.                              <button
  471.                                @click.stop="expandedSection = expandedSection === 'mcal40q6' ? null : 'mcal40q6'"
  472.                                class="w-full text-left text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center justify-between"
  473.                                :class="expandedSection === 'mcal40q6' ? 'text-white bg-zinc-800' : ''"
  474.                              >
  475.                                <span class="flex items-center gap-2">
  476.                                  
  477.                                    
  478.                                    AI Intelligence
  479.                                  
  480.                                </span>
  481.                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  482.                              </button>
  483.                              <ul
  484.                                x-show="expandedSection === 'mcal40q6'"
  485.                                x-cloak
  486.                                class="absolute left-full top-0 bg-black border border-zinc-800 rounded-md py-2 px-3 z-30 w-max ml-2 overflow-y-auto max-h-[75vh] scrollbar-thin scrollbar-thumb-zinc-700 scrollbar-track-zinc-900"
  487.                              >
  488.                                
  489.                                  <li class="flex gap-2 items-center">
  490.                                    
  491.                                    <a href="/features/ai-sendx-editor"
  492.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  493.                                      AI Editor
  494.                                    </a>
  495.                                  </li>
  496.                                
  497.                              </ul>
  498.                            
  499.                          </li>
  500.                        
  501.                          <li class="relative">
  502.                            
  503.                              <button
  504.                                @click.stop="expandedSection = expandedSection === 'mcal4m0a' ? null : 'mcal4m0a'"
  505.                                class="w-full text-left text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center justify-between"
  506.                                :class="expandedSection === 'mcal4m0a' ? 'text-white bg-zinc-800' : ''"
  507.                              >
  508.                                <span class="flex items-center gap-2">
  509.                                  
  510.                                    
  511.                                    Forms & Popups
  512.                                  
  513.                                </span>
  514.                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  515.                              </button>
  516.                              <ul
  517.                                x-show="expandedSection === 'mcal4m0a'"
  518.                                x-cloak
  519.                                class="absolute left-full top-0 bg-black border border-zinc-800 rounded-md py-2 px-3 z-30 w-max ml-2 overflow-y-auto max-h-[75vh] scrollbar-thin scrollbar-thumb-zinc-700 scrollbar-track-zinc-900"
  520.                              >
  521.                                
  522.                                  <li class="flex gap-2 items-center">
  523.                                    
  524.                                    <a href="/features/forms"
  525.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  526.                                      Forms
  527.                                    </a>
  528.                                  </li>
  529.                                
  530.                                  <li class="flex gap-2 items-center">
  531.                                    
  532.                                    <a href="/features/popups"
  533.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  534.                                      Popups
  535.                                    </a>
  536.                                  </li>
  537.                                
  538.                                  <li class="flex gap-2 items-center">
  539.                                    
  540.                                    <a href="/features/landing-pages"
  541.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  542.                                      Landing Pages
  543.                                    </a>
  544.                                  </li>
  545.                                
  546.                              </ul>
  547.                            
  548.                          </li>
  549.                        
  550.                          <li class="relative">
  551.                            
  552.                              <button
  553.                                @click.stop="expandedSection = expandedSection === 'mcal56zb' ? null : 'mcal56zb'"
  554.                                class="w-full text-left text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center justify-between"
  555.                                :class="expandedSection === 'mcal56zb' ? 'text-white bg-zinc-800' : ''"
  556.                              >
  557.                                <span class="flex items-center gap-2">
  558.                                  
  559.                                    
  560.                                    Segmentation & Targeting
  561.                                  
  562.                                </span>
  563.                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  564.                              </button>
  565.                              <ul
  566.                                x-show="expandedSection === 'mcal56zb'"
  567.                                x-cloak
  568.                                class="absolute left-full top-0 bg-black border border-zinc-800 rounded-md py-2 px-3 z-30 w-max ml-2 overflow-y-auto max-h-[75vh] scrollbar-thin scrollbar-thumb-zinc-700 scrollbar-track-zinc-900"
  569.                              >
  570.                                
  571.                                  <li class="flex gap-2 items-center">
  572.                                    
  573.                                    <a href="/features/audience-management"
  574.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  575.                                      Audience Management
  576.                                    </a>
  577.                                  </li>
  578.                                
  579.                                  <li class="flex gap-2 items-center">
  580.                                    
  581.                                    <a href="/features/segmentation"
  582.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  583.                                      Segmentation
  584.                                    </a>
  585.                                  </li>
  586.                                
  587.                                  <li class="flex gap-2 items-center">
  588.                                    
  589.                                    <a href="/features/dynamic-sender"
  590.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  591.                                      Dynamic Sender
  592.                                    </a>
  593.                                  </li>
  594.                                
  595.                                  <li class="flex gap-2 items-center">
  596.                                    
  597.                                    <a href="/features/multi-location-franchise-email-marketing"
  598.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  599.                                      Multi Location Franchise Email Marketing
  600.                                    </a>
  601.                                  </li>
  602.                                
  603.                              </ul>
  604.                            
  605.                          </li>
  606.                        
  607.                          <li class="relative">
  608.                            
  609.                              <button
  610.                                @click.stop="expandedSection = expandedSection === 'mcal63um' ? null : 'mcal63um'"
  611.                                class="w-full text-left text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center justify-between"
  612.                                :class="expandedSection === 'mcal63um' ? 'text-white bg-zinc-800' : ''"
  613.                              >
  614.                                <span class="flex items-center gap-2">
  615.                                  
  616.                                    
  617.                                    Analytics & Reporting
  618.                                  
  619.                                </span>
  620.                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  621.                              </button>
  622.                              <ul
  623.                                x-show="expandedSection === 'mcal63um'"
  624.                                x-cloak
  625.                                class="absolute left-full top-0 bg-black border border-zinc-800 rounded-md py-2 px-3 z-30 w-max ml-2 overflow-y-auto max-h-[75vh] scrollbar-thin scrollbar-thumb-zinc-700 scrollbar-track-zinc-900"
  626.                              >
  627.                                
  628.                                  <li class="flex gap-2 items-center">
  629.                                    
  630.                                    <a href="/features/email-analytics"
  631.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  632.                                      Email Analytics
  633.                                    </a>
  634.                                  </li>
  635.                                
  636.                                  <li class="flex gap-2 items-center">
  637.                                    
  638.                                    <a href="/features/notifications-center"
  639.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  640.                                      Notifications Center
  641.                                    </a>
  642.                                  </li>
  643.                                
  644.                              </ul>
  645.                            
  646.                          </li>
  647.                        
  648.                          <li class="relative">
  649.                            
  650.                              <button
  651.                                @click.stop="expandedSection = expandedSection === 'mcal72af' ? null : 'mcal72af'"
  652.                                class="w-full text-left text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center justify-between"
  653.                                :class="expandedSection === 'mcal72af' ? 'text-white bg-zinc-800' : ''"
  654.                              >
  655.                                <span class="flex items-center gap-2">
  656.                                  
  657.                                    
  658.                                    Deliverability & Optimization
  659.                                  
  660.                                </span>
  661.                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  662.                              </button>
  663.                              <ul
  664.                                x-show="expandedSection === 'mcal72af'"
  665.                                x-cloak
  666.                                class="absolute left-full top-0 bg-black border border-zinc-800 rounded-md py-2 px-3 z-30 w-max ml-2 overflow-y-auto max-h-[75vh] scrollbar-thin scrollbar-thumb-zinc-700 scrollbar-track-zinc-900"
  667.                              >
  668.                                
  669.                                  <li class="flex gap-2 items-center">
  670.                                    
  671.                                    <a href="/features/managed-deliverability-service"
  672.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  673.                                      Managed Deliverability Service
  674.                                    </a>
  675.                                  </li>
  676.                                
  677.                                  <li class="flex gap-2 items-center">
  678.                                    
  679.                                    <a href="/features/ip-reputation-tracking"
  680.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  681.                                      IP Reputation Tracking
  682.                                    </a>
  683.                                  </li>
  684.                                
  685.                                  <li class="flex gap-2 items-center">
  686.                                    
  687.                                    <a href="/features/domain-reputation-tracking"
  688.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  689.                                      Domain Reputation Tracking
  690.                                    </a>
  691.                                  </li>
  692.                                
  693.                                  <li class="flex gap-2 items-center">
  694.                                    
  695.                                    <a href="/features/inbox-testing-addon"
  696.                                      class="w-full text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md whitespace-nowrap">
  697.                                      Inbox Testing
  698.                                    </a>
  699.                                  </li>
  700.                                
  701.                              </ul>
  702.                            
  703.                          </li>
  704.                        
  705.                      </ul>
  706.                      
  707.                        
  708.                          <a href="/features" class="text-brand-primary hover:text-[#ffea80] flex items-center transition-colors text-sm mt-2"
  709.                            >
  710.                              View All Features <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="ml-1 h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7l7 7l-7 7"/></svg>
  711.                            </a>
  712.                        
  713.                      
  714.                    
  715.                  </div>
  716.                </div>
  717.              
  718.                <div class="p-4">
  719.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  720.                    Addons
  721.                  </h3>
  722.                  <div class="relative" @click.away="expandedSection = null">
  723.                    
  724.                      <ul class="space-y-2">
  725.                        
  726.                          <li class="relative">
  727.                            
  728.                              <a href="/features/multi-location-franchise-email-marketing" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  729.                                
  730.                                  
  731.                                  Franchise Support
  732.                                
  733.                              </a>
  734.                            
  735.                          </li>
  736.                        
  737.                          <li class="relative">
  738.                            
  739.                              <a href="/features/custom-reply" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  740.                                
  741.                                  
  742.                                  Custom Reply
  743.                                
  744.                              </a>
  745.                            
  746.                          </li>
  747.                        
  748.                          <li class="relative">
  749.                            
  750.                              <a href="/features/bot-open-click-tracker" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  751.                                
  752.                                  
  753.                                  Bot Open/Click Tracker
  754.                                
  755.                              </a>
  756.                            
  757.                          </li>
  758.                        
  759.                          <li class="relative">
  760.                            
  761.                              <a href="/features/read-skimmed-glanced" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  762.                                
  763.                                  
  764.                                  Read, Skimmed And Glanced
  765.                                
  766.                              </a>
  767.                            
  768.                          </li>
  769.                        
  770.                          <li class="relative">
  771.                            
  772.                              <a href="/features/keyboard-shortcuts" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  773.                                
  774.                                  
  775.                                  Shortcuts
  776.                                
  777.                              </a>
  778.                            
  779.                          </li>
  780.                        
  781.                          <li class="relative">
  782.                            
  783.                              <a href="/features/dynamic-sender" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  784.                                
  785.                                  
  786.                                  Dynamic Sender
  787.                                
  788.                              </a>
  789.                            
  790.                          </li>
  791.                        
  792.                      </ul>
  793.                      
  794.                        
  795.                          <a href="/addons" class="text-brand-primary hover:text-[#ffea80] flex items-center transition-colors text-sm mt-2"
  796.                            >
  797.                              View All Addons <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="ml-1 h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7l7 7l-7 7"/></svg>
  798.                            </a>
  799.                        
  800.                      
  801.                    
  802.                  </div>
  803.                </div>
  804.              
  805.                <div class="p-4">
  806.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  807.                    Integrations
  808.                  </h3>
  809.                  <div class="relative" @click.away="expandedSection = null">
  810.                    
  811.                      <div class="grid grid-cols-2">
  812.                        
  813.                        
  814.                          <div class="text-zinc-400 hover:text-white p-3 hover:bg-zinc-800 rounded-md flex items-center justify-center">
  815.                            
  816.                              <div class="bg-zinc-800/30 p-4 rounded-md flex items-center justify-center hover:bg-zinc-800/50 transition-colors">
  817.                                
  818.  <picture>
  819.    
  820.      
  821.        
  822.          <source
  823.            srcset="
  824.              /img/containers/assets/integration_logos/shopify.png/d178622cd7cbb290986f3c624dd7fea7/shopify.webp 320w,
  825.              /img/containers/assets/integration_logos/shopify.png/ec183a135d19c1c0ceda0c9f7e1b7179/shopify.webp 480w,
  826.              /img/containers/assets/integration_logos/shopify.png/62dcc7def6cb2555823ab2b729fb82aa/shopify.webp 768w,
  827.              /img/containers/assets/integration_logos/shopify.png/2b29f0ddb4bf4e45a62c68a111ddb845/shopify.webp 1280w,
  828.              /img/containers/assets/integration_logos/shopify.png/72c70fb5c5231edfd38208210ef7c725/shopify.webp 1440w,
  829.              /img/containers/assets/integration_logos/shopify.png/22a7daccf8a886f4e3ffde76c7326dd2/shopify.webp 1680w"
  830.            sizes=""
  831.            type="image/webp"
  832.          >
  833.          <source
  834.            srcset="
  835.              /img/containers/assets/integration_logos/shopify.png/9ee93ac6b6719e4cfe000ee9498166a9/shopify.png 320w,
  836.              /img/containers/assets/integration_logos/shopify.png/e239cb02f4ad2fed59caf779922f9e28/shopify.png 480w,
  837.              /img/containers/assets/integration_logos/shopify.png/323b3d8ae0a98dbf58bb04bda41c4af2/shopify.png 768w,
  838.              /img/containers/assets/integration_logos/shopify.png/662a8cf8d67551aea1b9edcac28d5c9a/shopify.png 1280w,
  839.              /img/containers/assets/integration_logos/shopify.png/bd1b2799a8f9c6dd58935a141ce761fd/shopify.png 1440w,
  840.              /img/containers/assets/integration_logos/shopify.png/458d9fab24be364e76801fe7178715e3/shopify.png 1680w"
  841.            sizes=""
  842.            type="image/png"
  843.          >
  844.          <img
  845.            src="/img/containers/assets/integration_logos/shopify.png/9ee93ac6b6719e4cfe000ee9498166a9/shopify.png"
  846.            alt=""
  847.            class="h-10"
  848.            
  849.            fetchpriority=""
  850.            decoding=""
  851.            
  852.          >
  853.        
  854.      
  855.    
  856.  </picture>
  857.  
  858.  
  859.                              </div>
  860.                            
  861.                            </div>
  862.                        
  863.                        
  864.                          <div class="text-zinc-400 hover:text-white p-3 hover:bg-zinc-800 rounded-md flex items-center justify-center">
  865.                            
  866.                              <div class="bg-zinc-800/30 p-4 rounded-md flex items-center justify-center hover:bg-zinc-800/50 transition-colors">
  867.                                
  868.  <picture>
  869.    
  870.      
  871.        
  872.          <source
  873.            srcset="
  874.              /img/containers/assets/pricing/stripe.png/cac96dc9e42a41aef7a522d83022a7c7/stripe.webp 320w,
  875.              /img/containers/assets/pricing/stripe.png/fab0f5480581427a1ba2a0f097ba64ec/stripe.webp 480w,
  876.              /img/containers/assets/pricing/stripe.png/98a68938125182f97814924443b05bde/stripe.webp 768w,
  877.              /img/containers/assets/pricing/stripe.png/cf2e3e5842384900fb4ef63d2d55f425/stripe.webp 1280w,
  878.              /img/containers/assets/pricing/stripe.png/2ead4c335ec3743bfc53fe8cc959e7d3/stripe.webp 1440w,
  879.              /img/containers/assets/pricing/stripe.png/77efc90fcb63b6549fa1bf24b7bf7e9c/stripe.webp 1680w"
  880.            sizes=""
  881.            type="image/webp"
  882.          >
  883.          <source
  884.            srcset="
  885.              /img/containers/assets/pricing/stripe.png/3f77f933a4864b493784c1165dd40397/stripe.png 320w,
  886.              /img/containers/assets/pricing/stripe.png/4f253d9369508e729542b6728ed0ab9f/stripe.png 480w,
  887.              /img/containers/assets/pricing/stripe.png/73467ee98555a37cf78b16029b058aeb/stripe.png 768w,
  888.              /img/containers/assets/pricing/stripe.png/152a566da31452a1823169cc80dd6aad/stripe.png 1280w,
  889.              /img/containers/assets/pricing/stripe.png/59f388915d32760a4d46d7da8e39fa43/stripe.png 1440w,
  890.              /img/containers/assets/pricing/stripe.png/226432555950f6acbe2688cc2ecf2cde/stripe.png 1680w"
  891.            sizes=""
  892.            type="image/png"
  893.          >
  894.          <img
  895.            src="/img/containers/assets/pricing/stripe.png/3f77f933a4864b493784c1165dd40397/stripe.png"
  896.            alt=""
  897.            class="h-10"
  898.            
  899.            fetchpriority=""
  900.            decoding=""
  901.            
  902.          >
  903.        
  904.      
  905.    
  906.  </picture>
  907.  
  908.  
  909.                              </div>
  910.                            
  911.                            </div>
  912.                        
  913.                        
  914.                          <div class="text-zinc-400 hover:text-white p-3 hover:bg-zinc-800 rounded-md flex items-center justify-center">
  915.                            
  916.                              <div class="bg-zinc-800/30 p-4 rounded-md flex items-center justify-center hover:bg-zinc-800/50 transition-colors">
  917.                                
  918.  <picture>
  919.    
  920.      
  921.        
  922.          <source
  923.            srcset="
  924.              /img/containers/assets/pricing/twilio.png/bcfaa0554069ac6f73fcb0e3a22609da/twilio.webp 320w,
  925.              /img/containers/assets/pricing/twilio.png/ea762e5478577b9168ac7300e156935e/twilio.webp 480w,
  926.              /img/containers/assets/pricing/twilio.png/18f1d4edbb7815b566cf1c984b886310/twilio.webp 768w,
  927.              /img/containers/assets/pricing/twilio.png/6caa0314fae7e54bd43e261e01706d3d/twilio.webp 1280w,
  928.              /img/containers/assets/pricing/twilio.png/963a165204c81744f05773d15f05afe3/twilio.webp 1440w,
  929.              /img/containers/assets/pricing/twilio.png/64df234a7050d2c0d3f571d0690403d2/twilio.webp 1680w"
  930.            sizes=""
  931.            type="image/webp"
  932.          >
  933.          <source
  934.            srcset="
  935.              /img/containers/assets/pricing/twilio.png/2913d1c7de8616b185658bdad14a3f3f/twilio.png 320w,
  936.              /img/containers/assets/pricing/twilio.png/2a38ce0fc142b6b2eb4e8494bc313014/twilio.png 480w,
  937.              /img/containers/assets/pricing/twilio.png/cbc279dd28eafb5e680968543effb01c/twilio.png 768w,
  938.              /img/containers/assets/pricing/twilio.png/a2794d4ef257bc335c63bb1ad4c8e569/twilio.png 1280w,
  939.              /img/containers/assets/pricing/twilio.png/3076a3c174d70022fb67c9b6c3811187/twilio.png 1440w,
  940.              /img/containers/assets/pricing/twilio.png/1d92d3182afbdac7b5dc37192faed5c5/twilio.png 1680w"
  941.            sizes=""
  942.            type="image/png"
  943.          >
  944.          <img
  945.            src="/img/containers/assets/pricing/twilio.png/2913d1c7de8616b185658bdad14a3f3f/twilio.png"
  946.            alt=""
  947.            class="h-10"
  948.            
  949.            fetchpriority=""
  950.            decoding=""
  951.            
  952.          >
  953.        
  954.      
  955.    
  956.  </picture>
  957.  
  958.  
  959.                              </div>
  960.                            
  961.                            </div>
  962.                        
  963.                        
  964.                          <div class="text-zinc-400 hover:text-white p-3 hover:bg-zinc-800 rounded-md flex items-center justify-center">
  965.                            
  966.                              <div class="bg-zinc-800/30 p-4 rounded-md flex items-center justify-center hover:bg-zinc-800/50 transition-colors">
  967.                                
  968.  <picture>
  969.    
  970.      
  971.        
  972.          <source
  973.            srcset="
  974.              /img/containers/assets/integration_logos/zapier.png/fb99c7eb5dc8d93705c9b7b9c8f19761/zapier.webp 320w,
  975.              /img/containers/assets/integration_logos/zapier.png/db80ee812348045e31fca0383fe6cbdd/zapier.webp 480w,
  976.              /img/containers/assets/integration_logos/zapier.png/1826ccc47912ec76b8db0a14b2326025/zapier.webp 768w,
  977.              /img/containers/assets/integration_logos/zapier.png/ee287e0888e581bc693be16e9ddee2c9/zapier.webp 1280w,
  978.              /img/containers/assets/integration_logos/zapier.png/c0c520062eeea088c98712df4d454e99/zapier.webp 1440w,
  979.              /img/containers/assets/integration_logos/zapier.png/b84b8139203df8d602bc811ae860b22c/zapier.webp 1680w"
  980.            sizes=""
  981.            type="image/webp"
  982.          >
  983.          <source
  984.            srcset="
  985.              /img/containers/assets/integration_logos/zapier.png/0fac18b973d93acd79771acf4ec079a9/zapier.png 320w,
  986.              /img/containers/assets/integration_logos/zapier.png/e18eea0aed088370959c592f8114b97b/zapier.png 480w,
  987.              /img/containers/assets/integration_logos/zapier.png/3b6f9df1e6e17e299ec904b52bbe855d/zapier.png 768w,
  988.              /img/containers/assets/integration_logos/zapier.png/0c239c5ea231a3b21bcd86f4baa45023/zapier.png 1280w,
  989.              /img/containers/assets/integration_logos/zapier.png/23a80d3013a66b53cb6b7da3ae6ace5e/zapier.png 1440w,
  990.              /img/containers/assets/integration_logos/zapier.png/930aa2d872c1c76371d02de0307850b5/zapier.png 1680w"
  991.            sizes=""
  992.            type="image/png"
  993.          >
  994.          <img
  995.            src="/img/containers/assets/integration_logos/zapier.png/0fac18b973d93acd79771acf4ec079a9/zapier.png"
  996.            alt=""
  997.            class="h-10"
  998.            
  999.            fetchpriority=""
  1000.            decoding=""
  1001.            
  1002.          >
  1003.        
  1004.      
  1005.    
  1006.  </picture>
  1007.  
  1008.  
  1009.                              </div>
  1010.                            
  1011.                            </div>
  1012.                        
  1013.                      </div>
  1014.                      
  1015.                        
  1016.                      
  1017.                    
  1018.                  </div>
  1019.                </div>
  1020.              
  1021.            </div>
  1022.  
  1023.            
  1024.            
  1025.              
  1026.                <div class="block border-t border-zinc-800 menu-section rounded-b-lg transition-all">
  1027.                  <div class="p-6 flex justify-between items-center">
  1028.                    <div class="flex items-center">
  1029.                      <p class="text-white">New AI powered deliverability engine</p>
  1030.                    </div>
  1031.                    <a href="/sendpost" class="text-brand-primary flex items-center transition-colors hover:text-[#ffea80]">
  1032.                      See it in action <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="ml-1 h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7l7 7l-7 7"/></svg>
  1033.                    </a>
  1034.                  </div>
  1035.                </div>
  1036.              
  1037.            
  1038.        </div>
  1039.      
  1040.  
  1041.    </div>
  1042.  </div>
  1043.  
  1044.  <div x-data="{ open: false, expandedSection: null }"
  1045.    @click.away="open = false; expandedSection = null">
  1046.    
  1047.      <button
  1048.        @click="open = !open"
  1049.        class="flex items-center gap-1 text-md hover:text-black/70 dark:text-dark-text dark:hover:text-white hover:bg-zinc-800 px-3 py-2 rounded-md cursor-pointer"
  1050.        :aria-expanded="open"
  1051.      >
  1052.        Industries
  1053.        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4 transition-transform duration-200" x-bind:class="open ? 'rotate-90' : ''"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  1054.      </button>
  1055.    
  1056.  
  1057.    <div x-show="open"
  1058.        @click.away="open = false"
  1059.        class="fixed left-1/2 transform -translate-x-1/2 top-16 bg-white dark:bg-dark-card shadow-lg rounded-lg border border-zinc-800 dark:border-dark-border z-20 w-[900px]">
  1060.      
  1061.      
  1062.        <div class="bg-[#09090b] border border-zinc-800 rounded-lg">
  1063.            <div class="grid grid-cols-3 divide-x divide-zinc-800">
  1064.              
  1065.                <div class="p-4">
  1066.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  1067.                    Content Creators & Media
  1068.                  </h3>
  1069.                  <div class="relative" @click.away="expandedSection = null">
  1070.                    
  1071.                      <ul class="space-y-2">
  1072.                        
  1073.                          <li class="relative">
  1074.                            
  1075.                              <a href="/industries/online-creators" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1076.                                
  1077.                                  
  1078.                                  Online Creators
  1079.                                
  1080.                              </a>
  1081.                            
  1082.                          </li>
  1083.                        
  1084.                          <li class="relative">
  1085.                            
  1086.                              <a href="/industries/professional-bloggers" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1087.                                
  1088.                                  
  1089.                                  Professional Bloggers
  1090.                                
  1091.                              </a>
  1092.                            
  1093.                          </li>
  1094.                        
  1095.                          <li class="relative">
  1096.                            
  1097.                              <a href="/industries/youtubers-podcasters" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1098.                                
  1099.                                  
  1100.                                  Youtubers & Podcasters
  1101.                                
  1102.                              </a>
  1103.                            
  1104.                          </li>
  1105.                        
  1106.                          <li class="relative">
  1107.                            
  1108.                              <a href="/industries/authors" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1109.                                
  1110.                                  
  1111.                                  Authors
  1112.                                
  1113.                              </a>
  1114.                            
  1115.                          </li>
  1116.                        
  1117.                          <li class="relative">
  1118.                            
  1119.                              <a href="/industries/publishers-media-companies" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1120.                                
  1121.                                  
  1122.                                  Publishers & Media Companies
  1123.                                
  1124.                              </a>
  1125.                            
  1126.                          </li>
  1127.                        
  1128.                      </ul>
  1129.                      
  1130.                        
  1131.                      
  1132.                    
  1133.                  </div>
  1134.                </div>
  1135.              
  1136.                <div class="p-4">
  1137.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  1138.                    Business & SaaS
  1139.                  </h3>
  1140.                  <div class="relative" @click.away="expandedSection = null">
  1141.                    
  1142.                      <ul class="space-y-2">
  1143.                        
  1144.                          <li class="relative">
  1145.                            
  1146.                              <a href="/industries/saas" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1147.                                
  1148.                                  
  1149.                                  SaaS
  1150.                                
  1151.                              </a>
  1152.                            
  1153.                          </li>
  1154.                        
  1155.                          <li class="relative">
  1156.                            
  1157.                              <a href="/industries/b2c-saas" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1158.                                
  1159.                                  
  1160.                                  B2C SaaS
  1161.                                
  1162.                              </a>
  1163.                            
  1164.                          </li>
  1165.                        
  1166.                          <li class="relative">
  1167.                            
  1168.                              <a href="/industries/e-commerce" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1169.                                
  1170.                                  
  1171.                                  E-commerce
  1172.                                
  1173.                              </a>
  1174.                            
  1175.                          </li>
  1176.                        
  1177.                          <li class="relative">
  1178.                            
  1179.                              <a href="/industries/marketing-agencies" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1180.                                
  1181.                                  
  1182.                                  Marketing Agencies
  1183.                                
  1184.                              </a>
  1185.                            
  1186.                          </li>
  1187.                        
  1188.                          <li class="relative">
  1189.                            
  1190.                              <a href="/industries/mobile-apps" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1191.                                
  1192.                                  
  1193.                                  Mobile Apps
  1194.                                
  1195.                              </a>
  1196.                            
  1197.                          </li>
  1198.                        
  1199.                      </ul>
  1200.                      
  1201.                        
  1202.                      
  1203.                    
  1204.                  </div>
  1205.                </div>
  1206.              
  1207.                <div class="p-4">
  1208.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  1209.                    Education & Nonprofit
  1210.                  </h3>
  1211.                  <div class="relative" @click.away="expandedSection = null">
  1212.                    
  1213.                      <ul class="space-y-2">
  1214.                        
  1215.                          <li class="relative">
  1216.                            
  1217.                              <a href="/industries/universities" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1218.                                
  1219.                                  
  1220.                                  Universities
  1221.                                
  1222.                              </a>
  1223.                            
  1224.                          </li>
  1225.                        
  1226.                          <li class="relative">
  1227.                            
  1228.                              <a href="/industries/edtech" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1229.                                
  1230.                                  
  1231.                                  EdTech
  1232.                                
  1233.                              </a>
  1234.                            
  1235.                          </li>
  1236.                        
  1237.                          <li class="relative">
  1238.                            
  1239.                              <a href="/industries/ngos" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1240.                                
  1241.                                  
  1242.                                  NGOs
  1243.                                
  1244.                              </a>
  1245.                            
  1246.                          </li>
  1247.                        
  1248.                          <li class="relative">
  1249.                            
  1250.                              <a href="/industries/course-creators-coaches" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1251.                                
  1252.                                  
  1253.                                  Course Creators & Coaches
  1254.                                
  1255.                              </a>
  1256.                            
  1257.                          </li>
  1258.                        
  1259.                          <li class="relative">
  1260.                            
  1261.                              <a href="/industries/churches" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1262.                                
  1263.                                  
  1264.                                  Churches
  1265.                                
  1266.                              </a>
  1267.                            
  1268.                          </li>
  1269.                        
  1270.                      </ul>
  1271.                      
  1272.                        
  1273.                      
  1274.                    
  1275.                  </div>
  1276.                </div>
  1277.              
  1278.            </div>
  1279.  
  1280.            
  1281.            
  1282.              
  1283.            
  1284.        </div>
  1285.      
  1286.  
  1287.    </div>
  1288.  </div>
  1289.  
  1290.  <div x-data="{ open: false, expandedSection: null }"
  1291.    @click.away="open = false; expandedSection = null">
  1292.    
  1293.      <button
  1294.        @click="open = !open"
  1295.        class="flex items-center gap-1 text-md hover:text-black/70 dark:text-dark-text dark:hover:text-white hover:bg-zinc-800 px-3 py-2 rounded-md cursor-pointer"
  1296.        :aria-expanded="open"
  1297.      >
  1298.        Resources
  1299.        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4 transition-transform duration-200" x-bind:class="open ? 'rotate-90' : ''"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  1300.      </button>
  1301.    
  1302.  
  1303.    <div x-show="open"
  1304.        @click.away="open = false"
  1305.        class="fixed left-1/2 transform -translate-x-1/2 top-16 bg-white dark:bg-dark-card shadow-lg rounded-lg border border-zinc-800 dark:border-dark-border z-20 w-[900px]">
  1306.      
  1307.      
  1308.        <div class="bg-[#09090b] border border-zinc-800 rounded-lg">
  1309.            <div class="grid grid-cols-3 divide-x divide-zinc-800">
  1310.              
  1311.                <div class="p-4">
  1312.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  1313.                    Learn
  1314.                  </h3>
  1315.                  <div class="relative" @click.away="expandedSection = null">
  1316.                    
  1317.                      <ul class="space-y-2">
  1318.                        
  1319.                          <li class="relative">
  1320.                            
  1321.                              <a href="/blogs" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1322.                                
  1323.                                  
  1324.                                  Blogs
  1325.                                
  1326.                              </a>
  1327.                            
  1328.                          </li>
  1329.                        
  1330.                          <li class="relative">
  1331.                            
  1332.                              <a href="/case-studies" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1333.                                
  1334.                                  
  1335.                                  Case Studies
  1336.                                
  1337.                              </a>
  1338.                            
  1339.                          </li>
  1340.                        
  1341.                          <li class="relative">
  1342.                            
  1343.                              <a href="/resources" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1344.                                
  1345.                                  
  1346.                                  Resources
  1347.                                
  1348.                              </a>
  1349.                            
  1350.                          </li>
  1351.                        
  1352.                          <li class="relative">
  1353.                            
  1354.                              <a href="/downloads" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1355.                                
  1356.                                  
  1357.                                  Downloads
  1358.                                
  1359.                              </a>
  1360.                            
  1361.                          </li>
  1362.                        
  1363.                      </ul>
  1364.                      
  1365.                        
  1366.                      
  1367.                    
  1368.                  </div>
  1369.                </div>
  1370.              
  1371.                <div class="p-4">
  1372.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  1373.                    Support
  1374.                  </h3>
  1375.                  <div class="relative" @click.away="expandedSection = null">
  1376.                    
  1377.                      <ul class="space-y-2">
  1378.                        
  1379.                          <li class="relative">
  1380.                            
  1381.                              <a href="https://support.sendx.io/en/" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1382.                                
  1383.                                  
  1384.                                  Knowledge Base
  1385.                                
  1386.                              </a>
  1387.                            
  1388.                          </li>
  1389.                        
  1390.                      </ul>
  1391.                      
  1392.                        
  1393.                      
  1394.                    
  1395.                  </div>
  1396.                </div>
  1397.              
  1398.                <div class="p-4">
  1399.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  1400.                    Developers
  1401.                  </h3>
  1402.                  <div class="relative" @click.away="expandedSection = null">
  1403.                    
  1404.                      <ul class="space-y-2">
  1405.                        
  1406.                          <li class="relative">
  1407.                            
  1408.                              <a href="https://docs.sendx.io/" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1409.                                
  1410.                                  
  1411.                                  SendX API Docs
  1412.                                
  1413.                              </a>
  1414.                            
  1415.                          </li>
  1416.                        
  1417.                          <li class="relative">
  1418.                            
  1419.                              <a href="https://docs.sendpost.io/" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1420.                                
  1421.                                  
  1422.                                  SendPost API Docs
  1423.                                
  1424.                              </a>
  1425.                            
  1426.                          </li>
  1427.                        
  1428.                      </ul>
  1429.                      
  1430.                        
  1431.                      
  1432.                    
  1433.                  </div>
  1434.                </div>
  1435.              
  1436.            </div>
  1437.  
  1438.            
  1439.            
  1440.              
  1441.            
  1442.        </div>
  1443.      
  1444.  
  1445.    </div>
  1446.  </div>
  1447.  
  1448.  <div x-data="{ open: false, expandedSection: null }"
  1449.    @click.away="open = false; expandedSection = null">
  1450.    
  1451.      <a href="/pricing"
  1452.        class="flex items-center gap-1 text-md hover:text-black/70 dark:text-dark-text dark:hover:text-white hover:bg-zinc-800 px-3 py-2 rounded-md cursor-pointer"
  1453.        :aria-expanded="open"
  1454.      >
  1455.        Pricing
  1456.    </a>
  1457.    
  1458.  
  1459.    <div x-show="open"
  1460.        @click.away="open = false"
  1461.        class="fixed left-1/2 transform -translate-x-1/2 top-16 bg-white dark:bg-dark-card shadow-lg rounded-lg border border-zinc-800 dark:border-dark-border z-20 w-[900px]">
  1462.      
  1463.      
  1464.        <div class="bg-[#09090b] border border-zinc-800 rounded-lg">
  1465.            <div class="grid grid-cols-3 divide-x divide-zinc-800">
  1466.              
  1467.            </div>
  1468.  
  1469.            
  1470.            
  1471.              
  1472.            
  1473.        </div>
  1474.      
  1475.  
  1476.    </div>
  1477.  </div>
  1478.  
  1479. </div>
  1480.  
  1481.    </nav>
  1482.    
  1483.  
  1484.    <!-- Desktop Actions - Always visible -->
  1485.    <div class="hidden lg:flex items-center gap-8">
  1486.      <a href="https://app.sendx.io/login" class="text-md hover:text-black/70 dark:hover:text-white/70">
  1487.        Log In
  1488.      </a>
  1489.      <a href="https://app.sendx.io/register" class="bg-brand-primary text-black px-3 py-1.5 rounded-md text-md font-medium hover:bg-brand-secondary transition-colors">
  1490.        Try it free
  1491.      </a>
  1492.    </div>
  1493.  
  1494.    <!-- Mobile Menu Toggle - Always visible -->
  1495.    <div class="lg:hidden flex items-center gap-2">
  1496.      <button @click="mobileMenuOpen = !mobileMenuOpen" class="p-2">
  1497.        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="cursor-pointer w-5 h-5 text-white" x-show="!mobileMenuOpen"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5h16M4 12h16M4 19h16"/></svg>
  1498.        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="cursor-pointer w-5 h-5 text-white" x-show="mobileMenuOpen"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L6 18M6 6l12 12"/></svg>
  1499.      </button>
  1500.    </div>
  1501.  </div>
  1502.  
  1503.  <!-- Mobile Menu - Hide navigation items with toggle -->
  1504.  <div
  1505.    x-show="mobileMenuOpen"
  1506.    @click.away="mobileMenuOpen = false"
  1507.    x-transition:enter="transition ease-out duration-300"
  1508.    x-transition:enter-start="opacity-0 -translate-y-2"
  1509.    x-transition:enter-end="opacity-100 translate-y-0"
  1510.    x-transition:leave="transition ease-in duration-200"
  1511.    x-transition:leave-start="opacity-100 translate-y-0"
  1512.    x-transition:leave-end="opacity-0 -translate-y-2"
  1513.    class="lg:hidden bg-white dark:bg-dark-card border-t border-zinc-800 dark:border-dark-border py-4 px-6 space-y-6 mt-3 max-h-[70vh] overflow-y-auto"
  1514.  >
  1515.    
  1516.    <div x-data="{ openSections: {}, expandedSub: null }">
  1517.  
  1518.    <div class="border-b border-zinc-800 dark:border-dark-border pb-2">
  1519.      
  1520.        <button
  1521.          @click="openSections['Product'] = !openSections['Product']"
  1522.          class="flex items-center justify-between w-full py-2 cursor-pointer"
  1523.        >
  1524.          <span class="font-medium text-black dark:text-white">Product</span>
  1525.          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4 transition-transform duration-200 text-black dark:text-white" x-bind:class="openSections['Product'] ? 'rotate-180' : ''"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"/></svg>
  1526.        </button>
  1527.  
  1528.        <div x-show="openSections['Product']" x-collapse class="space-y-1 pl-2">
  1529.          
  1530.            <h3 class="text-white text-md font-medium my-3">
  1531.              Features
  1532.            </h3>
  1533.            
  1534.              
  1535.                <button
  1536.                  @click.stop="expandedSub = expandedSub === 'mb7petmi' ? null : 'mb7petmi'"
  1537.                  class="w-full text-left text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white py-2 px-1 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md flex items-center justify-between text-sm"
  1538.                  :class="expandedSub === 'mb7petmi' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1539.                >
  1540.                  <span class="flex gap-2 items-center ml-2">
  1541.                    
  1542.                    Email Campaigns
  1543.                  </span>
  1544.                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  1545.                </button>
  1546.                <ul
  1547.                  x-show="expandedSub === 'mb7petmi'"
  1548.                  x-collapse
  1549.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1550.                >
  1551.                  
  1552.                    <li>
  1553.                      <a href="/features/newsletter-campaigns" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1554.                        Newsletter Campaign
  1555.                      </a>
  1556.                    </li>
  1557.                  
  1558.                    <li>
  1559.                      <a href="/features/ab-split-test-campaign" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1560.                        A/B Split Test Campaign
  1561.                      </a>
  1562.                    </li>
  1563.                  
  1564.                    <li>
  1565.                      <a href="/features/drip-campaigns" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1566.                        Drip Campaign
  1567.                      </a>
  1568.                    </li>
  1569.                  
  1570.                    <li>
  1571.                      <a href="/features/rss-campaign" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1572.                        RSS Campaign
  1573.                      </a>
  1574.                    </li>
  1575.                  
  1576.                    <li>
  1577.                      <a href="/features/email-personalisation" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1578.                        Email Personalisation
  1579.                      </a>
  1580.                    </li>
  1581.                  
  1582.                </ul>
  1583.              
  1584.            
  1585.              
  1586.                <button
  1587.                  @click.stop="expandedSub = expandedSub === 'mb7pgof0' ? null : 'mb7pgof0'"
  1588.                  class="w-full text-left text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white py-2 px-1 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md flex items-center justify-between text-sm"
  1589.                  :class="expandedSub === 'mb7pgof0' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1590.                >
  1591.                  <span class="flex gap-2 items-center ml-2">
  1592.                    
  1593.                    Smart Automation
  1594.                  </span>
  1595.                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  1596.                </button>
  1597.                <ul
  1598.                  x-show="expandedSub === 'mb7pgof0'"
  1599.                  x-collapse
  1600.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1601.                >
  1602.                  
  1603.                    <li>
  1604.                      <a href="/features/visual-workflows" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1605.                        Visual Workflows
  1606.                      </a>
  1607.                    </li>
  1608.                  
  1609.                </ul>
  1610.              
  1611.            
  1612.              
  1613.                <button
  1614.                  @click.stop="expandedSub = expandedSub === 'mcal40q6' ? null : 'mcal40q6'"
  1615.                  class="w-full text-left text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white py-2 px-1 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md flex items-center justify-between text-sm"
  1616.                  :class="expandedSub === 'mcal40q6' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1617.                >
  1618.                  <span class="flex gap-2 items-center ml-2">
  1619.                    
  1620.                    AI Intelligence
  1621.                  </span>
  1622.                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  1623.                </button>
  1624.                <ul
  1625.                  x-show="expandedSub === 'mcal40q6'"
  1626.                  x-collapse
  1627.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1628.                >
  1629.                  
  1630.                    <li>
  1631.                      <a href="/features/ai-sendx-editor" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1632.                        AI Editor
  1633.                      </a>
  1634.                    </li>
  1635.                  
  1636.                </ul>
  1637.              
  1638.            
  1639.              
  1640.                <button
  1641.                  @click.stop="expandedSub = expandedSub === 'mcal4m0a' ? null : 'mcal4m0a'"
  1642.                  class="w-full text-left text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white py-2 px-1 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md flex items-center justify-between text-sm"
  1643.                  :class="expandedSub === 'mcal4m0a' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1644.                >
  1645.                  <span class="flex gap-2 items-center ml-2">
  1646.                    
  1647.                    Forms & Popups
  1648.                  </span>
  1649.                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  1650.                </button>
  1651.                <ul
  1652.                  x-show="expandedSub === 'mcal4m0a'"
  1653.                  x-collapse
  1654.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1655.                >
  1656.                  
  1657.                    <li>
  1658.                      <a href="/features/forms" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1659.                        Forms
  1660.                      </a>
  1661.                    </li>
  1662.                  
  1663.                    <li>
  1664.                      <a href="/features/popups" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1665.                        Popups
  1666.                      </a>
  1667.                    </li>
  1668.                  
  1669.                    <li>
  1670.                      <a href="/features/landing-pages" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1671.                        Landing Pages
  1672.                      </a>
  1673.                    </li>
  1674.                  
  1675.                </ul>
  1676.              
  1677.            
  1678.              
  1679.                <button
  1680.                  @click.stop="expandedSub = expandedSub === 'mcal56zb' ? null : 'mcal56zb'"
  1681.                  class="w-full text-left text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white py-2 px-1 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md flex items-center justify-between text-sm"
  1682.                  :class="expandedSub === 'mcal56zb' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1683.                >
  1684.                  <span class="flex gap-2 items-center ml-2">
  1685.                    
  1686.                    Segmentation & Targeting
  1687.                  </span>
  1688.                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  1689.                </button>
  1690.                <ul
  1691.                  x-show="expandedSub === 'mcal56zb'"
  1692.                  x-collapse
  1693.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1694.                >
  1695.                  
  1696.                    <li>
  1697.                      <a href="/features/audience-management" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1698.                        Audience Management
  1699.                      </a>
  1700.                    </li>
  1701.                  
  1702.                    <li>
  1703.                      <a href="/features/segmentation" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1704.                        Segmentation
  1705.                      </a>
  1706.                    </li>
  1707.                  
  1708.                    <li>
  1709.                      <a href="/features/dynamic-sender" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1710.                        Dynamic Sender
  1711.                      </a>
  1712.                    </li>
  1713.                  
  1714.                    <li>
  1715.                      <a href="/features/multi-location-franchise-email-marketing" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1716.                        Multi Location Franchise Email Marketing
  1717.                      </a>
  1718.                    </li>
  1719.                  
  1720.                </ul>
  1721.              
  1722.            
  1723.              
  1724.                <button
  1725.                  @click.stop="expandedSub = expandedSub === 'mcal63um' ? null : 'mcal63um'"
  1726.                  class="w-full text-left text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white py-2 px-1 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md flex items-center justify-between text-sm"
  1727.                  :class="expandedSub === 'mcal63um' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1728.                >
  1729.                  <span class="flex gap-2 items-center ml-2">
  1730.                    
  1731.                    Analytics & Reporting
  1732.                  </span>
  1733.                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  1734.                </button>
  1735.                <ul
  1736.                  x-show="expandedSub === 'mcal63um'"
  1737.                  x-collapse
  1738.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1739.                >
  1740.                  
  1741.                    <li>
  1742.                      <a href="/features/email-analytics" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1743.                        Email Analytics
  1744.                      </a>
  1745.                    </li>
  1746.                  
  1747.                    <li>
  1748.                      <a href="/features/notifications-center" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1749.                        Notifications Center
  1750.                      </a>
  1751.                    </li>
  1752.                  
  1753.                </ul>
  1754.              
  1755.            
  1756.              
  1757.                <button
  1758.                  @click.stop="expandedSub = expandedSub === 'mcal72af' ? null : 'mcal72af'"
  1759.                  class="w-full text-left text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white py-2 px-1 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md flex items-center justify-between text-sm"
  1760.                  :class="expandedSub === 'mcal72af' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1761.                >
  1762.                  <span class="flex gap-2 items-center ml-2">
  1763.                    
  1764.                    Deliverability & Optimization
  1765.                  </span>
  1766.                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
  1767.                </button>
  1768.                <ul
  1769.                  x-show="expandedSub === 'mcal72af'"
  1770.                  x-collapse
  1771.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1772.                >
  1773.                  
  1774.                    <li>
  1775.                      <a href="/features/managed-deliverability-service" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1776.                        Managed Deliverability Service
  1777.                      </a>
  1778.                    </li>
  1779.                  
  1780.                    <li>
  1781.                      <a href="/features/ip-reputation-tracking" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1782.                        IP Reputation Tracking
  1783.                      </a>
  1784.                    </li>
  1785.                  
  1786.                    <li>
  1787.                      <a href="/features/domain-reputation-tracking" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1788.                        Domain Reputation Tracking
  1789.                      </a>
  1790.                    </li>
  1791.                  
  1792.                    <li>
  1793.                      <a href="/features/inbox-testing-addon" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1794.                        Inbox Testing
  1795.                      </a>
  1796.                    </li>
  1797.                  
  1798.                </ul>
  1799.              
  1800.            
  1801.  
  1802.            
  1803.              
  1804.                <a href="/features" class="text-brand-primary text-sm hover:text-[#ffea80] flex items-center gap-1">
  1805.                  View All Features <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7l7 7l-7 7"/></svg>
  1806.                </a>
  1807.              
  1808.            
  1809.          
  1810.            <h3 class="text-white text-md font-medium my-3">
  1811.              Addons
  1812.            </h3>
  1813.            
  1814.              
  1815.                 <a href="/features/multi-location-franchise-email-marketing" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1816.                  
  1817.                  <span>Franchise Support</span>
  1818.                </a>
  1819.              
  1820.            
  1821.              
  1822.                 <a href="/features/custom-reply" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1823.                  
  1824.                  <span>Custom Reply</span>
  1825.                </a>
  1826.              
  1827.            
  1828.              
  1829.                 <a href="/features/bot-open-click-tracker" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1830.                  
  1831.                  <span>Bot Open/Click Tracker</span>
  1832.                </a>
  1833.              
  1834.            
  1835.              
  1836.                 <a href="/features/read-skimmed-glanced" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1837.                  
  1838.                  <span>Read, Skimmed And Glanced</span>
  1839.                </a>
  1840.              
  1841.            
  1842.              
  1843.                 <a href="/features/keyboard-shortcuts" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1844.                  
  1845.                  <span>Shortcuts</span>
  1846.                </a>
  1847.              
  1848.            
  1849.              
  1850.                 <a href="/features/dynamic-sender" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1851.                  
  1852.                  <span>Dynamic Sender</span>
  1853.                </a>
  1854.              
  1855.            
  1856.  
  1857.            
  1858.              
  1859.                <a href="/addons" class="text-brand-primary text-sm hover:text-[#ffea80] flex items-center gap-1">
  1860.                  View All Addons <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7l7 7l-7 7"/></svg>
  1861.                </a>
  1862.              
  1863.            
  1864.          
  1865.            <h3 class="text-white text-md font-medium my-3">
  1866.              Integrations
  1867.            </h3>
  1868.            
  1869.              
  1870.                 <a href="" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1871.                  
  1872.                  <span>Shopify</span>
  1873.                </a>
  1874.              
  1875.            
  1876.              
  1877.                 <a href="" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1878.                  
  1879.                  <span>Stripe</span>
  1880.                </a>
  1881.              
  1882.            
  1883.              
  1884.                 <a href="" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1885.                  
  1886.                  <span>twilio</span>
  1887.                </a>
  1888.              
  1889.            
  1890.              
  1891.                 <a href="" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1892.                  
  1893.                  <span>Zapier</span>
  1894.                </a>
  1895.              
  1896.            
  1897.  
  1898.            
  1899.              
  1900.            
  1901.          
  1902.        </div>
  1903.      
  1904.    </div>
  1905.  
  1906.    <div class="border-b border-zinc-800 dark:border-dark-border pb-2">
  1907.      
  1908.        <button
  1909.          @click="openSections['Industries'] = !openSections['Industries']"
  1910.          class="flex items-center justify-between w-full py-2 cursor-pointer"
  1911.        >
  1912.          <span class="font-medium text-black dark:text-white">Industries</span>
  1913.          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4 transition-transform duration-200 text-black dark:text-white" x-bind:class="openSections['Industries'] ? 'rotate-180' : ''"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"/></svg>
  1914.        </button>
  1915.  
  1916.        <div x-show="openSections['Industries']" x-collapse class="space-y-1 pl-2">
  1917.          
  1918.            <h3 class="text-white text-md font-medium my-3">
  1919.              Content Creators & Media
  1920.            </h3>
  1921.            
  1922.              
  1923.                 <a href="/industries/online-creators" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1924.                  
  1925.                  <span>Online Creators</span>
  1926.                </a>
  1927.              
  1928.            
  1929.              
  1930.                 <a href="/industries/professional-bloggers" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1931.                  
  1932.                  <span>Professional Bloggers</span>
  1933.                </a>
  1934.              
  1935.            
  1936.              
  1937.                 <a href="/industries/youtubers-podcasters" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1938.                  
  1939.                  <span>Youtubers & Podcasters</span>
  1940.                </a>
  1941.              
  1942.            
  1943.              
  1944.                 <a href="/industries/authors" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1945.                  
  1946.                  <span>Authors</span>
  1947.                </a>
  1948.              
  1949.            
  1950.              
  1951.                 <a href="/industries/publishers-media-companies" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1952.                  
  1953.                  <span>Publishers & Media Companies</span>
  1954.                </a>
  1955.              
  1956.            
  1957.  
  1958.            
  1959.              
  1960.            
  1961.          
  1962.            <h3 class="text-white text-md font-medium my-3">
  1963.              Business & SaaS
  1964.            </h3>
  1965.            
  1966.              
  1967.                 <a href="/industries/saas" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1968.                  
  1969.                  <span>SaaS</span>
  1970.                </a>
  1971.              
  1972.            
  1973.              
  1974.                 <a href="/industries/b2c-saas" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1975.                  
  1976.                  <span>B2C SaaS</span>
  1977.                </a>
  1978.              
  1979.            
  1980.              
  1981.                 <a href="/industries/e-commerce" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1982.                  
  1983.                  <span>E-commerce</span>
  1984.                </a>
  1985.              
  1986.            
  1987.              
  1988.                 <a href="/industries/marketing-agencies" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1989.                  
  1990.                  <span>Marketing Agencies</span>
  1991.                </a>
  1992.              
  1993.            
  1994.              
  1995.                 <a href="/industries/mobile-apps" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  1996.                  
  1997.                  <span>Mobile Apps</span>
  1998.                </a>
  1999.              
  2000.            
  2001.  
  2002.            
  2003.              
  2004.            
  2005.          
  2006.            <h3 class="text-white text-md font-medium my-3">
  2007.              Education & Nonprofit
  2008.            </h3>
  2009.            
  2010.              
  2011.                 <a href="/industries/universities" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2012.                  
  2013.                  <span>Universities</span>
  2014.                </a>
  2015.              
  2016.            
  2017.              
  2018.                 <a href="/industries/edtech" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2019.                  
  2020.                  <span>EdTech</span>
  2021.                </a>
  2022.              
  2023.            
  2024.              
  2025.                 <a href="/industries/ngos" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2026.                  
  2027.                  <span>NGOs</span>
  2028.                </a>
  2029.              
  2030.            
  2031.              
  2032.                 <a href="/industries/course-creators-coaches" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2033.                  
  2034.                  <span>Course Creators & Coaches</span>
  2035.                </a>
  2036.              
  2037.            
  2038.              
  2039.                 <a href="/industries/churches" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2040.                  
  2041.                  <span>Churches</span>
  2042.                </a>
  2043.              
  2044.            
  2045.  
  2046.            
  2047.              
  2048.            
  2049.          
  2050.        </div>
  2051.      
  2052.    </div>
  2053.  
  2054.    <div class="border-b border-zinc-800 dark:border-dark-border pb-2">
  2055.      
  2056.        <button
  2057.          @click="openSections['Resources'] = !openSections['Resources']"
  2058.          class="flex items-center justify-between w-full py-2 cursor-pointer"
  2059.        >
  2060.          <span class="font-medium text-black dark:text-white">Resources</span>
  2061.          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-4 w-4 transition-transform duration-200 text-black dark:text-white" x-bind:class="openSections['Resources'] ? 'rotate-180' : ''"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"/></svg>
  2062.        </button>
  2063.  
  2064.        <div x-show="openSections['Resources']" x-collapse class="space-y-1 pl-2">
  2065.          
  2066.            <h3 class="text-white text-md font-medium my-3">
  2067.              Learn
  2068.            </h3>
  2069.            
  2070.              
  2071.                 <a href="/blogs" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2072.                  
  2073.                  <span>Blogs</span>
  2074.                </a>
  2075.              
  2076.            
  2077.              
  2078.                 <a href="/case-studies" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2079.                  
  2080.                  <span>Case Studies</span>
  2081.                </a>
  2082.              
  2083.            
  2084.              
  2085.                 <a href="/resources" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2086.                  
  2087.                  <span>Resources</span>
  2088.                </a>
  2089.              
  2090.            
  2091.              
  2092.                 <a href="/downloads" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2093.                  
  2094.                  <span>Downloads</span>
  2095.                </a>
  2096.              
  2097.            
  2098.  
  2099.            
  2100.              
  2101.            
  2102.          
  2103.            <h3 class="text-white text-md font-medium my-3">
  2104.              Support
  2105.            </h3>
  2106.            
  2107.              
  2108.                 <a href="https://support.sendx.io/en/" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2109.                  
  2110.                  <span>Knowledge Base</span>
  2111.                </a>
  2112.              
  2113.            
  2114.  
  2115.            
  2116.              
  2117.            
  2118.          
  2119.            <h3 class="text-white text-md font-medium my-3">
  2120.              Developers
  2121.            </h3>
  2122.            
  2123.              
  2124.                 <a href="https://docs.sendx.io/" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2125.                  
  2126.                  <span>SendX API Docs</span>
  2127.                </a>
  2128.              
  2129.            
  2130.              
  2131.                 <a href="https://docs.sendpost.io/" class="flex items-center gap-2 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white ml-2">
  2132.                  
  2133.                  <span>SendPost API Docs</span>
  2134.                </a>
  2135.              
  2136.            
  2137.  
  2138.            
  2139.              
  2140.            
  2141.          
  2142.        </div>
  2143.      
  2144.    </div>
  2145.  
  2146.    <div class="border-b border-zinc-800 dark:border-dark-border pb-2">
  2147.      
  2148.        <a href="/pricing"
  2149.          class="flex items-center justify-between w-full py-2 font-medium text-black dark:text-white">
  2150.          Pricing
  2151.        </a>
  2152.      
  2153.    </div>
  2154.  
  2155. </div>
  2156.  
  2157.    
  2158.  
  2159.    <!-- Mobile Actions - Always visible -->
  2160.    <div class="pt-2 space-y-3">
  2161.      <a href="https://app.sendx.io/login" class="block py-2 text-center">
  2162.        Log In
  2163.      </a>
  2164.      <a href="https://app.sendx.io/register" class="bg-black text-white hover:bg-black/80 dark:bg-brand-primary dark:text-black dark:hover:bg-brand-secondary block text-center rounded py-2 font-medium">
  2165.        Try it free
  2166.      </a>
  2167.    </div>
  2168.  </div>
  2169. </header>
  2170.  
  2171. <script>
  2172.  function navbar() {
  2173.    return {
  2174.      activeDropdown: null,
  2175.      scrolled: false,
  2176.      mobileMenuOpen: false,
  2177.      initNavbar() {
  2178.        this.scrolled = window.scrollY > 10;
  2179.        window.addEventListener("scroll", () => {
  2180.          this.scrolled = window.scrollY > 10;
  2181.        });
  2182.      },
  2183.    };
  2184.  }
  2185. </script>
  2186.        <div class="bg-black mx-auto lg:min-h-screen flex flex-col">
  2187.            <div class="py-24 bg-black text-white">
  2188.  <div class="px-4 text-black dark:text-dark-text flex justify-center">
  2189.    <div class="prose dark:prose-invert max-w-4xl mx-auto w-2/3">
  2190.      <div class="py-6 flex flex-col">
  2191.        <div class="relative">
  2192.          
  2193.            
  2194.              
  2195.  <picture>
  2196.    
  2197.      
  2198.      <img
  2199.        src="https://f.hubspotusercontent40.net/hubfs/20294495/7-Ultimate-Company-Newsletter-Ideas-To-Engage-Employees.png"
  2200.        alt=""
  2201.        class="w-full"
  2202.        
  2203.        fetchpriority=""
  2204.        decoding=""
  2205.        
  2206.      />
  2207.    
  2208.  </picture>
  2209.  
  2210.  
  2211.            
  2212.          
  2213.  
  2214.          <!-- Zinc overlay - only show if we have an image -->
  2215.          
  2216.            <div class="absolute inset-0 bg-zinc-900 opacity-60"></div>
  2217.          
  2218.        </div>
  2219.  
  2220.        <!-- Title section - always below the image -->
  2221.        <div class="px-4 py-8 border-b border-zinc-800">
  2222.          <span class="text-sm font-semibold text-zinc-300">
  2223.            Saitej Makhijani | December 21st, 2021
  2224.          </span>
  2225.          <h1 class="text-4xl font-bold text-white">
  2226.            7 Ultimate Company Newsletter Ideas To Engage Employees
  2227.          </h1>
  2228.        </div>
  2229.        </div>
  2230.        <div>
  2231.          <p>Do you get any response from the employees when you send a newsletter?</p>
  2232. <!--more-->
  2233. <p>Sometimes, but not as per the expectation?</p>
  2234. <p>Probably, because employees aren’t reading those newsletters. Or worse, dispatching them to trash as soon as it is received because it's not fun to read yet another boring email.</p>
  2235. <p style="text-align: center;"><img height="282" loading="lazy" src="/assets/interface-preview-coming-soon.jpg" width="338"/></p>
  2236. <p>Yeah…</p>
  2237. <p>Employees are already drowning in emails &amp; checklists and they don’t want to give their time to something which isn’t of value to <strong><em>them</em></strong>.</p>
  2238. <p>Company Newsletter is an effective, easy to create, and inexpensive method to keep your team aligned on major decisions and happening in your company. They are especially useful in remote settings where over-communication is always helpful.  </p>
  2239. <p>Newsletters can help you maintain good communication across the company if they are designed keeping in mind what the company wants to communicate &amp; what will <a href="https://www.poppulo.com/blog/best-company-newsletters" rel="noopener" target="_blank">catch the attention of employees</a>.</p>
  2240. <h2>Tips To Design The Newsletter</h2>
  2241. <ol>
  2242. <li aria-level="1"><strong>Get Personal</strong>: Replace words like employees and company with pronouns, I, we, and you. This conversational style of newsletters will appeal more to your employees and won’t sound like a formal notice.</li>
  2243. <li aria-level="1"><strong>Bang-on Subject Line</strong>: Your <a href="/resources/email-subject-lines-collection" rel="noopener" target="_blank">subject line</a> decides the fate of your email (trash or inbox). Think of catchy phrases and include merge tags to create a personalized effect.</li>
  2244. <li aria-level="1"><strong>Include Variety</strong>: Spice up your newsletter with a variety to engage all kinds of readers. It can be a fun riddle, quick crossword, quotes, or a couple of jokes.</li>
  2245. <li aria-level="1"><strong>Look &amp; Design</strong>: The <a href="/blog/what-is-a-newsletter" rel="noopener" target="_blank">newsletter</a> shouldn’t be a boring email with lots of words &amp; paragraphs. That instantly turns away the reader. Keep them hooked with a newsletter that is easy to look at with short paragraphs &amp; graphics.</li>
  2246. </ol>
  2247. <h2>7 Employee Newsletter Ideas That Are Creative &amp; Engaging</h2>
  2248. <p> </p>
  2249. <p>Wondering how to make the most of the employee newsletters? </p>
  2250. <p>Here are 7 ideas you can try to boost your <a href="#" rel="noopener" target="_blank">employee engagement</a> with your newsletter:</p>
  2251. <p><strong>1. <span style="text-decoration: underline;">Industry Updates</span></strong></p>
  2252. <p>To stay ahead of the competition and keep innovating, it's important that employees stay updated. Industry discussions shouldn't be part of just manager meetings but individual contributor employees should also know about what's happening outside of the company. You can include the related news pieces in your newsletter. If your company has been in the recent news then those also can be part of the newsletter. </p>
  2253. <p><strong>2. <span style="text-decoration: underline;">Skill Booster</span></strong></p>
  2254. <p>Employees investing in their skills is a win-win situation for both the employee &amp; the company. You can help them with this by curating free courses, <a href="https://certifier.io/blog/digital-course-certificates-for-online-course" rel="noopener" target="_blank">online certifications</a>, learning websites, and related forums. Try to include the resources that offer something for each department. </p>
  2255. <p><span>Furthermore, if an organization has partnered with a </span><a data-saferedirecturl="https://www.google.com/url?q=https://www.travelperk.com/blog/corporate-travel-planner/&amp;source=gmail&amp;ust=1709829081289000&amp;usg=AOvVaw0SgE3s-HwmRUSA8UdZhbYf" href="https://www.travelperk.com/blog/corporate-travel-planner/" rel="noopener" target="_blank">corporate travel planner </a><span>this should be highlighted in the upcoming team-building or upskilling events in the skill booster section, which might include traveling. Thus, you will simplify the process of organizing travel arrangements, accommodation, and logistics, catering to diverse needs and preferences, and at the same time, nurturing a more vibrant and cohesive work culture.</span></p>
  2256. <p style="text-align: center; padding-left: 40px;"><img alt="Training opportunities &amp; resources" height="339" loading="lazy" src="/assets/interface-preview-coming-soon.jpg" width="624"/></p>
  2257. <p style="padding-left: 40px; font-size: 10px; text-align: center;"><em><span style="color: #666666;">Bananatag’s template for employee opportunities &amp; resources </span></em></p>
  2258. <p><strong>3. <span style="text-decoration: underline;">Top 10 Lists &amp; Recommendations</span></strong></p>
  2259. <p>You can create lists of top books of the week, nearby restaurants, movies/series to binge-watch, podcasts, etc. for your employees. You can include a form for suggestions that can be part of your next newsletter , such as birthday, memorial day or <a href="https://www.dontpayfull.com/explore/national-pizza-day-deals"><span>pizza day deals</span></a>. </p>
  2260. <p style="text-align: center; padding-left: 40px;"><img alt="Looking for lunch" height="370" loading="lazy" src="/assets/interface-preview-coming-soon.jpg" width="498"/></p>
  2261. <p style="padding-left: 40px; text-align: center; font-size: 10px;"><em><span style="color: #434343;">Bananatag’s template for company newsletter</span></em></p>
  2262. <p><strong>4. <span style="text-decoration: underline;">Contests &amp; Fun Activities</span></strong></p>
  2263. <p>Engaging group activities are a relief for every employee from their monotonous work. <a href="https://solitaired.com/101-Top-Team-Building-Activities" rel="noopener" target="_blank">Various team-building activities</a> can encourage the team to perform better with more excitement. In a remote work environment, these can lay the foundations for healthy work relationships and bring about a <span style="font-weight: normal;"><a href="https://myhours.com/articles/remote-work-and-time-management-mastering-the-art-of-work-life-balance" rel="noopener" target="_blank">healthy work-life balance</a>.</span> You can share a newsletter announcing various quizzes, trivia, or fun games where everyone can participate. Include a registration form in this newsletter for the employees. Highlight the prizes <span>and <a href="https://www.successories.com/unique-corporate-gifts/1" rel="noopener" target="_blank">unique corporate gifts</a> </span>for further motivation. </p>
  2264. <p style="text-align: center;"><img alt="contest &amp;fun activities" height="667" loading="lazy" src="/assets/interface-preview-coming-soon.jpg" width="389"/></p>
  2265. <p style="text-align: center; font-size: 10px;"><em><span style="color: #434343;">GetResponse employee contest winners announcement email</span></em></p>
  2266. <p><strong>5. <span style="text-decoration: underline;">Exercises</span></strong></p>
  2267. <p> With people working from home, the time an average employee spends on their work desk has increased. To maintain the good mental &amp; physical health of your team, send them regular newsletters suggesting some sitting exercises, stretching practices, or casual reminders to just get up and walk a few steps.</p>
  2268. <p><strong>6. <span style="text-decoration: underline;">Customer Success Story</span></strong></p>
  2269. <p>Sharing the success stories of customers is a great way to uplift your team and educate them about customer’s needs. Customer’s perspective allows the team to understand client expectations so they can contribute in delivering that.</p>
  2270. <p><strong>7. <span style="text-decoration: underline;">Personal Message From CEO</span></strong></p>
  2271. <p>Every organization has values &amp; vision which decides their future roadmap. Company newsletters are a great way to let these common goals trickle down the hierarchy. The CEO can easily communicate the agenda and the corresponding plans to every employee at once to align them for achieving the desired results. It also creates an inclusive environment where the whole organization is informed and can share their feedback for improvement.</p>
  2272. <p style="text-align: center;"><img alt="The bananatag cofounders " height="396" loading="lazy" src="/assets/interface-preview-coming-soon.jpg" width="508"/></p>
  2273. <p style="font-size: 10px; text-align: center;"><em><span style="color: #434343;">Bananatag’s employee newsletter with message from CEO</span></em></p>
  2274. <p>Newsletters are mostly used for company-wide communication related to a new joiner, policy change, anniversaries &amp; birthdays, shout out to employees or departments for achievements, or it could be a management change. Even these newsletters can be jazzed up with a few simple additions. Look for our bonus tip below for suggestions.</p>
  2275. <p><strong>BONUS</strong>: You can use fillers in your announcement newsletters as well that’ll keep the employees absorbed. The fillers can be:</p>
  2276. <ul>
  2277. <li aria-level="1"><strong>Photo of the week</strong>: You can ask the employees to share a fun picture of theirs that can be featured in the newsletter. It can be related to an activity they did on the weekend, a place they explored, or with their furry pets. </li>
  2278. <li aria-level="1"><strong>Memes</strong>: Everyone loves good memes &amp; gifs. Sprinkle them in your newsletter to get a few chuckles from your readers. They’ll keep coming back.</li>
  2279. <li aria-level="1"><strong>Water Cooler Connects</strong>: Unlike offices, in remote working, employees don’t have the luxury of bumping into their colleagues at the water cooler or coffee machine. </li>
  2280. </ul>
  2281. <p style="padding-left: 40px;">Give the employees an option to connect virtually with their co-workers for an informal chit-chat which can boost camaraderie in the workplace.</p>
  2282. <p style="padding-left: 40px;">You can try out <a href="https://www.taggg.com/"><span>Taggg</span></a> that helps to avoid the back &amp; forth while fixing a time for the meet. Even <a href="https://www.taggg.com/blog/the-product-angle-show-scheduling-group-meetings-with-the-taggg-team"><span>group meetings can be scheduled effortlessly</span></a> with it. </p>
  2283. <ul>
  2284. <li aria-level="1"><strong>Recipes</strong>: Employees can be asked to share the food recipe they’ve mastered with others. </li>
  2285. <li aria-level="1"><strong>Q&amp;A</strong>: There is nothing like Q&amp;As to engage the teams. Ask the employees to share their questions anonymously and the others can reply to them. These questions need to be work-related but can be anything ranging from philosophical to wacky.</li>
  2286. </ul>
  2287. <h2>Wrap Up</h2>
  2288. <p>The best part of the newsletters is that there is no strict format you have to follow. You can mix &amp; match various themes to test what works among your team the most.</p>
  2289. <p>The motive behind the newsletters should be to offer value to the employees while bringing everyone on the same track. </p>
  2290. <p>If you ever run out of ideas, make that a newsletter as well and ask your team to bring their suggestions to the table. Anything that interests the employees to open their email &amp; engage is a success for you.</p>
  2291. <p> </p>
  2292. <p style="text-align: center;"><img height="198" loading="lazy" src="/assets/interface-preview-coming-soon.jpg" width="350"/></p>
  2293. <p>Now, go ahead &amp; let your creative newsletter build a team of engaged &amp; informed employees.</p>
  2294. <h2>FAQ's</h2>
  2295. <p style="font-weight: bold;">1. What are the benefits of sending a company newsletter?</p>
  2296. <p>A company Newsletter is an effective, easy to create, and inexpensive method to keep your team aligned on major decisions and happening in your company. It is especially useful in remote settings where over-communication is always helpful.</p>
  2297. <p style="font-weight: bold;">2. Can you offer some tips for designing a great employee newsletter?</p>
  2298. <p>Here are some tips for designing a great employee newsletter:</p>
  2299. <ul>
  2300. <li aria-level="1">Keep the wording personal</li>
  2301. <li aria-level="1">Have a catchy email subject line</li>
  2302. <li aria-level="1">Include variety</li>
  2303. <li aria-level="1">Use short paragraphs and graphics.</li>
  2304. </ul>
  2305.        </div>
  2306.        <div>
  2307.          <a href="https://app.sendx.io/register">
  2308.            
  2309.  <picture>
  2310.    
  2311.      
  2312.        
  2313.          <source
  2314.            srcset="
  2315.              /img/containers/assets/sendx-blog-cta.webp/119d7e7356502b422ae476942b0d6e38/sendx-blog-cta.webp 320w,
  2316.              /img/containers/assets/sendx-blog-cta.webp/57c51cb89d57418f89b418c1f3bcfea8/sendx-blog-cta.webp 480w,
  2317.              /img/containers/assets/sendx-blog-cta.webp/9747db7207b7fa0b89bafdb37e577884/sendx-blog-cta.webp 768w,
  2318.              /img/containers/assets/sendx-blog-cta.webp/cafe724ccfb04965ccaefd068f1a54fe/sendx-blog-cta.webp 1280w,
  2319.              /img/containers/assets/sendx-blog-cta.webp/603fcadb3add063d9e9109be9166bd70/sendx-blog-cta.webp 1440w,
  2320.              /img/containers/assets/sendx-blog-cta.webp/51577463f93b9ee404100e70b71c888e/sendx-blog-cta.webp 1680w"
  2321.            sizes=""
  2322.            type="image/webp"
  2323.          >
  2324.          <source
  2325.            srcset="
  2326.              /img/containers/assets/sendx-blog-cta.webp/03ab8468472910d2b31973770f7f267d/sendx-blog-cta.webp 320w,
  2327.              /img/containers/assets/sendx-blog-cta.webp/e7d2f21302622fa1b70b24986513b09b/sendx-blog-cta.webp 480w,
  2328.              /img/containers/assets/sendx-blog-cta.webp/aa95019d4aecf0970e0072c4a5c5d9f7/sendx-blog-cta.webp 768w,
  2329.              /img/containers/assets/sendx-blog-cta.webp/9d4dd658ed44999dd762a8bc8004d6bf/sendx-blog-cta.webp 1280w,
  2330.              /img/containers/assets/sendx-blog-cta.webp/c7812e9d1a6cc91f5775ab00fdb318aa/sendx-blog-cta.webp 1440w,
  2331.              /img/containers/assets/sendx-blog-cta.webp/66d1813fb2b9b15ea5071bfd0143df07/sendx-blog-cta.webp 1680w"
  2332.            sizes=""
  2333.            type="image/webp"
  2334.          >
  2335.          <img
  2336.            src="/img/containers/assets/sendx-blog-cta.webp/03ab8468472910d2b31973770f7f267d/sendx-blog-cta.webp"
  2337.            alt="sendx register"
  2338.            class="w-full cursor-pointer"
  2339.            
  2340.            fetchpriority=""
  2341.            decoding=""
  2342.            
  2343.          >
  2344.        
  2345.      
  2346.    
  2347.  </picture>
  2348.  
  2349.  
  2350.          </a>
  2351.        </div>
  2352.        <div>
  2353.  
  2354.        </div>
  2355.      </div>
  2356.    </div>
  2357.  </div>
  2358. </div>
  2359.        </div>
  2360.        <div id="page-transition-overlay">
  2361.            <div class="loader-wrapper">
  2362.                <div class="modern-spinner">
  2363.                    <span></span><span></span><span></span>
  2364.                </div>
  2365.                
  2366.            </div>
  2367.        </div>
  2368.        <script>
  2369.            document.addEventListener('DOMContentLoaded', function () {
  2370.                const overlay = document.getElementById('page-transition-overlay');
  2371.  
  2372.                // Handle click on internal links
  2373.                document.querySelectorAll('a[href]').forEach(link => {
  2374.                    const url = new URL(link.href, location.href);
  2375.  
  2376.                    // Skip external links and anchors
  2377.                    if (url.origin !== location.origin || url.hash || link.target === '_blank') return;
  2378.  
  2379.                    link.addEventListener('click', function (e) {
  2380.                        // Respect middle-click and cmd/ctrl click
  2381.                        if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;
  2382.  
  2383.                        e.preventDefault();
  2384.                        document.body.classList.add('fade-out');
  2385.  
  2386.                        // Wait for transition before navigating
  2387.                        setTimeout(() => {
  2388.                        window.location.href = link.href;
  2389.                        }, 400); // match CSS duration
  2390.                    });
  2391.                });
  2392.  
  2393.                // Hide overlay after page loads
  2394.                window.addEventListener('pageshow', () => {
  2395.                    document.body.classList.remove('fade-out');
  2396.                    document.body.classList.add('loaded');
  2397.                });
  2398.            });
  2399.        </script>
  2400.  
  2401.        <footer>
  2402.            <div class="bg-black border-t border-zinc-800">
  2403.  <div class="mx-auto w-screen px-6 pt-12 pb-8 sm:pt-12 lg:px-8 lg:pt-12">
  2404.    <div class="flex flex-col xl:w-full gap-8">
  2405.  
  2406.      
  2407.  
  2408.      <div class="mt-16 w-full flex flex-col lg:flex-row gap-12 px-4 sm:px-6 lg:px-8">
  2409.        <!-- Branding and Social -->
  2410.        <div class="space-y-8 lg:w-1/3">
  2411.          
  2412.  <picture>
  2413.    
  2414.      
  2415.        
  2416.          <img
  2417.            src="/assets/brand/sendx-logo-white.svg"
  2418.            alt="SendX - Email Marketing & Marketing Automation Software"
  2419.            class="h-9"
  2420.            
  2421.            fetchpriority=""
  2422.            decoding=""
  2423.          />
  2424.        
  2425.      
  2426.    
  2427.  </picture>
  2428.  
  2429.  
  2430.          <p class="text-sm leading-6 text-balance text-gray-300">
  2431.            Email marketing that doesn't make you want to pull your hair out.
  2432.          </p>
  2433.          <div class="flex gap-x-6">
  2434.            
  2435.            <a href="https://x.com/sendxio" class="text-gray-400 hover:text-white">
  2436.              <span class="sr-only">Twitter</span>
  2437.              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="w-6 h-6 text-gray-300"><g fill="none"><g clip-path="url(#SVGG1Ot4cAD)"><path fill="currentColor" d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z"/></g><defs><clipPath id="SVGG1Ot4cAD"><path fill="#fff" d="M0 0h14v14H0z"/></clipPath></defs></g></svg>
  2438.            </a>
  2439.            
  2440.            <a href="https://www.linkedin.com/company/sendx/" class="text-gray-400 hover:text-white">
  2441.              <span class="sr-only">Linkedin</span>
  2442.              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-6 h-6 text-gray-300"><path fill="currentColor" d="M20.47 2H3.53a1.45 1.45 0 0 0-1.47 1.43v17.14A1.45 1.45 0 0 0 3.53 22h16.94a1.45 1.45 0 0 0 1.47-1.43V3.43A1.45 1.45 0 0 0 20.47 2M8.09 18.74h-3v-9h3ZM6.59 8.48a1.56 1.56 0 1 1 0-3.12a1.57 1.57 0 1 1 0 3.12m12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 12.85 13a2 2 0 0 0-.1.73v5h-3v-9h3V11a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06Z"/></svg>
  2443.            </a>
  2444.            
  2445.          </div>
  2446.        </div>
  2447.  
  2448.        <!-- Navigation Sections -->
  2449.        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8 flex-1">
  2450.          
  2451.            <div>
  2452.              <h3 class="text-sm font-semibold text-white mb-4">Features</h3>
  2453.              <div x-data="{ showAll: false }">
  2454.                <ul role="list" class="space-y-4">
  2455.                  
  2456.                    
  2457.                      <template x-if="0 < 10 || showAll">
  2458.                        <li>
  2459.                          <a href="/features/ai-sendx-editor" class="text-sm text-gray-400 hover:text-white">
  2460.                            AI SendX Editor
  2461.                          </a>
  2462.                        </li>
  2463.                      </template>
  2464.                    
  2465.                  
  2466.                    
  2467.                      <template x-if="1 < 10 || showAll">
  2468.                        <li>
  2469.                          <a href="/features/newsletter-campaigns" class="text-sm text-gray-400 hover:text-white">
  2470.                            Newsletter Campaigns
  2471.                          </a>
  2472.                        </li>
  2473.                      </template>
  2474.                    
  2475.                  
  2476.                    
  2477.                      <template x-if="2 < 10 || showAll">
  2478.                        <li>
  2479.                          <a href="/features/ab-split-test-campaign" class="text-sm text-gray-400 hover:text-white">
  2480.                            AB Split Test Campaign
  2481.                          </a>
  2482.                        </li>
  2483.                      </template>
  2484.                    
  2485.                  
  2486.                    
  2487.                      <template x-if="3 < 10 || showAll">
  2488.                        <li>
  2489.                          <a href="/features/drip-campaigns" class="text-sm text-gray-400 hover:text-white">
  2490.                            Drip Campaign
  2491.                          </a>
  2492.                        </li>
  2493.                      </template>
  2494.                    
  2495.                  
  2496.                    
  2497.                      <template x-if="4 < 10 || showAll">
  2498.                        <li>
  2499.                          <a href="/features/rss-campaign" class="text-sm text-gray-400 hover:text-white">
  2500.                            RSS campaign
  2501.                          </a>
  2502.                        </li>
  2503.                      </template>
  2504.                    
  2505.                  
  2506.                    
  2507.                      <template x-if="5 < 10 || showAll">
  2508.                        <li>
  2509.                          <a href="/features/popups" class="text-sm text-gray-400 hover:text-white">
  2510.                            Popups
  2511.                          </a>
  2512.                        </li>
  2513.                      </template>
  2514.                    
  2515.                  
  2516.                    
  2517.                      <template x-if="6 < 10 || showAll">
  2518.                        <li>
  2519.                          <a href="/features/landing-pages" class="text-sm text-gray-400 hover:text-white">
  2520.                            Landing Pages
  2521.                          </a>
  2522.                        </li>
  2523.                      </template>
  2524.                    
  2525.                  
  2526.                    
  2527.                      <template x-if="7 < 10 || showAll">
  2528.                        <li>
  2529.                          <a href="/features/forms" class="text-sm text-gray-400 hover:text-white">
  2530.                            Forms
  2531.                          </a>
  2532.                        </li>
  2533.                      </template>
  2534.                    
  2535.                  
  2536.                    
  2537.                      <template x-if="8 < 10 || showAll">
  2538.                        <li>
  2539.                          <a href="/features/visual-workflows" class="text-sm text-gray-400 hover:text-white">
  2540.                            Visual Workflows
  2541.                          </a>
  2542.                        </li>
  2543.                      </template>
  2544.                    
  2545.                  
  2546.                    
  2547.                      <template x-if="9 < 10 || showAll">
  2548.                        <li>
  2549.                          <a href="/features/audience-management" class="text-sm text-gray-400 hover:text-white">
  2550.                            Audience Management
  2551.                          </a>
  2552.                        </li>
  2553.                      </template>
  2554.                    
  2555.                  
  2556.                    
  2557.                      <template x-if="10 < 10 || showAll">
  2558.                        <li>
  2559.                          <a href="/features/segmentation" class="text-sm text-gray-400 hover:text-white">
  2560.                            Segmentation
  2561.                          </a>
  2562.                        </li>
  2563.                      </template>
  2564.                    
  2565.                  
  2566.                    
  2567.                      <template x-if="11 < 10 || showAll">
  2568.                        <li>
  2569.                          <a href="/features/email-personalisation" class="text-sm text-gray-400 hover:text-white">
  2570.                            Email Personalisation
  2571.                          </a>
  2572.                        </li>
  2573.                      </template>
  2574.                    
  2575.                  
  2576.                    
  2577.                      <template x-if="12 < 10 || showAll">
  2578.                        <li>
  2579.                          <a href="/features/dynamic-sender" class="text-sm text-gray-400 hover:text-white">
  2580.                            Dynamic Sender
  2581.                          </a>
  2582.                        </li>
  2583.                      </template>
  2584.                    
  2585.                  
  2586.                    
  2587.                      <template x-if="13 < 10 || showAll">
  2588.                        <li>
  2589.                          <a href="/features/email-analytics" class="text-sm text-gray-400 hover:text-white">
  2590.                            Email Analytics
  2591.                          </a>
  2592.                        </li>
  2593.                      </template>
  2594.                    
  2595.                  
  2596.                    
  2597.                      <template x-if="14 < 10 || showAll">
  2598.                        <li>
  2599.                          <a href="/features/multi-location-franchise-email-marketing" class="text-sm text-gray-400 hover:text-white">
  2600.                            Multi Location Franchise Email Marketing
  2601.                          </a>
  2602.                        </li>
  2603.                      </template>
  2604.                    
  2605.                  
  2606.                    
  2607.                      <template x-if="15 < 10 || showAll">
  2608.                        <li>
  2609.                          <a href="/features/managed-deliverability-service" class="text-sm text-gray-400 hover:text-white">
  2610.                            Managed Deliverability Service
  2611.                          </a>
  2612.                        </li>
  2613.                      </template>
  2614.                    
  2615.                  
  2616.                    
  2617.                      <template x-if="16 < 10 || showAll">
  2618.                        <li>
  2619.                          <a href="/features/blog-post" class="text-sm text-gray-400 hover:text-white">
  2620.                            Blog Posts
  2621.                          </a>
  2622.                        </li>
  2623.                      </template>
  2624.                    
  2625.                  
  2626.                    
  2627.                      <template x-if="17 < 10 || showAll">
  2628.                        <li>
  2629.                          <a href="/features/notifications-center" class="text-sm text-gray-400 hover:text-white">
  2630.                            Notifications Center
  2631.                          </a>
  2632.                        </li>
  2633.                      </template>
  2634.                    
  2635.                  
  2636.                    
  2637.                      <template x-if="18 < 10 || showAll">
  2638.                        <li>
  2639.                          <a href="/features/email-list-cleaning" class="text-sm text-gray-400 hover:text-white">
  2640.                            Email List Cleaning
  2641.                          </a>
  2642.                        </li>
  2643.                      </template>
  2644.                    
  2645.                  
  2646.                    
  2647.                      <template x-if="19 < 10 || showAll">
  2648.                        <li>
  2649.                          <a href="/features/email-api" class="text-sm text-gray-400 hover:text-white">
  2650.                            Email API
  2651.                          </a>
  2652.                        </li>
  2653.                      </template>
  2654.                    
  2655.                  
  2656.                    
  2657.                      <template x-if="20 < 10 || showAll">
  2658.                        <li>
  2659.                          <a href="/features/brand-settings" class="text-sm text-gray-400 hover:text-white">
  2660.                            Brand Settings
  2661.                          </a>
  2662.                        </li>
  2663.                      </template>
  2664.                    
  2665.                  
  2666.                    
  2667.                      <template x-if="21 < 10 || showAll">
  2668.                        <li>
  2669.                          <a href="/features/custom-event" class="text-sm text-gray-400 hover:text-white">
  2670.                            Custom Events
  2671.                          </a>
  2672.                        </li>
  2673.                      </template>
  2674.                    
  2675.                  
  2676.                    
  2677.                      <template x-if="22 < 10 || showAll">
  2678.                        <li>
  2679.                          <a href="/features/domain-reputation-tracking" class="text-sm text-gray-400 hover:text-white">
  2680.                            Domain Reputation Tracking
  2681.                          </a>
  2682.                        </li>
  2683.                      </template>
  2684.                    
  2685.                  
  2686.                    
  2687.                      <template x-if="23 < 10 || showAll">
  2688.                        <li>
  2689.                          <a href="/features/ip-reputation-tracking" class="text-sm text-gray-400 hover:text-white">
  2690.                            IP Reputation Tracking
  2691.                          </a>
  2692.                        </li>
  2693.                      </template>
  2694.                    
  2695.                  
  2696.                    
  2697.                      <template x-if="24 < 10 || showAll">
  2698.                        <li>
  2699.                          <a href="/features/inbox-testing-addon" class="text-sm text-gray-400 hover:text-white">
  2700.                            Inbox Testing
  2701.                          </a>
  2702.                        </li>
  2703.                      </template>
  2704.                    
  2705.                  
  2706.                    
  2707.                      <template x-if="25 < 10 || showAll">
  2708.                        <li>
  2709.                          <a href="/features/transactional-email-addon" class="text-sm text-gray-400 hover:text-white">
  2710.                            Transactional Emails
  2711.                          </a>
  2712.                        </li>
  2713.                      </template>
  2714.                    
  2715.                  
  2716.                    
  2717.                      <template x-if="26 < 10 || showAll">
  2718.                        <li>
  2719.                          <a href="/features/auto-warmup" class="text-sm text-gray-400 hover:text-white">
  2720.                            Auto Warmup
  2721.                          </a>
  2722.                        </li>
  2723.                      </template>
  2724.                    
  2725.                  
  2726.                    
  2727.                      <template x-if="27 < 10 || showAll">
  2728.                        <li>
  2729.                          <a href="/features/bot-open-click-tracker" class="text-sm text-gray-400 hover:text-white">
  2730.                            Bot Open/Click Tracker
  2731.                          </a>
  2732.                        </li>
  2733.                      </template>
  2734.                    
  2735.                  
  2736.                    
  2737.                      <template x-if="28 < 10 || showAll">
  2738.                        <li>
  2739.                          <a href="/features/campaign-ttl" class="text-sm text-gray-400 hover:text-white">
  2740.                            Campaign TTL
  2741.                          </a>
  2742.                        </li>
  2743.                      </template>
  2744.                    
  2745.                  
  2746.                    
  2747.                      <template x-if="29 < 10 || showAll">
  2748.                        <li>
  2749.                          <a href="/features/custom-reply" class="text-sm text-gray-400 hover:text-white">
  2750.                            Custom Reply
  2751.                          </a>
  2752.                        </li>
  2753.                      </template>
  2754.                    
  2755.                  
  2756.                    
  2757.                      <template x-if="30 < 10 || showAll">
  2758.                        <li>
  2759.                          <a href="/features/keyboard-shortcuts" class="text-sm text-gray-400 hover:text-white">
  2760.                            Keyboard Shortcuts
  2761.                          </a>
  2762.                        </li>
  2763.                      </template>
  2764.                    
  2765.                  
  2766.                    
  2767.                      <template x-if="31 < 10 || showAll">
  2768.                        <li>
  2769.                          <a href="/features/mx-routing" class="text-sm text-gray-400 hover:text-white">
  2770.                            MX Routing
  2771.                          </a>
  2772.                        </li>
  2773.                      </template>
  2774.                    
  2775.                  
  2776.                    
  2777.                      <template x-if="32 < 10 || showAll">
  2778.                        <li>
  2779.                          <a href="/features/read-skimmed-glanced" class="text-sm text-gray-400 hover:text-white">
  2780.                            Read, Skimmed & Glanced Stats
  2781.                          </a>
  2782.                        </li>
  2783.                      </template>
  2784.                    
  2785.                  
  2786.                    
  2787.                      <template x-if="33 < 10 || showAll">
  2788.                        <li>
  2789.                          <a href="/features/spread-sending" class="text-sm text-gray-400 hover:text-white">
  2790.                            Spread Sending
  2791.                          </a>
  2792.                        </li>
  2793.                      </template>
  2794.                    
  2795.                  
  2796.                    
  2797.                      <template x-if="34 < 10 || showAll">
  2798.                        <li>
  2799.                          <a href="/features/bulk-action" class="text-sm text-gray-400 hover:text-white">
  2800.                            Bulk Actions
  2801.                          </a>
  2802.                        </li>
  2803.                      </template>
  2804.                    
  2805.                  
  2806.                    
  2807.                      <template x-if="35 < 10 || showAll">
  2808.                        <li>
  2809.                          <a href="/features/drag-drop-editor" class="text-sm text-gray-400 hover:text-white">
  2810.                            Drag & Drop Editor
  2811.                          </a>
  2812.                        </li>
  2813.                      </template>
  2814.                    
  2815.                  
  2816.                    
  2817.                      <template x-if="36 < 10 || showAll">
  2818.                        <li>
  2819.                          <a href="/features/webhook-support" class="text-sm text-gray-400 hover:text-white">
  2820.                            Webhook Support
  2821.                          </a>
  2822.                        </li>
  2823.                      </template>
  2824.                    
  2825.                  
  2826.                </ul>
  2827.                
  2828.                  <button
  2829.                    x-show="!showAll"
  2830.                    x-on:click="showAll = true"
  2831.                    class="mt-4 text-sm text-blue-500 hover:underline"
  2832.                  >
  2833.                    Show more
  2834.                  </button>
  2835.                
  2836.              </div>
  2837.            </div>
  2838.          
  2839.            <div>
  2840.              <h3 class="text-sm font-semibold text-white mb-4">Resources</h3>
  2841.              <div x-data="{ showAll: false }">
  2842.                <ul role="list" class="space-y-4">
  2843.                  
  2844.                    
  2845.                      <template x-if="0 < 10 || showAll">
  2846.                        <li>
  2847.                          <a href="/email-templates" class="text-sm text-gray-400 hover:text-white">
  2848.                            Email Templates
  2849.                          </a>
  2850.                        </li>
  2851.                      </template>
  2852.                    
  2853.                  
  2854.                    
  2855.                      <template x-if="1 < 10 || showAll">
  2856.                        <li>
  2857.                          <a href="/industries" class="text-sm text-gray-400 hover:text-white">
  2858.                            Industries
  2859.                          </a>
  2860.                        </li>
  2861.                      </template>
  2862.                    
  2863.                  
  2864.                    
  2865.                      <template x-if="2 < 10 || showAll">
  2866.                        <li>
  2867.                          <a href="/blogs" class="text-sm text-gray-400 hover:text-white">
  2868.                            Blogs
  2869.                          </a>
  2870.                        </li>
  2871.                      </template>
  2872.                    
  2873.                  
  2874.                    
  2875.                      <template x-if="3 < 10 || showAll">
  2876.                        <li>
  2877.                          <a href="/addons" class="text-sm text-gray-400 hover:text-white">
  2878.                            Addons
  2879.                          </a>
  2880.                        </li>
  2881.                      </template>
  2882.                    
  2883.                  
  2884.                    
  2885.                      <template x-if="4 < 10 || showAll">
  2886.                        <li>
  2887.                          <a href="/integrations" class="text-sm text-gray-400 hover:text-white">
  2888.                            Integrations
  2889.                          </a>
  2890.                        </li>
  2891.                      </template>
  2892.                    
  2893.                  
  2894.                    
  2895.                      <template x-if="5 < 10 || showAll">
  2896.                        <li>
  2897.                          <a href="/case-studies" class="text-sm text-gray-400 hover:text-white">
  2898.                            Case Studies
  2899.                          </a>
  2900.                        </li>
  2901.                      </template>
  2902.                    
  2903.                  
  2904.                </ul>
  2905.                
  2906.              </div>
  2907.            </div>
  2908.          
  2909.            <div>
  2910.              <h3 class="text-sm font-semibold text-white mb-4">How We Compare</h3>
  2911.              <div x-data="{ showAll: false }">
  2912.                <ul role="list" class="space-y-4">
  2913.                  
  2914.                    
  2915.                      <template x-if="0 < 10 || showAll">
  2916.                        <li>
  2917.                          <a href="/comparisons" class="text-sm text-gray-400 hover:text-white">
  2918.                            All Comparisons
  2919.                          </a>
  2920.                        </li>
  2921.                      </template>
  2922.                    
  2923.                  
  2924.                    
  2925.                      <template x-if="1 < 10 || showAll">
  2926.                        <li>
  2927.                          <a href="/comparisons/mailchimp-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2928.                            Mailchimp vs SendX
  2929.                          </a>
  2930.                        </li>
  2931.                      </template>
  2932.                    
  2933.                  
  2934.                    
  2935.                      <template x-if="2 < 10 || showAll">
  2936.                        <li>
  2937.                          <a href="/comparisons/activecampaign-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2938.                            ActiveCampaign vs SendX
  2939.                          </a>
  2940.                        </li>
  2941.                      </template>
  2942.                    
  2943.                  
  2944.                    
  2945.                      <template x-if="3 < 10 || showAll">
  2946.                        <li>
  2947.                          <a href="/comparisons/constantcontact-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2948.                            Constant Contact vs SendX
  2949.                          </a>
  2950.                        </li>
  2951.                      </template>
  2952.                    
  2953.                  
  2954.                    
  2955.                      <template x-if="4 < 10 || showAll">
  2956.                        <li>
  2957.                          <a href="/comparisons/klaviyo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2958.                            Klaviyo vs SendX
  2959.                          </a>
  2960.                        </li>
  2961.                      </template>
  2962.                    
  2963.                  
  2964.                    
  2965.                      <template x-if="5 < 10 || showAll">
  2966.                        <li>
  2967.                          <a href="/comparisons/mailerlite-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2968.                            Mailerlite vs SendX
  2969.                          </a>
  2970.                        </li>
  2971.                      </template>
  2972.                    
  2973.                  
  2974.                    
  2975.                      <template x-if="6 < 10 || showAll">
  2976.                        <li>
  2977.                          <a href="/comparisons/brevo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2978.                            Brevo vs SendX
  2979.                          </a>
  2980.                        </li>
  2981.                      </template>
  2982.                    
  2983.                  
  2984.                    
  2985.                      <template x-if="7 < 10 || showAll">
  2986.                        <li>
  2987.                          <a href="/comparisons/omnisend-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2988.                            Omnisend vs SendX
  2989.                          </a>
  2990.                        </li>
  2991.                      </template>
  2992.                    
  2993.                  
  2994.                    
  2995.                      <template x-if="8 < 10 || showAll">
  2996.                        <li>
  2997.                          <a href="/comparisons/seguno-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2998.                            Seguno vs SendX
  2999.                          </a>
  3000.                        </li>
  3001.                      </template>
  3002.                    
  3003.                  
  3004.                    
  3005.                      <template x-if="9 < 10 || showAll">
  3006.                        <li>
  3007.                          <a href="/comparisons/aweber-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3008.                            Aweber vs SendX
  3009.                          </a>
  3010.                        </li>
  3011.                      </template>
  3012.                    
  3013.                  
  3014.                    
  3015.                      <template x-if="10 < 10 || showAll">
  3016.                        <li>
  3017.                          <a href="/comparisons/mailjet-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3018.                            Mailjet vs SendX
  3019.                          </a>
  3020.                        </li>
  3021.                      </template>
  3022.                    
  3023.                  
  3024.                    
  3025.                      <template x-if="11 < 10 || showAll">
  3026.                        <li>
  3027.                          <a href="/comparisons/mailmodo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3028.                            Mailmodo vs SendX
  3029.                          </a>
  3030.                        </li>
  3031.                      </template>
  3032.                    
  3033.                  
  3034.                    
  3035.                      <template x-if="12 < 10 || showAll">
  3036.                        <li>
  3037.                          <a href="/comparisons/privy-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3038.                            Privy vs SendX
  3039.                          </a>
  3040.                        </li>
  3041.                      </template>
  3042.                    
  3043.                  
  3044.                    
  3045.                      <template x-if="13 < 10 || showAll">
  3046.                        <li>
  3047.                          <a href="/comparisons/hubspot-email-marketing-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3048.                            HubSpot Email Marketing vs SendX
  3049.                          </a>
  3050.                        </li>
  3051.                      </template>
  3052.                    
  3053.                  
  3054.                    
  3055.                      <template x-if="14 < 10 || showAll">
  3056.                        <li>
  3057.                          <a href="/comparisons/email-octopus-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3058.                            Email Octopus vs SendX
  3059.                          </a>
  3060.                        </li>
  3061.                      </template>
  3062.                    
  3063.                  
  3064.                    
  3065.                      <template x-if="15 < 10 || showAll">
  3066.                        <li>
  3067.                          <a href="/comparisons/customer-io-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3068.                            Customer.io vs SendX
  3069.                          </a>
  3070.                        </li>
  3071.                      </template>
  3072.                    
  3073.                  
  3074.                    
  3075.                      <template x-if="16 < 10 || showAll">
  3076.                        <li>
  3077.                          <a href="/comparisons/convertkit-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3078.                            ConvertKit vs SendX
  3079.                          </a>
  3080.                        </li>
  3081.                      </template>
  3082.                    
  3083.                  
  3084.                    
  3085.                      <template x-if="17 < 10 || showAll">
  3086.                        <li>
  3087.                          <a href="/comparisons/cleverreach-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3088.                            CleverReach vs SendX
  3089.                          </a>
  3090.                        </li>
  3091.                      </template>
  3092.                    
  3093.                  
  3094.                    
  3095.                      <template x-if="18 < 10 || showAll">
  3096.                        <li>
  3097.                          <a href="/comparisons/automizy-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3098.                            Automizy vs SendX
  3099.                          </a>
  3100.                        </li>
  3101.                      </template>
  3102.                    
  3103.                  
  3104.                    
  3105.                      <template x-if="19 < 10 || showAll">
  3106.                        <li>
  3107.                          <a href="/comparisons/buttondown-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3108.                            Buttondown vs SendX
  3109.                          </a>
  3110.                        </li>
  3111.                      </template>
  3112.                    
  3113.                  
  3114.                    
  3115.                      <template x-if="20 < 10 || showAll">
  3116.                        <li>
  3117.                          <a href="/comparisons/campaign-monitor-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3118.                            Campaign Monitor vs SendX
  3119.                          </a>
  3120.                        </li>
  3121.                      </template>
  3122.                    
  3123.                  
  3124.                    
  3125.                      <template x-if="21 < 10 || showAll">
  3126.                        <li>
  3127.                          <a href="/comparisons/contentful-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3128.                            Contentful vs SendX
  3129.                          </a>
  3130.                        </li>
  3131.                      </template>
  3132.                    
  3133.                  
  3134.                    
  3135.                      <template x-if="22 < 10 || showAll">
  3136.                        <li>
  3137.                          <a href="/comparisons/convertkit-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3138.                            ConvertKit vs SendX
  3139.                          </a>
  3140.                        </li>
  3141.                      </template>
  3142.                    
  3143.                  
  3144.                    
  3145.                      <template x-if="23 < 10 || showAll">
  3146.                        <li>
  3147.                          <a href="/comparisons/eloqua-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3148.                            Eloqua vs SendX
  3149.                          </a>
  3150.                        </li>
  3151.                      </template>
  3152.                    
  3153.                  
  3154.                    
  3155.                      <template x-if="24 < 10 || showAll">
  3156.                        <li>
  3157.                          <a href="/comparisons/flodesk-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3158.                            Flodesk vs SendX
  3159.                          </a>
  3160.                        </li>
  3161.                      </template>
  3162.                    
  3163.                  
  3164.                    
  3165.                      <template x-if="25 < 10 || showAll">
  3166.                        <li>
  3167.                          <a href="/comparisons/getresponse-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3168.                            GetResponse vs SendX
  3169.                          </a>
  3170.                        </li>
  3171.                      </template>
  3172.                    
  3173.                  
  3174.                    
  3175.                      <template x-if="26 < 10 || showAll">
  3176.                        <li>
  3177.                          <a href="/comparisons/ghost-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3178.                            Ghost vs SendX
  3179.                          </a>
  3180.                        </li>
  3181.                      </template>
  3182.                    
  3183.                  
  3184.                    
  3185.                      <template x-if="27 < 10 || showAll">
  3186.                        <li>
  3187.                          <a href="/comparisons/gist-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3188.                            Gist vs SendX
  3189.                          </a>
  3190.                        </li>
  3191.                      </template>
  3192.                    
  3193.                  
  3194.                    
  3195.                      <template x-if="28 < 10 || showAll">
  3196.                        <li>
  3197.                          <a href="/comparisons/keap-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3198.                            Keap vs SendX
  3199.                          </a>
  3200.                        </li>
  3201.                      </template>
  3202.                    
  3203.                  
  3204.                    
  3205.                      <template x-if="29 < 10 || showAll">
  3206.                        <li>
  3207.                          <a href="/comparisons/marketo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3208.                            Marketo vs SendX
  3209.                          </a>
  3210.                        </li>
  3211.                      </template>
  3212.                    
  3213.                  
  3214.                    
  3215.                      <template x-if="30 < 10 || showAll">
  3216.                        <li>
  3217.                          <a href="/comparisons/medium-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3218.                            Medium vs SendX
  3219.                          </a>
  3220.                        </li>
  3221.                      </template>
  3222.                    
  3223.                  
  3224.                    
  3225.                      <template x-if="31 < 10 || showAll">
  3226.                        <li>
  3227.                          <a href="/comparisons/drip-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3228.                            Drip vs SendX
  3229.                          </a>
  3230.                        </li>
  3231.                      </template>
  3232.                    
  3233.                  
  3234.                    
  3235.                      <template x-if="32 < 10 || showAll">
  3236.                        <li>
  3237.                          <a href="/comparisons/moonmail-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3238.                            MoonMail vs SendX
  3239.                          </a>
  3240.                        </li>
  3241.                      </template>
  3242.                    
  3243.                  
  3244.                    
  3245.                      <template x-if="33 < 10 || showAll">
  3246.                        <li>
  3247.                          <a href="/comparisons/moosend-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3248.                            Moosend vs SendX
  3249.                          </a>
  3250.                        </li>
  3251.                      </template>
  3252.                    
  3253.                  
  3254.                    
  3255.                      <template x-if="34 < 10 || showAll">
  3256.                        <li>
  3257.                          <a href="/comparisons/newspack-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3258.                            Newspack vs SendX
  3259.                          </a>
  3260.                        </li>
  3261.                      </template>
  3262.                    
  3263.                  
  3264.                    
  3265.                      <template x-if="35 < 10 || showAll">
  3266.                        <li>
  3267.                          <a href="/comparisons/ontraport-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3268.                            Ontraport vs SendX
  3269.                          </a>
  3270.                        </li>
  3271.                      </template>
  3272.                    
  3273.                  
  3274.                    
  3275.                      <template x-if="36 < 10 || showAll">
  3276.                        <li>
  3277.                          <a href="/comparisons/pabbly-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3278.                            Pabbly vs SendX
  3279.                          </a>
  3280.                        </li>
  3281.                      </template>
  3282.                    
  3283.                  
  3284.                    
  3285.                      <template x-if="37 < 10 || showAll">
  3286.                        <li>
  3287.                          <a href="/comparisons/sailthru-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3288.                            Sailthru vs SendX
  3289.                          </a>
  3290.                        </li>
  3291.                      </template>
  3292.                    
  3293.                  
  3294.                    
  3295.                      <template x-if="38 < 10 || showAll">
  3296.                        <li>
  3297.                          <a href="/comparisons/sendfox-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3298.                            SendFox vs SendX
  3299.                          </a>
  3300.                        </li>
  3301.                      </template>
  3302.                    
  3303.                  
  3304.                    
  3305.                      <template x-if="39 < 10 || showAll">
  3306.                        <li>
  3307.                          <a href="/comparisons/squarespace-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3308.                            Squarespace vs SendX
  3309.                          </a>
  3310.                        </li>
  3311.                      </template>
  3312.                    
  3313.                  
  3314.                    
  3315.                      <template x-if="40 < 10 || showAll">
  3316.                        <li>
  3317.                          <a href="/comparisons/substack-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3318.                            Substack vs SendX
  3319.                          </a>
  3320.                        </li>
  3321.                      </template>
  3322.                    
  3323.                  
  3324.                    
  3325.                      <template x-if="41 < 10 || showAll">
  3326.                        <li>
  3327.                          <a href="/comparisons/webflow-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3328.                            Webflow vs SendX
  3329.                          </a>
  3330.                        </li>
  3331.                      </template>
  3332.                    
  3333.                  
  3334.                    
  3335.                      <template x-if="42 < 10 || showAll">
  3336.                        <li>
  3337.                          <a href="/comparisons/wix-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3338.                            Wix vs SendX
  3339.                          </a>
  3340.                        </li>
  3341.                      </template>
  3342.                    
  3343.                  
  3344.                    
  3345.                      <template x-if="43 < 10 || showAll">
  3346.                        <li>
  3347.                          <a href="/comparisons/wordpress-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3348.                            WordPress vs SendX
  3349.                          </a>
  3350.                        </li>
  3351.                      </template>
  3352.                    
  3353.                  
  3354.                    
  3355.                      <template x-if="44 < 10 || showAll">
  3356.                        <li>
  3357.                          <a href="/comparisons/yotpo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3358.                            Yotpo vs SendX
  3359.                          </a>
  3360.                        </li>
  3361.                      </template>
  3362.                    
  3363.                  
  3364.                </ul>
  3365.                
  3366.                  <button
  3367.                    x-show="!showAll"
  3368.                    x-on:click="showAll = true"
  3369.                    class="mt-4 text-sm text-blue-500 hover:underline"
  3370.                  >
  3371.                    Show more
  3372.                  </button>
  3373.                
  3374.              </div>
  3375.            </div>
  3376.          
  3377.            <div>
  3378.              <h3 class="text-sm font-semibold text-white mb-4">Company</h3>
  3379.              <div x-data="{ showAll: false }">
  3380.                <ul role="list" class="space-y-4">
  3381.                  
  3382.                    
  3383.                      <template x-if="0 < 10 || showAll">
  3384.                        <li>
  3385.                          <a href="/" class="text-sm text-gray-400 hover:text-white">
  3386.                            Home
  3387.                          </a>
  3388.                        </li>
  3389.                      </template>
  3390.                    
  3391.                  
  3392.                    
  3393.                      <template x-if="1 < 10 || showAll">
  3394.                        <li>
  3395.                          <a href="/pricing" class="text-sm text-gray-400 hover:text-white">
  3396.                            Pricing
  3397.                          </a>
  3398.                        </li>
  3399.                      </template>
  3400.                    
  3401.                  
  3402.                    
  3403.                      <template x-if="2 < 10 || showAll">
  3404.                        <li>
  3405.                          <a href="/features" class="text-sm text-gray-400 hover:text-white">
  3406.                            Features
  3407.                          </a>
  3408.                        </li>
  3409.                      </template>
  3410.                    
  3411.                  
  3412.                    
  3413.                      <template x-if="3 < 10 || showAll">
  3414.                        <li>
  3415.                          <a href="https://support.sendx.io/en/" class="text-sm text-gray-400 hover:text-white">
  3416.                            Help
  3417.                          </a>
  3418.                        </li>
  3419.                      </template>
  3420.                    
  3421.                  
  3422.                    
  3423.                      <template x-if="4 < 10 || showAll">
  3424.                        <li>
  3425.                          <a href="/about-us" class="text-sm text-gray-400 hover:text-white">
  3426.                            About Us
  3427.                          </a>
  3428.                        </li>
  3429.                      </template>
  3430.                    
  3431.                  
  3432.                    
  3433.                      <template x-if="5 < 10 || showAll">
  3434.                        <li>
  3435.                          <a href="/demo" class="text-sm text-gray-400 hover:text-white">
  3436.                            Book a Demo
  3437.                          </a>
  3438.                        </li>
  3439.                      </template>
  3440.                    
  3441.                  
  3442.                    
  3443.                      <template x-if="6 < 10 || showAll">
  3444.                        <li>
  3445.                          <a href="/affiliate-program" class="text-sm text-gray-400 hover:text-white">
  3446.                            Affiliate Program
  3447.                          </a>
  3448.                        </li>
  3449.                      </template>
  3450.                    
  3451.                  
  3452.                    
  3453.                      <template x-if="7 < 10 || showAll">
  3454.                        <li>
  3455.                          <a href="/authors" class="text-sm text-gray-400 hover:text-white">
  3456.                            Authors
  3457.                          </a>
  3458.                        </li>
  3459.                      </template>
  3460.                    
  3461.                  
  3462.                    
  3463.                      <template x-if="8 < 10 || showAll">
  3464.                        <li>
  3465.                          <a href="/terms-and-conditions" class="text-sm text-gray-400 hover:text-white">
  3466.                            Terms and Conditions
  3467.                          </a>
  3468.                        </li>
  3469.                      </template>
  3470.                    
  3471.                  
  3472.                    
  3473.                      <template x-if="9 < 10 || showAll">
  3474.                        <li>
  3475.                          <a href="/privacy-policy" class="text-sm text-gray-400 hover:text-white">
  3476.                            Privacy Policy
  3477.                          </a>
  3478.                        </li>
  3479.                      </template>
  3480.                    
  3481.                  
  3482.                </ul>
  3483.                
  3484.              </div>
  3485.            </div>
  3486.          
  3487.        </div>
  3488.      </div>
  3489.    </div>
  3490.    <div class="mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24">
  3491.      <p class="text-sm/6 text-gray-400">
  3492.        © 2025 SendX. All rights reserved.
  3493.      </p>
  3494.    </div>
  3495.  </div>
  3496. </div>
  3497.  
  3498.            
  3499.  
  3500.        </footer>
  3501.    </body>
  3502. </html>
  3503.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda