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-DlDvEmVR.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-DlDvEmVR.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="fixed sm:absolute top-[60px] sm:top-full left-4 right-4 sm:left-0 sm:right-auto z-50 transition-all duration-200"
  215.        :class="activeDropdown === 'logo' ? 'opacity-100 visible' : 'opacity-0 invisible pointer-events-none'"
  216.      >
  217.        <div class="w-full sm:w-[400px] bg-[#09090b] border border-zinc-800 rounded-lg overflow-hidden sm:mt-2">
  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 min-w-0">
  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 min-w-0">
  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 min-w-0">
  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/cryptocurrency-blockchain" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1158.                                
  1159.                                  
  1160.                                  Crypto & Blockchain
  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/igaming" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1180.                                
  1181.                                  
  1182.                                  iGaming
  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.                <div class="block border-t border-zinc-800 menu-section rounded-b-lg transition-all">
  1284.                  <div class="p-6 flex justify-between items-center">
  1285.                    <div class="flex items-center">
  1286.                      <p class="text-white">Email marketing for every industry</p>
  1287.                    </div>
  1288.                    <a href="/industries" class="text-brand-primary flex items-center transition-colors hover:text-[#ffea80]">
  1289.                      View all Industries <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>
  1290.                    </a>
  1291.                  </div>
  1292.                </div>
  1293.              
  1294.            
  1295.        </div>
  1296.      
  1297.  
  1298.    </div>
  1299.  </div>
  1300.  
  1301.  <div x-data="{ open: false, expandedSection: null }"
  1302.    @click.away="open = false; expandedSection = null">
  1303.    
  1304.      <button
  1305.        @click="open = !open"
  1306.        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"
  1307.        :aria-expanded="open"
  1308.      >
  1309.        Resources
  1310.        <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>
  1311.      </button>
  1312.    
  1313.  
  1314.    <div x-show="open"
  1315.        @click.away="open = false"
  1316.        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]">
  1317.      
  1318.      
  1319.        <div class="bg-[#09090b] border border-zinc-800 rounded-lg">
  1320.            <div class="grid grid-cols-3 divide-x divide-zinc-800">
  1321.              
  1322.                <div class="p-4">
  1323.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  1324.                    Learn
  1325.                  </h3>
  1326.                  <div class="relative" @click.away="expandedSection = null">
  1327.                    
  1328.                      <ul class="space-y-2">
  1329.                        
  1330.                          <li class="relative">
  1331.                            
  1332.                              <a href="/blogs" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1333.                                
  1334.                                  
  1335.                                  Blogs
  1336.                                
  1337.                              </a>
  1338.                            
  1339.                          </li>
  1340.                        
  1341.                          <li class="relative">
  1342.                            
  1343.                              <a href="/case-studies" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1344.                                
  1345.                                  
  1346.                                  Case Studies
  1347.                                
  1348.                              </a>
  1349.                            
  1350.                          </li>
  1351.                        
  1352.                          <li class="relative">
  1353.                            
  1354.                              <a href="/resources" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1355.                                
  1356.                                  
  1357.                                  Resources
  1358.                                
  1359.                              </a>
  1360.                            
  1361.                          </li>
  1362.                        
  1363.                          <li class="relative">
  1364.                            
  1365.                              <a href="/downloads" class="text-zinc-400 hover:text-white py-2 px-3 hover:bg-zinc-800 rounded-md flex items-center">
  1366.                                
  1367.                                  
  1368.                                  Downloads
  1369.                                
  1370.                              </a>
  1371.                            
  1372.                          </li>
  1373.                        
  1374.                      </ul>
  1375.                      
  1376.                        
  1377.                      
  1378.                    
  1379.                  </div>
  1380.                </div>
  1381.              
  1382.                <div class="p-4">
  1383.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  1384.                    Support
  1385.                  </h3>
  1386.                  <div class="relative" @click.away="expandedSection = null">
  1387.                    
  1388.                      <ul class="space-y-2">
  1389.                        
  1390.                          <li class="relative">
  1391.                            
  1392.                              <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">
  1393.                                
  1394.                                  
  1395.                                  Knowledge Base
  1396.                                
  1397.                              </a>
  1398.                            
  1399.                          </li>
  1400.                        
  1401.                      </ul>
  1402.                      
  1403.                        
  1404.                      
  1405.                    
  1406.                  </div>
  1407.                </div>
  1408.              
  1409.                <div class="p-4">
  1410.                  <h3 class="text-white text-lg font-medium mb-4 px-3">
  1411.                    Developers
  1412.                  </h3>
  1413.                  <div class="relative" @click.away="expandedSection = null">
  1414.                    
  1415.                      <ul class="space-y-2">
  1416.                        
  1417.                          <li class="relative">
  1418.                            
  1419.                              <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">
  1420.                                
  1421.                                  
  1422.                                  SendX API Docs
  1423.                                
  1424.                              </a>
  1425.                            
  1426.                          </li>
  1427.                        
  1428.                          <li class="relative">
  1429.                            
  1430.                              <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">
  1431.                                
  1432.                                  
  1433.                                  SendPost API Docs
  1434.                                
  1435.                              </a>
  1436.                            
  1437.                          </li>
  1438.                        
  1439.                      </ul>
  1440.                      
  1441.                        
  1442.                      
  1443.                    
  1444.                  </div>
  1445.                </div>
  1446.              
  1447.            </div>
  1448.  
  1449.            
  1450.            
  1451.              
  1452.            
  1453.        </div>
  1454.      
  1455.  
  1456.    </div>
  1457.  </div>
  1458.  
  1459.  <div x-data="{ open: false, expandedSection: null }"
  1460.    @click.away="open = false; expandedSection = null">
  1461.    
  1462.      <a href="/pricing"
  1463.        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"
  1464.        :aria-expanded="open"
  1465.      >
  1466.        Pricing
  1467.    </a>
  1468.    
  1469.  
  1470.    <div x-show="open"
  1471.        @click.away="open = false"
  1472.        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]">
  1473.      
  1474.      
  1475.        <div class="bg-[#09090b] border border-zinc-800 rounded-lg">
  1476.            <div class="grid grid-cols-3 divide-x divide-zinc-800">
  1477.              
  1478.            </div>
  1479.  
  1480.            
  1481.            
  1482.              
  1483.            
  1484.        </div>
  1485.      
  1486.  
  1487.    </div>
  1488.  </div>
  1489.  
  1490. </div>
  1491.    </nav>
  1492.    
  1493.  
  1494.    <!-- Desktop Actions - Always visible -->
  1495.    <div class="hidden lg:flex items-center gap-8">
  1496.      <a href="https://app.sendx.io/login" class="text-md hover:text-black/70 dark:hover:text-white/70">
  1497.        Log In
  1498.      </a>
  1499.      <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">
  1500.        Try it free
  1501.      </a>
  1502.    </div>
  1503.  
  1504.    <!-- Mobile Menu Toggle - Always visible -->
  1505.    <div class="lg:hidden flex items-center gap-2">
  1506.      <button @click="mobileMenuOpen = !mobileMenuOpen" class="p-2">
  1507.        <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>
  1508.        <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>
  1509.      </button>
  1510.    </div>
  1511.  </div>
  1512.  
  1513.  <!-- Mobile Menu - Hide navigation items with toggle -->
  1514.  <div
  1515.    x-show="mobileMenuOpen"
  1516.    @click.away="mobileMenuOpen = false"
  1517.    x-transition:enter="transition ease-out duration-300"
  1518.    x-transition:enter-start="opacity-0 -translate-y-2"
  1519.    x-transition:enter-end="opacity-100 translate-y-0"
  1520.    x-transition:leave="transition ease-in duration-200"
  1521.    x-transition:leave-start="opacity-100 translate-y-0"
  1522.    x-transition:leave-end="opacity-0 -translate-y-2"
  1523.    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"
  1524.  >
  1525.    
  1526.    <div x-data="{ openSections: {}, expandedSub: null }">
  1527.  
  1528.    <div class="border-b border-zinc-800 dark:border-dark-border pb-2">
  1529.      
  1530.        <button
  1531.          @click="openSections['Product'] = !openSections['Product']"
  1532.          class="flex items-center justify-between w-full py-2 cursor-pointer"
  1533.        >
  1534.          <span class="font-medium text-black dark:text-white">Product</span>
  1535.          <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>
  1536.        </button>
  1537.  
  1538.        <div x-show="openSections['Product']" x-collapse class="space-y-1 pl-2">
  1539.          
  1540.            <h3 class="text-white text-md font-medium my-3">
  1541.              Features
  1542.            </h3>
  1543.            
  1544.              
  1545.                <button
  1546.                  @click.stop="expandedSub = expandedSub === 'mb7petmi' ? null : 'mb7petmi'"
  1547.                  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"
  1548.                  :class="expandedSub === 'mb7petmi' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1549.                >
  1550.                  <span class="flex gap-2 items-center ml-2">
  1551.                    
  1552.                    Email Campaigns
  1553.                  </span>
  1554.                  <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>
  1555.                </button>
  1556.                <ul
  1557.                  x-show="expandedSub === 'mb7petmi'"
  1558.                  x-collapse
  1559.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1560.                >
  1561.                  
  1562.                    <li>
  1563.                      <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">
  1564.                        Newsletter Campaign
  1565.                      </a>
  1566.                    </li>
  1567.                  
  1568.                    <li>
  1569.                      <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">
  1570.                        A/B Split Test Campaign
  1571.                      </a>
  1572.                    </li>
  1573.                  
  1574.                    <li>
  1575.                      <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">
  1576.                        Drip Campaign
  1577.                      </a>
  1578.                    </li>
  1579.                  
  1580.                    <li>
  1581.                      <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">
  1582.                        RSS Campaign
  1583.                      </a>
  1584.                    </li>
  1585.                  
  1586.                    <li>
  1587.                      <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">
  1588.                        Email Personalisation
  1589.                      </a>
  1590.                    </li>
  1591.                  
  1592.                </ul>
  1593.              
  1594.            
  1595.              
  1596.                <button
  1597.                  @click.stop="expandedSub = expandedSub === 'mb7pgof0' ? null : 'mb7pgof0'"
  1598.                  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"
  1599.                  :class="expandedSub === 'mb7pgof0' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1600.                >
  1601.                  <span class="flex gap-2 items-center ml-2">
  1602.                    
  1603.                    Smart Automation
  1604.                  </span>
  1605.                  <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>
  1606.                </button>
  1607.                <ul
  1608.                  x-show="expandedSub === 'mb7pgof0'"
  1609.                  x-collapse
  1610.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1611.                >
  1612.                  
  1613.                    <li>
  1614.                      <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">
  1615.                        Visual Workflows
  1616.                      </a>
  1617.                    </li>
  1618.                  
  1619.                </ul>
  1620.              
  1621.            
  1622.              
  1623.                <button
  1624.                  @click.stop="expandedSub = expandedSub === 'mcal40q6' ? null : 'mcal40q6'"
  1625.                  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"
  1626.                  :class="expandedSub === 'mcal40q6' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1627.                >
  1628.                  <span class="flex gap-2 items-center ml-2">
  1629.                    
  1630.                    AI Intelligence
  1631.                  </span>
  1632.                  <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>
  1633.                </button>
  1634.                <ul
  1635.                  x-show="expandedSub === 'mcal40q6'"
  1636.                  x-collapse
  1637.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1638.                >
  1639.                  
  1640.                    <li>
  1641.                      <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">
  1642.                        AI Editor
  1643.                      </a>
  1644.                    </li>
  1645.                  
  1646.                </ul>
  1647.              
  1648.            
  1649.              
  1650.                <button
  1651.                  @click.stop="expandedSub = expandedSub === 'mcal4m0a' ? null : 'mcal4m0a'"
  1652.                  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"
  1653.                  :class="expandedSub === 'mcal4m0a' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1654.                >
  1655.                  <span class="flex gap-2 items-center ml-2">
  1656.                    
  1657.                    Forms & Popups
  1658.                  </span>
  1659.                  <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>
  1660.                </button>
  1661.                <ul
  1662.                  x-show="expandedSub === 'mcal4m0a'"
  1663.                  x-collapse
  1664.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1665.                >
  1666.                  
  1667.                    <li>
  1668.                      <a href="/features/forms" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1669.                        Forms
  1670.                      </a>
  1671.                    </li>
  1672.                  
  1673.                    <li>
  1674.                      <a href="/features/popups" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1675.                        Popups
  1676.                      </a>
  1677.                    </li>
  1678.                  
  1679.                    <li>
  1680.                      <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">
  1681.                        Landing Pages
  1682.                      </a>
  1683.                    </li>
  1684.                  
  1685.                </ul>
  1686.              
  1687.            
  1688.              
  1689.                <button
  1690.                  @click.stop="expandedSub = expandedSub === 'mcal56zb' ? null : 'mcal56zb'"
  1691.                  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"
  1692.                  :class="expandedSub === 'mcal56zb' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1693.                >
  1694.                  <span class="flex gap-2 items-center ml-2">
  1695.                    
  1696.                    Segmentation & Targeting
  1697.                  </span>
  1698.                  <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>
  1699.                </button>
  1700.                <ul
  1701.                  x-show="expandedSub === 'mcal56zb'"
  1702.                  x-collapse
  1703.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1704.                >
  1705.                  
  1706.                    <li>
  1707.                      <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">
  1708.                        Audience Management
  1709.                      </a>
  1710.                    </li>
  1711.                  
  1712.                    <li>
  1713.                      <a href="/features/segmentation" class="block py-1 text-sm text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white">
  1714.                        Segmentation
  1715.                      </a>
  1716.                    </li>
  1717.                  
  1718.                    <li>
  1719.                      <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">
  1720.                        Dynamic Sender
  1721.                      </a>
  1722.                    </li>
  1723.                  
  1724.                    <li>
  1725.                      <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">
  1726.                        Multi Location Franchise Email Marketing
  1727.                      </a>
  1728.                    </li>
  1729.                  
  1730.                </ul>
  1731.              
  1732.            
  1733.              
  1734.                <button
  1735.                  @click.stop="expandedSub = expandedSub === 'mcal63um' ? null : 'mcal63um'"
  1736.                  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"
  1737.                  :class="expandedSub === 'mcal63um' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1738.                >
  1739.                  <span class="flex gap-2 items-center ml-2">
  1740.                    
  1741.                    Analytics & Reporting
  1742.                  </span>
  1743.                  <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>
  1744.                </button>
  1745.                <ul
  1746.                  x-show="expandedSub === 'mcal63um'"
  1747.                  x-collapse
  1748.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1749.                >
  1750.                  
  1751.                    <li>
  1752.                      <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">
  1753.                        Email Analytics
  1754.                      </a>
  1755.                    </li>
  1756.                  
  1757.                    <li>
  1758.                      <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">
  1759.                        Notifications Center
  1760.                      </a>
  1761.                    </li>
  1762.                  
  1763.                </ul>
  1764.              
  1765.            
  1766.              
  1767.                <button
  1768.                  @click.stop="expandedSub = expandedSub === 'mcal72af' ? null : 'mcal72af'"
  1769.                  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"
  1770.                  :class="expandedSub === 'mcal72af' ? 'text-black dark:text-white bg-zinc-100 dark:bg-zinc-800' : ''"
  1771.                >
  1772.                  <span class="flex gap-2 items-center ml-2">
  1773.                    
  1774.                    Deliverability & Optimization
  1775.                  </span>
  1776.                  <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>
  1777.                </button>
  1778.                <ul
  1779.                  x-show="expandedSub === 'mcal72af'"
  1780.                  x-collapse
  1781.                  class="pl-4 pt-1 space-y-1 border-l border-zinc-700 dark:border-zinc-600"
  1782.                >
  1783.                  
  1784.                    <li>
  1785.                      <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">
  1786.                        Managed Deliverability Service
  1787.                      </a>
  1788.                    </li>
  1789.                  
  1790.                    <li>
  1791.                      <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">
  1792.                        IP Reputation Tracking
  1793.                      </a>
  1794.                    </li>
  1795.                  
  1796.                    <li>
  1797.                      <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">
  1798.                        Domain Reputation Tracking
  1799.                      </a>
  1800.                    </li>
  1801.                  
  1802.                    <li>
  1803.                      <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">
  1804.                        Inbox Testing
  1805.                      </a>
  1806.                    </li>
  1807.                  
  1808.                </ul>
  1809.              
  1810.            
  1811.  
  1812.            
  1813.              
  1814.                <a href="/features" class="text-brand-primary text-sm hover:text-[#ffea80] flex items-center gap-1">
  1815.                  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>
  1816.                </a>
  1817.              
  1818.            
  1819.          
  1820.            <h3 class="text-white text-md font-medium my-3">
  1821.              Addons
  1822.            </h3>
  1823.            
  1824.              
  1825.                 <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">
  1826.                  
  1827.                  <span>Franchise Support</span>
  1828.                </a>
  1829.              
  1830.            
  1831.              
  1832.                 <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">
  1833.                  
  1834.                  <span>Custom Reply</span>
  1835.                </a>
  1836.              
  1837.            
  1838.              
  1839.                 <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">
  1840.                  
  1841.                  <span>Bot Open/Click Tracker</span>
  1842.                </a>
  1843.              
  1844.            
  1845.              
  1846.                 <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">
  1847.                  
  1848.                  <span>Read, Skimmed And Glanced</span>
  1849.                </a>
  1850.              
  1851.            
  1852.              
  1853.                 <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">
  1854.                  
  1855.                  <span>Shortcuts</span>
  1856.                </a>
  1857.              
  1858.            
  1859.              
  1860.                 <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">
  1861.                  
  1862.                  <span>Dynamic Sender</span>
  1863.                </a>
  1864.              
  1865.            
  1866.  
  1867.            
  1868.              
  1869.                <a href="/addons" class="text-brand-primary text-sm hover:text-[#ffea80] flex items-center gap-1">
  1870.                  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>
  1871.                </a>
  1872.              
  1873.            
  1874.          
  1875.            <h3 class="text-white text-md font-medium my-3">
  1876.              Integrations
  1877.            </h3>
  1878.            
  1879.              
  1880.                 <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">
  1881.                  
  1882.                  <span>Shopify</span>
  1883.                </a>
  1884.              
  1885.            
  1886.              
  1887.                 <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">
  1888.                  
  1889.                  <span>Stripe</span>
  1890.                </a>
  1891.              
  1892.            
  1893.              
  1894.                 <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">
  1895.                  
  1896.                  <span>twilio</span>
  1897.                </a>
  1898.              
  1899.            
  1900.              
  1901.                 <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">
  1902.                  
  1903.                  <span>Zapier</span>
  1904.                </a>
  1905.              
  1906.            
  1907.  
  1908.            
  1909.              
  1910.            
  1911.          
  1912.        </div>
  1913.      
  1914.    </div>
  1915.  
  1916.    <div class="border-b border-zinc-800 dark:border-dark-border pb-2">
  1917.      
  1918.        <button
  1919.          @click="openSections['Industries'] = !openSections['Industries']"
  1920.          class="flex items-center justify-between w-full py-2 cursor-pointer"
  1921.        >
  1922.          <span class="font-medium text-black dark:text-white">Industries</span>
  1923.          <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>
  1924.        </button>
  1925.  
  1926.        <div x-show="openSections['Industries']" x-collapse class="space-y-1 pl-2">
  1927.          
  1928.            <h3 class="text-white text-md font-medium my-3">
  1929.              Content Creators & Media
  1930.            </h3>
  1931.            
  1932.              
  1933.                 <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">
  1934.                  
  1935.                  <span>Online Creators</span>
  1936.                </a>
  1937.              
  1938.            
  1939.              
  1940.                 <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">
  1941.                  
  1942.                  <span>Professional Bloggers</span>
  1943.                </a>
  1944.              
  1945.            
  1946.              
  1947.                 <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">
  1948.                  
  1949.                  <span>Youtubers & Podcasters</span>
  1950.                </a>
  1951.              
  1952.            
  1953.              
  1954.                 <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">
  1955.                  
  1956.                  <span>Authors</span>
  1957.                </a>
  1958.              
  1959.            
  1960.              
  1961.                 <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">
  1962.                  
  1963.                  <span>Publishers & Media Companies</span>
  1964.                </a>
  1965.              
  1966.            
  1967.  
  1968.            
  1969.              
  1970.            
  1971.          
  1972.            <h3 class="text-white text-md font-medium my-3">
  1973.              Business & SaaS
  1974.            </h3>
  1975.            
  1976.              
  1977.                 <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">
  1978.                  
  1979.                  <span>SaaS</span>
  1980.                </a>
  1981.              
  1982.            
  1983.              
  1984.                 <a href="/industries/cryptocurrency-blockchain" 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">
  1985.                  
  1986.                  <span>Crypto & Blockchain</span>
  1987.                </a>
  1988.              
  1989.            
  1990.              
  1991.                 <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">
  1992.                  
  1993.                  <span>E-commerce</span>
  1994.                </a>
  1995.              
  1996.            
  1997.              
  1998.                 <a href="/industries/igaming" 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">
  1999.                  
  2000.                  <span>iGaming</span>
  2001.                </a>
  2002.              
  2003.            
  2004.              
  2005.                 <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">
  2006.                  
  2007.                  <span>Mobile Apps</span>
  2008.                </a>
  2009.              
  2010.            
  2011.  
  2012.            
  2013.              
  2014.            
  2015.          
  2016.            <h3 class="text-white text-md font-medium my-3">
  2017.              Education & Nonprofit
  2018.            </h3>
  2019.            
  2020.              
  2021.                 <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">
  2022.                  
  2023.                  <span>Universities</span>
  2024.                </a>
  2025.              
  2026.            
  2027.              
  2028.                 <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">
  2029.                  
  2030.                  <span>EdTech</span>
  2031.                </a>
  2032.              
  2033.            
  2034.              
  2035.                 <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">
  2036.                  
  2037.                  <span>NGOs</span>
  2038.                </a>
  2039.              
  2040.            
  2041.              
  2042.                 <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">
  2043.                  
  2044.                  <span>Course Creators & Coaches</span>
  2045.                </a>
  2046.              
  2047.            
  2048.              
  2049.                 <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">
  2050.                  
  2051.                  <span>Churches</span>
  2052.                </a>
  2053.              
  2054.            
  2055.  
  2056.            
  2057.              
  2058.            
  2059.          
  2060.        </div>
  2061.      
  2062.    </div>
  2063.  
  2064.    <div class="border-b border-zinc-800 dark:border-dark-border pb-2">
  2065.      
  2066.        <button
  2067.          @click="openSections['Resources'] = !openSections['Resources']"
  2068.          class="flex items-center justify-between w-full py-2 cursor-pointer"
  2069.        >
  2070.          <span class="font-medium text-black dark:text-white">Resources</span>
  2071.          <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>
  2072.        </button>
  2073.  
  2074.        <div x-show="openSections['Resources']" x-collapse class="space-y-1 pl-2">
  2075.          
  2076.            <h3 class="text-white text-md font-medium my-3">
  2077.              Learn
  2078.            </h3>
  2079.            
  2080.              
  2081.                 <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">
  2082.                  
  2083.                  <span>Blogs</span>
  2084.                </a>
  2085.              
  2086.            
  2087.              
  2088.                 <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">
  2089.                  
  2090.                  <span>Case Studies</span>
  2091.                </a>
  2092.              
  2093.            
  2094.              
  2095.                 <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">
  2096.                  
  2097.                  <span>Resources</span>
  2098.                </a>
  2099.              
  2100.            
  2101.              
  2102.                 <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">
  2103.                  
  2104.                  <span>Downloads</span>
  2105.                </a>
  2106.              
  2107.            
  2108.  
  2109.            
  2110.              
  2111.            
  2112.          
  2113.            <h3 class="text-white text-md font-medium my-3">
  2114.              Support
  2115.            </h3>
  2116.            
  2117.              
  2118.                 <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">
  2119.                  
  2120.                  <span>Knowledge Base</span>
  2121.                </a>
  2122.              
  2123.            
  2124.  
  2125.            
  2126.              
  2127.            
  2128.          
  2129.            <h3 class="text-white text-md font-medium my-3">
  2130.              Developers
  2131.            </h3>
  2132.            
  2133.              
  2134.                 <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">
  2135.                  
  2136.                  <span>SendX API Docs</span>
  2137.                </a>
  2138.              
  2139.            
  2140.              
  2141.                 <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">
  2142.                  
  2143.                  <span>SendPost API Docs</span>
  2144.                </a>
  2145.              
  2146.            
  2147.  
  2148.            
  2149.              
  2150.            
  2151.          
  2152.        </div>
  2153.      
  2154.    </div>
  2155.  
  2156.    <div class="border-b border-zinc-800 dark:border-dark-border pb-2">
  2157.      
  2158.        <a href="/pricing"
  2159.          class="flex items-center justify-between w-full py-2 font-medium text-black dark:text-white">
  2160.          Pricing
  2161.        </a>
  2162.      
  2163.    </div>
  2164.  
  2165. </div>
  2166.  
  2167.    
  2168.  
  2169.    <!-- Mobile Actions - Always visible -->
  2170.    <div class="pt-2 space-y-3">
  2171.      <a href="https://app.sendx.io/login" class="block py-2 text-center">
  2172.        Log In
  2173.      </a>
  2174.      <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">
  2175.        Try it free
  2176.      </a>
  2177.    </div>
  2178.  </div>
  2179. </header>
  2180.  
  2181. <script>
  2182.  function navbar() {
  2183.    return {
  2184.      activeDropdown: null,
  2185.      scrolled: false,
  2186.      mobileMenuOpen: false,
  2187.      initNavbar() {
  2188.        this.scrolled = window.scrollY > 10;
  2189.        window.addEventListener("scroll", () => {
  2190.          this.scrolled = window.scrollY > 10;
  2191.        });
  2192.      },
  2193.    };
  2194.  }
  2195. </script>
  2196.        <div class="bg-black mx-auto lg:min-h-screen flex flex-col">
  2197.            <div class="py-24 bg-black text-white">
  2198.  <div class="px-4 text-black dark:text-dark-text flex justify-center">
  2199.    <div class="prose dark:prose-invert max-w-4xl mx-auto w-2/3">
  2200.      <div class="py-6 flex flex-col">
  2201.        <div class="relative">
  2202.          
  2203.            
  2204.              
  2205.  <picture>
  2206.    
  2207.      
  2208.      <img
  2209.        src="https://f.hubspotusercontent40.net/hubfs/20294495/7-Ultimate-Company-Newsletter-Ideas-To-Engage-Employees.png"
  2210.        alt=""
  2211.        class="w-full"
  2212.        
  2213.        fetchpriority=""
  2214.        decoding=""
  2215.        
  2216.      />
  2217.    
  2218.  </picture>
  2219.  
  2220.  
  2221.            
  2222.          
  2223.  
  2224.          <!-- Zinc overlay - only show if we have an image -->
  2225.          
  2226.            <div class="absolute inset-0 bg-zinc-900 opacity-60"></div>
  2227.          
  2228.        </div>
  2229.  
  2230.        <!-- Title section - always below the image -->
  2231.        <div class="px-4 py-8 border-b border-zinc-800">
  2232.          <span class="text-sm font-semibold text-zinc-300">
  2233.            Saitej Makhijani | December 21st, 2021
  2234.          </span>
  2235.          <h1 class="text-4xl font-bold text-white">
  2236.            7 Ultimate Company Newsletter Ideas To Engage Employees
  2237.          </h1>
  2238.        </div>
  2239.        </div>
  2240.        <div>
  2241.          <p>Do you get any response from the employees when you send a newsletter?</p>
  2242. <!--more-->
  2243. <p>Sometimes, but not as per the expectation?</p>
  2244. <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>
  2245. <p style="text-align: center;"><img height="282" loading="lazy" src="/assets/interface-preview-coming-soon.jpg" width="338"/></p>
  2246. <p>Yeah…</p>
  2247. <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>
  2248. <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>
  2249. <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>
  2250. <h2>Tips To Design The Newsletter</h2>
  2251. <ol>
  2252. <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>
  2253. <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>
  2254. <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>
  2255. <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>
  2256. </ol>
  2257. <h2>7 Employee Newsletter Ideas That Are Creative &amp; Engaging</h2>
  2258. <p> </p>
  2259. <p>Wondering how to make the most of the employee newsletters? </p>
  2260. <p>Here are 7 ideas you can try to boost your <a href="#" rel="noopener" target="_blank">employee engagement</a> with your newsletter:</p>
  2261. <p><strong>1. <span style="text-decoration: underline;">Industry Updates</span></strong></p>
  2262. <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>
  2263. <p><strong>2. <span style="text-decoration: underline;">Skill Booster</span></strong></p>
  2264. <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>
  2265. <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>
  2266. <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>
  2267. <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>
  2268. <p><strong>3. <span style="text-decoration: underline;">Top 10 Lists &amp; Recommendations</span></strong></p>
  2269. <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>
  2270. <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>
  2271. <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>
  2272. <p><strong>4. <span style="text-decoration: underline;">Contests &amp; Fun Activities</span></strong></p>
  2273. <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>
  2274. <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>
  2275. <p style="text-align: center; font-size: 10px;"><em><span style="color: #434343;">GetResponse employee contest winners announcement email</span></em></p>
  2276. <p><strong>5. <span style="text-decoration: underline;">Exercises</span></strong></p>
  2277. <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>
  2278. <p><strong>6. <span style="text-decoration: underline;">Customer Success Story</span></strong></p>
  2279. <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>
  2280. <p><strong>7. <span style="text-decoration: underline;">Personal Message From CEO</span></strong></p>
  2281. <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>
  2282. <p style="text-align: center;"><img alt="The bananatag cofounders " height="396" loading="lazy" src="/assets/interface-preview-coming-soon.jpg" width="508"/></p>
  2283. <p style="font-size: 10px; text-align: center;"><em><span style="color: #434343;">Bananatag’s employee newsletter with message from CEO</span></em></p>
  2284. <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>
  2285. <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>
  2286. <ul>
  2287. <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>
  2288. <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>
  2289. <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>
  2290. </ul>
  2291. <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>
  2292. <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>
  2293. <ul>
  2294. <li aria-level="1"><strong>Recipes</strong>: Employees can be asked to share the food recipe they’ve mastered with others. </li>
  2295. <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>
  2296. </ul>
  2297. <h2>Wrap Up</h2>
  2298. <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>
  2299. <p>The motive behind the newsletters should be to offer value to the employees while bringing everyone on the same track. </p>
  2300. <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>
  2301. <p> </p>
  2302. <p style="text-align: center;"><img height="198" loading="lazy" src="/assets/interface-preview-coming-soon.jpg" width="350"/></p>
  2303. <p>Now, go ahead &amp; let your creative newsletter build a team of engaged &amp; informed employees.</p>
  2304. <h2>FAQ's</h2>
  2305. <p style="font-weight: bold;">1. What are the benefits of sending a company newsletter?</p>
  2306. <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>
  2307. <p style="font-weight: bold;">2. Can you offer some tips for designing a great employee newsletter?</p>
  2308. <p>Here are some tips for designing a great employee newsletter:</p>
  2309. <ul>
  2310. <li aria-level="1">Keep the wording personal</li>
  2311. <li aria-level="1">Have a catchy email subject line</li>
  2312. <li aria-level="1">Include variety</li>
  2313. <li aria-level="1">Use short paragraphs and graphics.</li>
  2314. </ul>
  2315.        </div>
  2316.        <div>
  2317.          <a href="https://app.sendx.io/register">
  2318.            
  2319.  <picture>
  2320.    
  2321.      
  2322.        
  2323.          <source
  2324.            srcset="
  2325.              /img/containers/assets/sendx-blog-cta.webp/119d7e7356502b422ae476942b0d6e38/sendx-blog-cta.webp 320w,
  2326.              /img/containers/assets/sendx-blog-cta.webp/57c51cb89d57418f89b418c1f3bcfea8/sendx-blog-cta.webp 480w,
  2327.              /img/containers/assets/sendx-blog-cta.webp/9747db7207b7fa0b89bafdb37e577884/sendx-blog-cta.webp 768w,
  2328.              /img/containers/assets/sendx-blog-cta.webp/cafe724ccfb04965ccaefd068f1a54fe/sendx-blog-cta.webp 1280w,
  2329.              /img/containers/assets/sendx-blog-cta.webp/603fcadb3add063d9e9109be9166bd70/sendx-blog-cta.webp 1440w,
  2330.              /img/containers/assets/sendx-blog-cta.webp/51577463f93b9ee404100e70b71c888e/sendx-blog-cta.webp 1680w"
  2331.            sizes=""
  2332.            type="image/webp"
  2333.          >
  2334.          <source
  2335.            srcset="
  2336.              /img/containers/assets/sendx-blog-cta.webp/03ab8468472910d2b31973770f7f267d/sendx-blog-cta.webp 320w,
  2337.              /img/containers/assets/sendx-blog-cta.webp/e7d2f21302622fa1b70b24986513b09b/sendx-blog-cta.webp 480w,
  2338.              /img/containers/assets/sendx-blog-cta.webp/aa95019d4aecf0970e0072c4a5c5d9f7/sendx-blog-cta.webp 768w,
  2339.              /img/containers/assets/sendx-blog-cta.webp/9d4dd658ed44999dd762a8bc8004d6bf/sendx-blog-cta.webp 1280w,
  2340.              /img/containers/assets/sendx-blog-cta.webp/c7812e9d1a6cc91f5775ab00fdb318aa/sendx-blog-cta.webp 1440w,
  2341.              /img/containers/assets/sendx-blog-cta.webp/66d1813fb2b9b15ea5071bfd0143df07/sendx-blog-cta.webp 1680w"
  2342.            sizes=""
  2343.            type="image/webp"
  2344.          >
  2345.          <img
  2346.            src="/img/containers/assets/sendx-blog-cta.webp/03ab8468472910d2b31973770f7f267d/sendx-blog-cta.webp"
  2347.            alt="sendx register"
  2348.            class="w-full cursor-pointer"
  2349.            
  2350.            fetchpriority=""
  2351.            decoding=""
  2352.            
  2353.          >
  2354.        
  2355.      
  2356.    
  2357.  </picture>
  2358.  
  2359.  
  2360.          </a>
  2361.        </div>
  2362.        <div>
  2363.  
  2364.        </div>
  2365.      </div>
  2366.    </div>
  2367.  </div>
  2368. </div>
  2369.        </div>
  2370.        <div id="page-transition-overlay">
  2371.            <div class="loader-wrapper">
  2372.                <div class="modern-spinner">
  2373.                    <span></span><span></span><span></span>
  2374.                </div>
  2375.                
  2376.            </div>
  2377.        </div>
  2378.        <script>
  2379.            document.addEventListener('DOMContentLoaded', function () {
  2380.                const overlay = document.getElementById('page-transition-overlay');
  2381.  
  2382.                // Handle click on internal links
  2383.                document.querySelectorAll('a[href]').forEach(link => {
  2384.                    const url = new URL(link.href, location.href);
  2385.  
  2386.                    // Skip external links and anchors
  2387.                    if (url.origin !== location.origin || url.hash || link.target === '_blank') return;
  2388.  
  2389.                    link.addEventListener('click', function (e) {
  2390.                        // Respect middle-click and cmd/ctrl click
  2391.                        if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;
  2392.  
  2393.                        e.preventDefault();
  2394.                        document.body.classList.add('fade-out');
  2395.  
  2396.                        // Wait for transition before navigating
  2397.                        setTimeout(() => {
  2398.                        window.location.href = link.href;
  2399.                        }, 400); // match CSS duration
  2400.                    });
  2401.                });
  2402.  
  2403.                // Hide overlay after page loads
  2404.                window.addEventListener('pageshow', () => {
  2405.                    document.body.classList.remove('fade-out');
  2406.                    document.body.classList.add('loaded');
  2407.                });
  2408.            });
  2409.        </script>
  2410.  
  2411.        <footer>
  2412.            <div class="bg-black border-t border-zinc-800">
  2413.  <div class="mx-auto w-screen px-6 pt-12 pb-8 sm:pt-12 lg:px-8 lg:pt-12">
  2414.    <div class="flex flex-col xl:w-full gap-8">
  2415.  
  2416.      
  2417.  
  2418.      <div class="mt-16 w-full flex flex-col lg:flex-row gap-12 px-4 sm:px-6 lg:px-8">
  2419.        <!-- Branding and Social -->
  2420.        <div class="space-y-8 lg:w-1/3">
  2421.          
  2422.  <picture>
  2423.    
  2424.      
  2425.        
  2426.          <img
  2427.            src="/assets/brand/sendx-logo-white.svg"
  2428.            alt="SendX - Email Marketing & Marketing Automation Software"
  2429.            class="h-9"
  2430.            
  2431.            fetchpriority=""
  2432.            decoding=""
  2433.          />
  2434.        
  2435.      
  2436.    
  2437.  </picture>
  2438.  
  2439.  
  2440.          <p class="text-sm leading-6 text-balance text-gray-300">
  2441.            Email marketing that doesn't make you want to pull your hair out.
  2442.          </p>
  2443.          <div class="flex gap-x-6">
  2444.            
  2445.            <a href="https://x.com/sendxio" class="text-gray-400 hover:text-white">
  2446.              <span class="sr-only">Twitter</span>
  2447.              <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>
  2448.            </a>
  2449.            
  2450.            <a href="https://www.linkedin.com/company/sendx/" class="text-gray-400 hover:text-white">
  2451.              <span class="sr-only">Linkedin</span>
  2452.              <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>
  2453.            </a>
  2454.            
  2455.            <a href="https://www.youtube.com/@sendxio" class="text-gray-400 hover:text-white">
  2456.              <span class="sr-only">YouTube</span>
  2457.              <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="m10 15l5.19-3L10 9zm11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73"/></svg>
  2458.            </a>
  2459.            
  2460.          </div>
  2461.        </div>
  2462.  
  2463.        <!-- Navigation Sections -->
  2464.        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8 flex-1">
  2465.          
  2466.            <div>
  2467.              <h3 class="text-sm font-semibold text-white mb-4">Features</h3>
  2468.              <div x-data="{ showAll: false }">
  2469.                <ul role="list" class="space-y-4">
  2470.                  
  2471.                    
  2472.                      <template x-if="0 < 10 || showAll">
  2473.                        <li>
  2474.                          <a href="/features/ai-sendx-editor" class="text-sm text-gray-400 hover:text-white">
  2475.                            AI SendX Editor
  2476.                          </a>
  2477.                        </li>
  2478.                      </template>
  2479.                    
  2480.                  
  2481.                    
  2482.                      <template x-if="1 < 10 || showAll">
  2483.                        <li>
  2484.                          <a href="/features/newsletter-campaigns" class="text-sm text-gray-400 hover:text-white">
  2485.                            Newsletter Campaigns
  2486.                          </a>
  2487.                        </li>
  2488.                      </template>
  2489.                    
  2490.                  
  2491.                    
  2492.                      <template x-if="2 < 10 || showAll">
  2493.                        <li>
  2494.                          <a href="/features/ab-split-test-campaign" class="text-sm text-gray-400 hover:text-white">
  2495.                            AB Split Test Campaign
  2496.                          </a>
  2497.                        </li>
  2498.                      </template>
  2499.                    
  2500.                  
  2501.                    
  2502.                      <template x-if="3 < 10 || showAll">
  2503.                        <li>
  2504.                          <a href="/features/drip-campaigns" class="text-sm text-gray-400 hover:text-white">
  2505.                            Drip Campaign
  2506.                          </a>
  2507.                        </li>
  2508.                      </template>
  2509.                    
  2510.                  
  2511.                    
  2512.                      <template x-if="4 < 10 || showAll">
  2513.                        <li>
  2514.                          <a href="/features/rss-campaign" class="text-sm text-gray-400 hover:text-white">
  2515.                            RSS campaign
  2516.                          </a>
  2517.                        </li>
  2518.                      </template>
  2519.                    
  2520.                  
  2521.                    
  2522.                      <template x-if="5 < 10 || showAll">
  2523.                        <li>
  2524.                          <a href="/features/popups" class="text-sm text-gray-400 hover:text-white">
  2525.                            Popups
  2526.                          </a>
  2527.                        </li>
  2528.                      </template>
  2529.                    
  2530.                  
  2531.                    
  2532.                      <template x-if="6 < 10 || showAll">
  2533.                        <li>
  2534.                          <a href="/features/landing-pages" class="text-sm text-gray-400 hover:text-white">
  2535.                            Landing Pages
  2536.                          </a>
  2537.                        </li>
  2538.                      </template>
  2539.                    
  2540.                  
  2541.                    
  2542.                      <template x-if="7 < 10 || showAll">
  2543.                        <li>
  2544.                          <a href="/features/forms" class="text-sm text-gray-400 hover:text-white">
  2545.                            Forms
  2546.                          </a>
  2547.                        </li>
  2548.                      </template>
  2549.                    
  2550.                  
  2551.                    
  2552.                      <template x-if="8 < 10 || showAll">
  2553.                        <li>
  2554.                          <a href="/features/visual-workflows" class="text-sm text-gray-400 hover:text-white">
  2555.                            Visual Workflows
  2556.                          </a>
  2557.                        </li>
  2558.                      </template>
  2559.                    
  2560.                  
  2561.                    
  2562.                      <template x-if="9 < 10 || showAll">
  2563.                        <li>
  2564.                          <a href="/features/audience-management" class="text-sm text-gray-400 hover:text-white">
  2565.                            Audience Management
  2566.                          </a>
  2567.                        </li>
  2568.                      </template>
  2569.                    
  2570.                  
  2571.                    
  2572.                      <template x-if="10 < 10 || showAll">
  2573.                        <li>
  2574.                          <a href="/features/segmentation" class="text-sm text-gray-400 hover:text-white">
  2575.                            Segmentation
  2576.                          </a>
  2577.                        </li>
  2578.                      </template>
  2579.                    
  2580.                  
  2581.                    
  2582.                      <template x-if="11 < 10 || showAll">
  2583.                        <li>
  2584.                          <a href="/features/email-personalisation" class="text-sm text-gray-400 hover:text-white">
  2585.                            Email Personalisation
  2586.                          </a>
  2587.                        </li>
  2588.                      </template>
  2589.                    
  2590.                  
  2591.                    
  2592.                      <template x-if="12 < 10 || showAll">
  2593.                        <li>
  2594.                          <a href="/features/dynamic-sender" class="text-sm text-gray-400 hover:text-white">
  2595.                            Dynamic Sender
  2596.                          </a>
  2597.                        </li>
  2598.                      </template>
  2599.                    
  2600.                  
  2601.                    
  2602.                      <template x-if="13 < 10 || showAll">
  2603.                        <li>
  2604.                          <a href="/features/email-analytics" class="text-sm text-gray-400 hover:text-white">
  2605.                            Email Analytics
  2606.                          </a>
  2607.                        </li>
  2608.                      </template>
  2609.                    
  2610.                  
  2611.                    
  2612.                      <template x-if="14 < 10 || showAll">
  2613.                        <li>
  2614.                          <a href="/features/multi-location-franchise-email-marketing" class="text-sm text-gray-400 hover:text-white">
  2615.                            Multi Location Franchise Email Marketing
  2616.                          </a>
  2617.                        </li>
  2618.                      </template>
  2619.                    
  2620.                  
  2621.                    
  2622.                      <template x-if="15 < 10 || showAll">
  2623.                        <li>
  2624.                          <a href="/features/managed-deliverability-service" class="text-sm text-gray-400 hover:text-white">
  2625.                            Managed Deliverability Service
  2626.                          </a>
  2627.                        </li>
  2628.                      </template>
  2629.                    
  2630.                  
  2631.                    
  2632.                      <template x-if="16 < 10 || showAll">
  2633.                        <li>
  2634.                          <a href="/features/blog-post" class="text-sm text-gray-400 hover:text-white">
  2635.                            Blog Posts
  2636.                          </a>
  2637.                        </li>
  2638.                      </template>
  2639.                    
  2640.                  
  2641.                    
  2642.                      <template x-if="17 < 10 || showAll">
  2643.                        <li>
  2644.                          <a href="/features/notifications-center" class="text-sm text-gray-400 hover:text-white">
  2645.                            Notifications Center
  2646.                          </a>
  2647.                        </li>
  2648.                      </template>
  2649.                    
  2650.                  
  2651.                    
  2652.                      <template x-if="18 < 10 || showAll">
  2653.                        <li>
  2654.                          <a href="/features/email-list-cleaning" class="text-sm text-gray-400 hover:text-white">
  2655.                            Email List Cleaning
  2656.                          </a>
  2657.                        </li>
  2658.                      </template>
  2659.                    
  2660.                  
  2661.                    
  2662.                      <template x-if="19 < 10 || showAll">
  2663.                        <li>
  2664.                          <a href="/features/email-api" class="text-sm text-gray-400 hover:text-white">
  2665.                            Email API
  2666.                          </a>
  2667.                        </li>
  2668.                      </template>
  2669.                    
  2670.                  
  2671.                    
  2672.                      <template x-if="20 < 10 || showAll">
  2673.                        <li>
  2674.                          <a href="/features/brand-settings" class="text-sm text-gray-400 hover:text-white">
  2675.                            Brand Settings
  2676.                          </a>
  2677.                        </li>
  2678.                      </template>
  2679.                    
  2680.                  
  2681.                    
  2682.                      <template x-if="21 < 10 || showAll">
  2683.                        <li>
  2684.                          <a href="/features/custom-event" class="text-sm text-gray-400 hover:text-white">
  2685.                            Custom Events
  2686.                          </a>
  2687.                        </li>
  2688.                      </template>
  2689.                    
  2690.                  
  2691.                    
  2692.                      <template x-if="22 < 10 || showAll">
  2693.                        <li>
  2694.                          <a href="/features/domain-reputation-tracking" class="text-sm text-gray-400 hover:text-white">
  2695.                            Domain Reputation Tracking
  2696.                          </a>
  2697.                        </li>
  2698.                      </template>
  2699.                    
  2700.                  
  2701.                    
  2702.                      <template x-if="23 < 10 || showAll">
  2703.                        <li>
  2704.                          <a href="/features/ip-reputation-tracking" class="text-sm text-gray-400 hover:text-white">
  2705.                            IP Reputation Tracking
  2706.                          </a>
  2707.                        </li>
  2708.                      </template>
  2709.                    
  2710.                  
  2711.                    
  2712.                      <template x-if="24 < 10 || showAll">
  2713.                        <li>
  2714.                          <a href="/features/inbox-testing-addon" class="text-sm text-gray-400 hover:text-white">
  2715.                            Inbox Testing
  2716.                          </a>
  2717.                        </li>
  2718.                      </template>
  2719.                    
  2720.                  
  2721.                    
  2722.                      <template x-if="25 < 10 || showAll">
  2723.                        <li>
  2724.                          <a href="/features/transactional-email-addon" class="text-sm text-gray-400 hover:text-white">
  2725.                            Transactional Emails
  2726.                          </a>
  2727.                        </li>
  2728.                      </template>
  2729.                    
  2730.                  
  2731.                    
  2732.                      <template x-if="26 < 10 || showAll">
  2733.                        <li>
  2734.                          <a href="/features/auto-warmup" class="text-sm text-gray-400 hover:text-white">
  2735.                            Auto Warmup
  2736.                          </a>
  2737.                        </li>
  2738.                      </template>
  2739.                    
  2740.                  
  2741.                    
  2742.                      <template x-if="27 < 10 || showAll">
  2743.                        <li>
  2744.                          <a href="/features/bot-open-click-tracker" class="text-sm text-gray-400 hover:text-white">
  2745.                            Bot Open/Click Tracker
  2746.                          </a>
  2747.                        </li>
  2748.                      </template>
  2749.                    
  2750.                  
  2751.                    
  2752.                      <template x-if="28 < 10 || showAll">
  2753.                        <li>
  2754.                          <a href="/features/campaign-ttl" class="text-sm text-gray-400 hover:text-white">
  2755.                            Campaign TTL
  2756.                          </a>
  2757.                        </li>
  2758.                      </template>
  2759.                    
  2760.                  
  2761.                    
  2762.                      <template x-if="29 < 10 || showAll">
  2763.                        <li>
  2764.                          <a href="/features/custom-reply" class="text-sm text-gray-400 hover:text-white">
  2765.                            Custom Reply
  2766.                          </a>
  2767.                        </li>
  2768.                      </template>
  2769.                    
  2770.                  
  2771.                    
  2772.                      <template x-if="30 < 10 || showAll">
  2773.                        <li>
  2774.                          <a href="/features/keyboard-shortcuts" class="text-sm text-gray-400 hover:text-white">
  2775.                            Keyboard Shortcuts
  2776.                          </a>
  2777.                        </li>
  2778.                      </template>
  2779.                    
  2780.                  
  2781.                    
  2782.                      <template x-if="31 < 10 || showAll">
  2783.                        <li>
  2784.                          <a href="/features/mx-routing" class="text-sm text-gray-400 hover:text-white">
  2785.                            MX Routing
  2786.                          </a>
  2787.                        </li>
  2788.                      </template>
  2789.                    
  2790.                  
  2791.                    
  2792.                      <template x-if="32 < 10 || showAll">
  2793.                        <li>
  2794.                          <a href="/features/read-skimmed-glanced" class="text-sm text-gray-400 hover:text-white">
  2795.                            Read, Skimmed & Glanced Stats
  2796.                          </a>
  2797.                        </li>
  2798.                      </template>
  2799.                    
  2800.                  
  2801.                    
  2802.                      <template x-if="33 < 10 || showAll">
  2803.                        <li>
  2804.                          <a href="/features/spread-sending" class="text-sm text-gray-400 hover:text-white">
  2805.                            Spread Sending
  2806.                          </a>
  2807.                        </li>
  2808.                      </template>
  2809.                    
  2810.                  
  2811.                    
  2812.                      <template x-if="34 < 10 || showAll">
  2813.                        <li>
  2814.                          <a href="/features/bulk-action" class="text-sm text-gray-400 hover:text-white">
  2815.                            Bulk Actions
  2816.                          </a>
  2817.                        </li>
  2818.                      </template>
  2819.                    
  2820.                  
  2821.                    
  2822.                      <template x-if="35 < 10 || showAll">
  2823.                        <li>
  2824.                          <a href="/features/drag-drop-editor" class="text-sm text-gray-400 hover:text-white">
  2825.                            Drag & Drop Editor
  2826.                          </a>
  2827.                        </li>
  2828.                      </template>
  2829.                    
  2830.                  
  2831.                    
  2832.                      <template x-if="36 < 10 || showAll">
  2833.                        <li>
  2834.                          <a href="/features/webhook-support" class="text-sm text-gray-400 hover:text-white">
  2835.                            Webhook Support
  2836.                          </a>
  2837.                        </li>
  2838.                      </template>
  2839.                    
  2840.                  
  2841.                </ul>
  2842.                
  2843.                  <button
  2844.                    x-show="!showAll"
  2845.                    x-on:click="showAll = true"
  2846.                    class="mt-4 text-sm text-brand-primary hover:underline"
  2847.                  >
  2848.                    Show more
  2849.                  </button>
  2850.                
  2851.              </div>
  2852.            </div>
  2853.          
  2854.            <div>
  2855.              <h3 class="text-sm font-semibold text-white mb-4">Resources</h3>
  2856.              <div x-data="{ showAll: false }">
  2857.                <ul role="list" class="space-y-4">
  2858.                  
  2859.                    
  2860.                      <template x-if="0 < 10 || showAll">
  2861.                        <li>
  2862.                          <a href="/email-templates" class="text-sm text-gray-400 hover:text-white">
  2863.                            Email Templates
  2864.                          </a>
  2865.                        </li>
  2866.                      </template>
  2867.                    
  2868.                  
  2869.                    
  2870.                      <template x-if="1 < 10 || showAll">
  2871.                        <li>
  2872.                          <a href="/industries" class="text-sm text-gray-400 hover:text-white">
  2873.                            Industries
  2874.                          </a>
  2875.                        </li>
  2876.                      </template>
  2877.                    
  2878.                  
  2879.                    
  2880.                      <template x-if="2 < 10 || showAll">
  2881.                        <li>
  2882.                          <a href="/blogs" class="text-sm text-gray-400 hover:text-white">
  2883.                            Blogs
  2884.                          </a>
  2885.                        </li>
  2886.                      </template>
  2887.                    
  2888.                  
  2889.                    
  2890.                      <template x-if="3 < 10 || showAll">
  2891.                        <li>
  2892.                          <a href="/addons" class="text-sm text-gray-400 hover:text-white">
  2893.                            Addons
  2894.                          </a>
  2895.                        </li>
  2896.                      </template>
  2897.                    
  2898.                  
  2899.                    
  2900.                      <template x-if="4 < 10 || showAll">
  2901.                        <li>
  2902.                          <a href="/integrations" class="text-sm text-gray-400 hover:text-white">
  2903.                            Integrations
  2904.                          </a>
  2905.                        </li>
  2906.                      </template>
  2907.                    
  2908.                  
  2909.                    
  2910.                      <template x-if="5 < 10 || showAll">
  2911.                        <li>
  2912.                          <a href="/case-studies" class="text-sm text-gray-400 hover:text-white">
  2913.                            Case Studies
  2914.                          </a>
  2915.                        </li>
  2916.                      </template>
  2917.                    
  2918.                  
  2919.                </ul>
  2920.                
  2921.              </div>
  2922.            </div>
  2923.          
  2924.            <div>
  2925.              <h3 class="text-sm font-semibold text-white mb-4">How We Compare</h3>
  2926.              <div x-data="{ showAll: false }">
  2927.                <ul role="list" class="space-y-4">
  2928.                  
  2929.                    
  2930.                      <template x-if="0 < 10 || showAll">
  2931.                        <li>
  2932.                          <a href="/comparisons" class="text-sm text-gray-400 hover:text-white">
  2933.                            All Comparisons
  2934.                          </a>
  2935.                        </li>
  2936.                      </template>
  2937.                    
  2938.                  
  2939.                    
  2940.                      <template x-if="1 < 10 || showAll">
  2941.                        <li>
  2942.                          <a href="/comparisons/mailchimp-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2943.                            Mailchimp vs SendX
  2944.                          </a>
  2945.                        </li>
  2946.                      </template>
  2947.                    
  2948.                  
  2949.                    
  2950.                      <template x-if="2 < 10 || showAll">
  2951.                        <li>
  2952.                          <a href="/comparisons/activecampaign-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2953.                            ActiveCampaign vs SendX
  2954.                          </a>
  2955.                        </li>
  2956.                      </template>
  2957.                    
  2958.                  
  2959.                    
  2960.                      <template x-if="3 < 10 || showAll">
  2961.                        <li>
  2962.                          <a href="/comparisons/constantcontact-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2963.                            Constant Contact vs SendX
  2964.                          </a>
  2965.                        </li>
  2966.                      </template>
  2967.                    
  2968.                  
  2969.                    
  2970.                      <template x-if="4 < 10 || showAll">
  2971.                        <li>
  2972.                          <a href="/comparisons/klaviyo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2973.                            Klaviyo vs SendX
  2974.                          </a>
  2975.                        </li>
  2976.                      </template>
  2977.                    
  2978.                  
  2979.                    
  2980.                      <template x-if="5 < 10 || showAll">
  2981.                        <li>
  2982.                          <a href="/comparisons/mailerlite-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2983.                            Mailerlite vs SendX
  2984.                          </a>
  2985.                        </li>
  2986.                      </template>
  2987.                    
  2988.                  
  2989.                    
  2990.                      <template x-if="6 < 10 || showAll">
  2991.                        <li>
  2992.                          <a href="/comparisons/brevo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  2993.                            Brevo vs SendX
  2994.                          </a>
  2995.                        </li>
  2996.                      </template>
  2997.                    
  2998.                  
  2999.                    
  3000.                      <template x-if="7 < 10 || showAll">
  3001.                        <li>
  3002.                          <a href="/comparisons/omnisend-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3003.                            Omnisend vs SendX
  3004.                          </a>
  3005.                        </li>
  3006.                      </template>
  3007.                    
  3008.                  
  3009.                    
  3010.                      <template x-if="8 < 10 || showAll">
  3011.                        <li>
  3012.                          <a href="/comparisons/seguno-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3013.                            Seguno vs SendX
  3014.                          </a>
  3015.                        </li>
  3016.                      </template>
  3017.                    
  3018.                  
  3019.                    
  3020.                      <template x-if="9 < 10 || showAll">
  3021.                        <li>
  3022.                          <a href="/comparisons/aweber-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3023.                            Aweber vs SendX
  3024.                          </a>
  3025.                        </li>
  3026.                      </template>
  3027.                    
  3028.                  
  3029.                    
  3030.                      <template x-if="10 < 10 || showAll">
  3031.                        <li>
  3032.                          <a href="/comparisons/mailjet-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3033.                            Mailjet vs SendX
  3034.                          </a>
  3035.                        </li>
  3036.                      </template>
  3037.                    
  3038.                  
  3039.                    
  3040.                      <template x-if="11 < 10 || showAll">
  3041.                        <li>
  3042.                          <a href="/comparisons/mailmodo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3043.                            Mailmodo vs SendX
  3044.                          </a>
  3045.                        </li>
  3046.                      </template>
  3047.                    
  3048.                  
  3049.                    
  3050.                      <template x-if="12 < 10 || showAll">
  3051.                        <li>
  3052.                          <a href="/comparisons/privy-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3053.                            Privy vs SendX
  3054.                          </a>
  3055.                        </li>
  3056.                      </template>
  3057.                    
  3058.                  
  3059.                    
  3060.                      <template x-if="13 < 10 || showAll">
  3061.                        <li>
  3062.                          <a href="/comparisons/hubspot-email-marketing-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3063.                            HubSpot Email Marketing vs SendX
  3064.                          </a>
  3065.                        </li>
  3066.                      </template>
  3067.                    
  3068.                  
  3069.                    
  3070.                      <template x-if="14 < 10 || showAll">
  3071.                        <li>
  3072.                          <a href="/comparisons/email-octopus-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3073.                            Email Octopus vs SendX
  3074.                          </a>
  3075.                        </li>
  3076.                      </template>
  3077.                    
  3078.                  
  3079.                    
  3080.                      <template x-if="15 < 10 || showAll">
  3081.                        <li>
  3082.                          <a href="/comparisons/customer-io-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3083.                            Customer.io vs SendX
  3084.                          </a>
  3085.                        </li>
  3086.                      </template>
  3087.                    
  3088.                  
  3089.                    
  3090.                      <template x-if="16 < 10 || showAll">
  3091.                        <li>
  3092.                          <a href="/comparisons/kit-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3093.                            ConvertKit vs SendX
  3094.                          </a>
  3095.                        </li>
  3096.                      </template>
  3097.                    
  3098.                  
  3099.                    
  3100.                      <template x-if="17 < 10 || showAll">
  3101.                        <li>
  3102.                          <a href="/comparisons/cleverreach-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3103.                            CleverReach vs SendX
  3104.                          </a>
  3105.                        </li>
  3106.                      </template>
  3107.                    
  3108.                  
  3109.                    
  3110.                      <template x-if="18 < 10 || showAll">
  3111.                        <li>
  3112.                          <a href="/comparisons/automizy-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3113.                            Automizy vs SendX
  3114.                          </a>
  3115.                        </li>
  3116.                      </template>
  3117.                    
  3118.                  
  3119.                    
  3120.                      <template x-if="19 < 10 || showAll">
  3121.                        <li>
  3122.                          <a href="/comparisons/buttondown-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3123.                            Buttondown vs SendX
  3124.                          </a>
  3125.                        </li>
  3126.                      </template>
  3127.                    
  3128.                  
  3129.                    
  3130.                      <template x-if="20 < 10 || showAll">
  3131.                        <li>
  3132.                          <a href="/comparisons/campaign-monitor-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3133.                            Campaign Monitor vs SendX
  3134.                          </a>
  3135.                        </li>
  3136.                      </template>
  3137.                    
  3138.                  
  3139.                    
  3140.                      <template x-if="21 < 10 || showAll">
  3141.                        <li>
  3142.                          <a href="/comparisons/contentful-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3143.                            Contentful vs SendX
  3144.                          </a>
  3145.                        </li>
  3146.                      </template>
  3147.                    
  3148.                  
  3149.                    
  3150.                      <template x-if="22 < 10 || showAll">
  3151.                        <li>
  3152.                          <a href="/comparisons/kit-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3153.                            ConvertKit vs SendX
  3154.                          </a>
  3155.                        </li>
  3156.                      </template>
  3157.                    
  3158.                  
  3159.                    
  3160.                      <template x-if="23 < 10 || showAll">
  3161.                        <li>
  3162.                          <a href="/comparisons/eloqua-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3163.                            Eloqua vs SendX
  3164.                          </a>
  3165.                        </li>
  3166.                      </template>
  3167.                    
  3168.                  
  3169.                    
  3170.                      <template x-if="24 < 10 || showAll">
  3171.                        <li>
  3172.                          <a href="/comparisons/flodesk-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3173.                            Flodesk vs SendX
  3174.                          </a>
  3175.                        </li>
  3176.                      </template>
  3177.                    
  3178.                  
  3179.                    
  3180.                      <template x-if="25 < 10 || showAll">
  3181.                        <li>
  3182.                          <a href="/comparisons/getresponse-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3183.                            GetResponse vs SendX
  3184.                          </a>
  3185.                        </li>
  3186.                      </template>
  3187.                    
  3188.                  
  3189.                    
  3190.                      <template x-if="26 < 10 || showAll">
  3191.                        <li>
  3192.                          <a href="/comparisons/ghost-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3193.                            Ghost vs SendX
  3194.                          </a>
  3195.                        </li>
  3196.                      </template>
  3197.                    
  3198.                  
  3199.                    
  3200.                      <template x-if="27 < 10 || showAll">
  3201.                        <li>
  3202.                          <a href="/comparisons/gist-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3203.                            Gist vs SendX
  3204.                          </a>
  3205.                        </li>
  3206.                      </template>
  3207.                    
  3208.                  
  3209.                    
  3210.                      <template x-if="28 < 10 || showAll">
  3211.                        <li>
  3212.                          <a href="/comparisons/keap-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3213.                            Keap vs SendX
  3214.                          </a>
  3215.                        </li>
  3216.                      </template>
  3217.                    
  3218.                  
  3219.                    
  3220.                      <template x-if="29 < 10 || showAll">
  3221.                        <li>
  3222.                          <a href="/comparisons/marketo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3223.                            Marketo vs SendX
  3224.                          </a>
  3225.                        </li>
  3226.                      </template>
  3227.                    
  3228.                  
  3229.                    
  3230.                      <template x-if="30 < 10 || showAll">
  3231.                        <li>
  3232.                          <a href="/comparisons/medium-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3233.                            Medium vs SendX
  3234.                          </a>
  3235.                        </li>
  3236.                      </template>
  3237.                    
  3238.                  
  3239.                    
  3240.                      <template x-if="31 < 10 || showAll">
  3241.                        <li>
  3242.                          <a href="/comparisons/drip-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3243.                            Drip vs SendX
  3244.                          </a>
  3245.                        </li>
  3246.                      </template>
  3247.                    
  3248.                  
  3249.                    
  3250.                      <template x-if="32 < 10 || showAll">
  3251.                        <li>
  3252.                          <a href="/comparisons/moonmail-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3253.                            MoonMail vs SendX
  3254.                          </a>
  3255.                        </li>
  3256.                      </template>
  3257.                    
  3258.                  
  3259.                    
  3260.                      <template x-if="33 < 10 || showAll">
  3261.                        <li>
  3262.                          <a href="/comparisons/moosend-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3263.                            Moosend vs SendX
  3264.                          </a>
  3265.                        </li>
  3266.                      </template>
  3267.                    
  3268.                  
  3269.                    
  3270.                      <template x-if="34 < 10 || showAll">
  3271.                        <li>
  3272.                          <a href="/comparisons/newspack-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3273.                            Newspack vs SendX
  3274.                          </a>
  3275.                        </li>
  3276.                      </template>
  3277.                    
  3278.                  
  3279.                    
  3280.                      <template x-if="35 < 10 || showAll">
  3281.                        <li>
  3282.                          <a href="/comparisons/ontraport-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3283.                            Ontraport vs SendX
  3284.                          </a>
  3285.                        </li>
  3286.                      </template>
  3287.                    
  3288.                  
  3289.                    
  3290.                      <template x-if="36 < 10 || showAll">
  3291.                        <li>
  3292.                          <a href="/comparisons/pabbly-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3293.                            Pabbly vs SendX
  3294.                          </a>
  3295.                        </li>
  3296.                      </template>
  3297.                    
  3298.                  
  3299.                    
  3300.                      <template x-if="37 < 10 || showAll">
  3301.                        <li>
  3302.                          <a href="/comparisons/sailthru-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3303.                            Sailthru vs SendX
  3304.                          </a>
  3305.                        </li>
  3306.                      </template>
  3307.                    
  3308.                  
  3309.                    
  3310.                      <template x-if="38 < 10 || showAll">
  3311.                        <li>
  3312.                          <a href="/comparisons/sendfox-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3313.                            SendFox vs SendX
  3314.                          </a>
  3315.                        </li>
  3316.                      </template>
  3317.                    
  3318.                  
  3319.                    
  3320.                      <template x-if="39 < 10 || showAll">
  3321.                        <li>
  3322.                          <a href="/comparisons/squarespace-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3323.                            Squarespace vs SendX
  3324.                          </a>
  3325.                        </li>
  3326.                      </template>
  3327.                    
  3328.                  
  3329.                    
  3330.                      <template x-if="40 < 10 || showAll">
  3331.                        <li>
  3332.                          <a href="/comparisons/substack-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3333.                            Substack vs SendX
  3334.                          </a>
  3335.                        </li>
  3336.                      </template>
  3337.                    
  3338.                  
  3339.                    
  3340.                      <template x-if="41 < 10 || showAll">
  3341.                        <li>
  3342.                          <a href="/comparisons/webflow-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3343.                            Webflow vs SendX
  3344.                          </a>
  3345.                        </li>
  3346.                      </template>
  3347.                    
  3348.                  
  3349.                    
  3350.                      <template x-if="42 < 10 || showAll">
  3351.                        <li>
  3352.                          <a href="/comparisons/wix-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3353.                            Wix vs SendX
  3354.                          </a>
  3355.                        </li>
  3356.                      </template>
  3357.                    
  3358.                  
  3359.                    
  3360.                      <template x-if="43 < 10 || showAll">
  3361.                        <li>
  3362.                          <a href="/comparisons/wordpress-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3363.                            WordPress vs SendX
  3364.                          </a>
  3365.                        </li>
  3366.                      </template>
  3367.                    
  3368.                  
  3369.                    
  3370.                      <template x-if="44 < 10 || showAll">
  3371.                        <li>
  3372.                          <a href="/comparisons/yotpo-vs-sendx" class="text-sm text-gray-400 hover:text-white">
  3373.                            Yotpo vs SendX
  3374.                          </a>
  3375.                        </li>
  3376.                      </template>
  3377.                    
  3378.                  
  3379.                </ul>
  3380.                
  3381.                  <button
  3382.                    x-show="!showAll"
  3383.                    x-on:click="showAll = true"
  3384.                    class="mt-4 text-sm text-brand-primary hover:underline"
  3385.                  >
  3386.                    Show more
  3387.                  </button>
  3388.                
  3389.              </div>
  3390.            </div>
  3391.          
  3392.            <div>
  3393.              <h3 class="text-sm font-semibold text-white mb-4">Company</h3>
  3394.              <div x-data="{ showAll: false }">
  3395.                <ul role="list" class="space-y-4">
  3396.                  
  3397.                    
  3398.                      <template x-if="0 < 10 || showAll">
  3399.                        <li>
  3400.                          <a href="/" class="text-sm text-gray-400 hover:text-white">
  3401.                            Home
  3402.                          </a>
  3403.                        </li>
  3404.                      </template>
  3405.                    
  3406.                  
  3407.                    
  3408.                      <template x-if="1 < 10 || showAll">
  3409.                        <li>
  3410.                          <a href="/pricing" class="text-sm text-gray-400 hover:text-white">
  3411.                            Pricing
  3412.                          </a>
  3413.                        </li>
  3414.                      </template>
  3415.                    
  3416.                  
  3417.                    
  3418.                      <template x-if="2 < 10 || showAll">
  3419.                        <li>
  3420.                          <a href="/features" class="text-sm text-gray-400 hover:text-white">
  3421.                            Features
  3422.                          </a>
  3423.                        </li>
  3424.                      </template>
  3425.                    
  3426.                  
  3427.                    
  3428.                      <template x-if="3 < 10 || showAll">
  3429.                        <li>
  3430.                          <a href="https://support.sendx.io/en/" class="text-sm text-gray-400 hover:text-white">
  3431.                            Help
  3432.                          </a>
  3433.                        </li>
  3434.                      </template>
  3435.                    
  3436.                  
  3437.                    
  3438.                      <template x-if="4 < 10 || showAll">
  3439.                        <li>
  3440.                          <a href="/about-us" class="text-sm text-gray-400 hover:text-white">
  3441.                            About Us
  3442.                          </a>
  3443.                        </li>
  3444.                      </template>
  3445.                    
  3446.                  
  3447.                    
  3448.                      <template x-if="5 < 10 || showAll">
  3449.                        <li>
  3450.                          <a href="/demo" class="text-sm text-gray-400 hover:text-white">
  3451.                            Book a Demo
  3452.                          </a>
  3453.                        </li>
  3454.                      </template>
  3455.                    
  3456.                  
  3457.                    
  3458.                      <template x-if="6 < 10 || showAll">
  3459.                        <li>
  3460.                          <a href="/affiliate-program" class="text-sm text-gray-400 hover:text-white">
  3461.                            Affiliate Program
  3462.                          </a>
  3463.                        </li>
  3464.                      </template>
  3465.                    
  3466.                  
  3467.                    
  3468.                      <template x-if="7 < 10 || showAll">
  3469.                        <li>
  3470.                          <a href="/authors" class="text-sm text-gray-400 hover:text-white">
  3471.                            Authors
  3472.                          </a>
  3473.                        </li>
  3474.                      </template>
  3475.                    
  3476.                  
  3477.                    
  3478.                      <template x-if="8 < 10 || showAll">
  3479.                        <li>
  3480.                          <a href="/terms-and-conditions" class="text-sm text-gray-400 hover:text-white">
  3481.                            Terms and Conditions
  3482.                          </a>
  3483.                        </li>
  3484.                      </template>
  3485.                    
  3486.                  
  3487.                    
  3488.                      <template x-if="9 < 10 || showAll">
  3489.                        <li>
  3490.                          <a href="/privacy-policy" class="text-sm text-gray-400 hover:text-white">
  3491.                            Privacy Policy
  3492.                          </a>
  3493.                        </li>
  3494.                      </template>
  3495.                    
  3496.                  
  3497.                </ul>
  3498.                
  3499.              </div>
  3500.            </div>
  3501.          
  3502.        </div>
  3503.      </div>
  3504.    </div>
  3505.    <div class="mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24">
  3506.      <p class="text-sm/6 text-gray-400">
  3507.        © 2025 SendX. All rights reserved.
  3508.      </p>
  3509.    </div>
  3510.  </div>
  3511. </div>
  3512.  
  3513.            
  3514.  
  3515.        </footer>
  3516.                            
  3517. <script type="text/javascript">
  3518.  var _scq = _scq || [];
  3519.  var _scs = _scs || {};
  3520.  _scs.teamId = "zDG7ohATZ1SbzXGVUgnTgD";
  3521.  
  3522.  (function() {
  3523.    var dc = document.createElement('script');
  3524.    dc.type = 'text/javascript';
  3525.    dc.async = true;
  3526.    dc.src = '//cdn.sendx.io/prod/zDG7ohATZ1SbzXGVUgnTgD.js';
  3527.    var s = document.getElementsByTagName('script')[0];
  3528.    s.parentNode.insertBefore(dc, s);
  3529.  })();
  3530. </script>
  3531.    </body>
  3532. </html>
  3533.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda