<!DOCTYPE html>
<html lang="en" itemscope itemtype="https://schema.org/FAQPage">
<head>
    <meta charset="utf-8" />
<meta name="csrf-token" content="B9JbbehlUZTBJSrVy5oKJ2VYqZSGofz8sO7HivUV" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<link rel="icon" href="/favicon.ico" />
<link rel="manifest" href="/manifest.json" />

<title>Pricing | SocialBu</title>


<style id="critical_css">
    *,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:sans-serif;line-height:1.15}body{background:#fff;color:#465166;font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.5;margin:0}header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{margin-top:0}h1,h2,h3,h4,h5,h6{color:#1e283b;font-family:"DM Sans",Arial,sans-serif;font-weight:600;line-height:1.4;margin-bottom:.5rem}h1{font-size:2.75rem}h2{font-size:2.25rem}p{margin-bottom:1rem}a{background-color:transparent;color:#0557f0;text-decoration:none}img{border-style:none;height:auto;max-width:100%;vertical-align:middle}.ph,.ph-fill{font-style:normal}.container,.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.col-12,.col-6,.col-md-6,.col-md-12,.col-lg-6{padding-left:15px;padding-right:15px;position:relative;width:100%}.col-6{flex:0 0 50%;max-width:50%}.col-12{flex:0 0 100%;max-width:100%}.d-none{display:none!important}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.justify-content-center{justify-content:center!important}.text-center{text-align:center!important}.position-relative{position:relative!important}.w-100{width:100%!important}.btn{border:1px solid transparent;border-radius:8px;display:inline-block;font-family:inherit;font-weight:500;line-height:1.5;padding:10px 18px;text-align:center}.btn-primary{background:#0557f0;border-color:#0557f0;color:#fff}.btn-outline-primary{background:transparent;border-color:#0557f0;color:#0557f0}.btn-sm{font-size:.875rem;padding:8px 16px}.btn-lg{font-size:1rem;padding:12px 20px}.navbar{align-items:center;display:flex;min-height:50px;padding:.5rem 1rem;position:relative}.header{padding-bottom:80px;padding-top:80px}.section{padding-bottom:5rem;padding-top:5rem}.display-1{font-family:"Plus Jakarta Sans","DM Sans",Arial,sans-serif;font-size:4rem;font-weight:800;line-height:1.2}.lead-2{font-size:1.25rem}.bg-white{background:#fff!important}.bg-light{background:#f9fafc!important}.text-primary{color:#0557f0!important}.mb-0{margin-bottom:0!important}.mb-3{margin-bottom:1rem!important}.mt-4{margin-top:1rem!important}.p-0{padding:0!important}.px-20{padding-left:20px!important;padding-right:20px!important}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-12{flex:0 0 100%;max-width:100%}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-none{display:none!important}.text-md-left{text-align:left!important}}@media(min-width:992px){.container{max-width:960px}.col-lg-6{flex:0 0 50%;max-width:50%}.text-lg-left{text-align:left!important}.justify-content-lg-start{justify-content:flex-start!important}}@media(min-width:1200px){.container{max-width:1140px}}@media(max-width:1200px){h1{font-size:calc(1.4rem + 1.8vw)}.display-1{font-size:calc(1.525rem + 3.3vw)}}@media(max-width:767.98px){.d-md-block,.d-md-flex{display:none!important}.header,.section{padding-bottom:3rem;padding-top:3rem}}
</style>

        <link rel="stylesheet" href="https://socialbu.com/build/assets/new-main-0be9b512.css" onload="var criticalCss=document.getElementById('critical_css');if(criticalCss&&criticalCss.parentNode){criticalCss.parentNode.removeChild(criticalCss);}" />
    <noscript><link rel="stylesheet" href="https://socialbu.com/build/assets/new-main-0be9b512.css" /></noscript>

    <meta name="description" content="SocialBu offers simple and affordable plans for teams and businesses of every size, with publishing, automation, analytics, and social listening on select plans. Start with a free 7-day trial!" />
    <link rel="canonical" href="https://socialbu.com/pricing" />
    <link rel="alternate" type="text/markdown" href="https://socialbu.com/pricing.md" />

    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="SocialBu: Pricing" />
    <meta property="og:description" content="SocialBu offers simple and affordable plans for teams and businesses of every size, with publishing, automation, analytics, and social listening on select plans. Start with a free 7-day trial!" />
    <meta property="og:url" content="https://socialbu.com/pricing" />
    <meta property="og:site_name" content="SocialBu" />
    <meta property="og:image" content="https://socialbu.com/images/site/link-preview-for-homepage.webp" />
    <meta property="fb:app_id" content="1868052633427992" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:image" content="https://socialbu.com/images/site/link-preview-for-homepage.webp" />
    <meta name="twitter:title" content="SocialBu: Pricing" />
    <meta name="twitter:description" content="SocialBu offers simple and affordable plans for teams and businesses of every size, with publishing, automation, analytics, and social listening on select plans. Start with a free 7-day trial!" />
    <meta name="twitter:site" content="@socialbuapp" />

    <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Which plan is right for me?","acceptedAnswer":{"@type":"Answer","text":"Choose based on how many accounts you manage, how often you publish, and whether you need collaboration, automation, or social listening features. Free Try SocialBu with up to 3 social accounts and 10 lifetime posts. Starter A good fit for solo marketers and small businesses that need up to 8 accounts and 750 monthly posts. Growth Built for growing teams that want more accounts, automation, collaboration, and social listening. Agency Designed for agencies and larger businesses managing many brands, with higher limits and up to 50 accounts."}},{"@type":"Question","name":"Does SocialBu have a free trial for paid plans?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every paid plan starts with a 7-day free trial, so you can explore the features before you are billed."}},{"@type":"Question","name":"Which social channels does SocialBu support?","acceptedAnswer":{"@type":"Answer","text":"SocialBu supports X (Twitter), Facebook, LinkedIn, Instagram, Google Business Profile, YouTube, Reddit, Pinterest, Mastodon, Threads, TikTok, and Bluesky."}},{"@type":"Question","name":"What payment methods do you support?","acceptedAnswer":{"@type":"Answer","text":"We accept major debit and credit cards, including Visa, Mastercard, Discover, JCB, and American Express."}},{"@type":"Question","name":"Is my data secure with SocialBu?","acceptedAnswer":{"@type":"Answer","text":"Yes. We protect your data using industry-standard encryption and secure infrastructure. You can also review our Privacy Policy for more details."}},{"@type":"Question","name":"Can I switch between monthly and annual billing?","acceptedAnswer":{"@type":"Answer","text":"Yes, you can switch between monthly and annual billing anytime. Annual billing gives you a lower effective monthly price and saves about 25% compared to paying monthly."}},{"@type":"Question","name":"Can I invite my team to collaborate in SocialBu?","acceptedAnswer":{"@type":"Answer","text":"Yes. Team collaboration is available on plans that include team members, making it easier to review posts, manage approvals, and work together from one shared workspace."}},{"@type":"Question","name":"Do you offer any discounts for non-profits?","acceptedAnswer":{"@type":"Answer","text":"Yes, we offer discounts for NGOs and non-profits. Contact support@socialbu.com to learn more."}}]}</script>

<link rel="alternate" type="application/rss+xml" title="SocialBu Blog" href="https://socialbu.com/blog/feed.xml" />




<meta name="sentry-trace" content="d7f926e859634480ad8449669cac1770-c72882eec7204106-0"/>
</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W4ZPBDF"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

    <nav class="navbar navbar-expand-lg navbar-light pb-20" id="navbar_main">
    <div class="container"> 
        <a class="navbar-brand mr-7 pr-7 d-md-block d-none pt-1" href="/">
            <img src="/images/redesign/logo.svg" alt="SocialBu" title="SocialBu" height="28" width="138"/>
        </a>
        <a class="navbar-brand mr-7 d-md-none ml-1" href="/">
            <img src="/images/redesign/logo.svg" alt="SocialBu" title="SocialBu" height="28" width="138"/>
        </a>
                    <a class="btn btn-outline-primary btn-xs d-md-none" href="https://socialbu.com/auth/register" id="cta_signup_navbar_mobile">
                Sign Up
            </a>
                <button id="menu_toggle_mobile" class="btn btn-outline btn-sm d-lg-none p-1" type="button" data-toggle="collapse" data-target="#menu_content" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <i class="ph ph-list ph-lg"></i>
        </button>
        <div class="collapse navbar-collapse nav-menu-mob" id="menu_content">
            <ul class="nav nav-navbar navbar-nav ml-0">

                <li class="nav-item dropdown dropdown-fullwidth mr-6">
                    <a class="nav-link nav-link-color dropdown-toggle border-top-hover px-0"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" onclick="return false;">Product</a>
                    <div class="header-dropdown-menu dropdown-menu mt-0 products-nav-dropdown">
                        <div class="container-fluid px-0">
                            <div class="row no-gutters align-items-stretch" id="product_menu_contents">
                                <div class="col-lg d-flex flex-column">
                                    <a href="/publish" class="product-menu-item cursor-pointer dropdown-item d-flex align-items-start flex-fill text-wrap px-4 py-3">
                                        <span class="product-menu-icon d-inline-flex align-items-center justify-content-center flex-shrink-0 mr-2"><i class="ph ph-paper-plane-tilt ph-lg"></i></span>
                                        <div class="w-100">
                                            <p class="font-weight-500 mb-2">Publish</p>
                                            <p class="product-description mb-0">Schedule, preview, recycle, <br /> and bulk schedule posts</p>
                                        </div>
                                    </a>
                                    <a href="/respond" class="product-menu-item cursor-pointer dropdown-item d-flex align-items-start flex-fill text-wrap px-4 py-3">
                                        <span class="product-menu-icon d-inline-flex align-items-center justify-content-center flex-shrink-0 mr-2"><i class="ph ph-chat-text ph-lg"></i></span>
                                        <div class="w-100">
                                            <p class="font-weight-500 mb-2">Respond</p>
                                            <p class="product-description mb-0">Messages, comments, reviews, <br /> and mentions</p>
                                        </div>
                                    </a>
                                    <a href="/listen" class="product-menu-item cursor-pointer dropdown-item d-flex align-items-start flex-fill text-wrap px-4 py-3">
                                        <span class="product-menu-icon d-inline-flex align-items-center justify-content-center flex-shrink-0 mr-2"><i class="ph ph-broadcast ph-lg"></i></span>
                                        <div class="w-100">
                                            <p class="font-weight-500 mb-2">Listen</p>
                                            <p class="product-description mb-0">Track keywords, mentions, <br /> and conversations</p>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg d-flex flex-column">
                                    <a href="/curate" class="product-menu-item cursor-pointer dropdown-item d-flex align-items-start flex-fill text-wrap px-4 py-3">
                                        <span class="product-menu-icon d-inline-flex align-items-center justify-content-center flex-shrink-0 mr-2"><i class="ph ph-list-magnifying-glass ph-lg"></i></span>
                                        <div class="w-100">
                                            <p class="font-weight-500 mb-2">Curate</p>
                                            <p class="product-description mb-0">Discover and share content <br /> with advanced filters</p>
                                        </div>
                                    </a>
                                    <a class="product-menu-item cursor-pointer dropdown-item d-flex align-items-start flex-fill text-wrap px-4 py-3" href="/analyze">
                                        <span class="product-menu-icon d-inline-flex align-items-center justify-content-center flex-shrink-0 mr-2"><i class="ph ph-chart-line ph-lg"></i></span>
                                        <div class="w-100">
                                            <p class="font-weight-500 mb-2">Analyze</p>
                                            <p class="product-description mb-0">Post, account, and network <br /> performance</p>
                                        </div>
                                    </a>
                                    <a class="product-menu-item cursor-pointer dropdown-item d-flex align-items-start flex-fill text-wrap px-4 py-3" href="/automate">
                                        <span class="product-menu-icon d-inline-flex align-items-center justify-content-center flex-shrink-0 mr-2"><i class="ph ph-repeat ph-lg"></i></span>
                                        <div class="w-100">
                                            <p class="font-weight-500 mb-2">Automate</p>
                                            <p class="product-description mb-0">RSS posting, webhooks, <br /> and auto replies</p>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg d-flex flex-column product-menu-secondary ml-lg-2 pl-lg-2">
                                    <a href="/ai" class="product-menu-item cursor-pointer dropdown-item d-flex align-items-start flex-fill text-wrap px-4 py-3">
                                        <span class="product-menu-icon d-inline-flex align-items-center justify-content-center flex-shrink-0 mr-2"><i class="ph ph-sparkle ph-lg"></i></span>
                                        <div class="w-100">
                                            <p class="font-weight-500 mb-2">AI Features</p>
                                            <p class="product-description mb-0">Create, improve, and <br /> reuse content with AI</p>
                                        </div>
                                    </a>
                                    <a href="/mcp-server" class="product-menu-item cursor-pointer dropdown-item d-flex align-items-start flex-fill text-wrap px-4 py-3">
                                        <span class="product-menu-icon d-inline-flex align-items-center justify-content-center flex-shrink-0 mr-2"><i class="ph ph-plugs-connected ph-lg"></i></span>
                                        <div class="w-100">
                                            <p class="font-weight-500 mb-2">MCP Server</p>
                                            <p class="product-description mb-0">Connect AI assistants <br /> to SocialBu</p>
                                        </div>
                                    </a>
                                    <a class="product-menu-item cursor-pointer dropdown-item d-flex align-items-start flex-fill text-wrap px-4 py-3" href="/collaborate">
                                        <span class="product-menu-icon d-inline-flex align-items-center justify-content-center flex-shrink-0 mr-2"><i class="ph ph-users ph-lg"></i></span>
                                        <div class="w-100">
                                            <p class="font-weight-500 mb-2">Team Collaboration</p>
                                            <p class="product-description mb-0">Teams, brands, approvals, <br /> and shared workspaces</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                
                <li class="nav-item mr-6">
                    <a class="nav-link border-top-hover px-0" href="/pricing">Pricing</a>
                </li>


                <li class="nav-item networks-nav dropdown mr-6">
                    <a class="nav-link nav-link-color px-0 dropdown-toggle border-top-hover"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" onclick="return false;">Platforms</a>
                    <div class="header-dropdown-menu dropdown-menu platform-menu mt-0 platforms-nav-dropdown">
                        <div class="container-fluid px-0">
                            <div class="d-flex flex-column flex-md-row justify-content-between w-100">
                                <div class="col-md-6 col-12 p-0">
                                    <a class="dropdown-item" href="/facebook"> <img class="lozad border rounded-circle border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/facebook-original.svg" alt="" width="22" height="22"> Facebook</a>
                                    <a class="dropdown-item" href="/x"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/twitter-original.svg" alt="" width="22" height="22"> X (Twitter)</a>
                                    <a class="dropdown-item" href="/instagram"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/instagram-original.svg" alt="" width="22" height="22"> Instagram</a>
                                    <a class="dropdown-item" href="/threads"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/threads-original.svg" alt="" width="22" height="22"> Threads</a>
                                    <a class="dropdown-item" href="/linkedin"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/linkedin-original.svg" alt="" width="22" height="22"> LinkedIn</a>
                                    <a class="dropdown-item d-flex" href="/tiktok"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/tiktok-original.svg" alt="" width="22" height="22"> TikTok</a>
                                </div>
                                <div class="col-md-6 col-12 p-0">
                                    <a class="dropdown-item" href="/youtube"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/youtube-original.svg" alt="" width="22" height="22">YouTube</a>
                                    <a class="dropdown-item" href="/reddit"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/reddit-original.svg" alt="" width="22" height="22"> Reddit</a>
                                    <a class="dropdown-item" href="/mastodon"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/mastodon-original.svg" alt="" width="22" height="22">Mastodon</a>
                                    <a class="dropdown-item" href="/pinterest"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/pinterest-original.svg" alt="" width="22" height="22">Pinterest</a>
                                    <a class="dropdown-item" href="/bluesky"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/bluesky-original.svg" alt="" width="22" height="22">Bluesky</a>
                                    <a class="dropdown-item" href="/google-business-profile"><img class="lozad border border-0 position-relative network-icon mr-2" src="/images/1x1.gif" data-src="/images/redesign/networks/google-original.svg" alt="" width="22" height="22"> Google Business Profile</a>
                                </div>
                        </div>
                        </div>
                    </div>
                </li>

                <li class="nav-item mr-6">
                    <a class="nav-link border-top-hover px-0" href="/tools">Free Tools</a>
                </li>

                <li class="nav-item dropdown mr-6">
                    <a class="nav-link nav-link-color px-0 dropdown-toggle border-top-hover"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" onclick="return false;">Resources</a>
                    <div class="header-dropdown-menu dropdown-menu mt-0">
                        <a class="dropdown-item" href="/blog/">Our Blog</a>
                        <a class="dropdown-item" target="_blank" href="https://updates.socialbu.com">Product Updates</a>
                        <a class="dropdown-item" target="_blank" href="https://roadmap.socialbu.com">Public Roadmap</a>
                        <a class="dropdown-item" target="_blank" href="/help">Help Articles</a>
                        <a class="dropdown-item" target="_blank" href="https://www.youtube.com/playlist?list=PLlbp-eZoSR8rpqb7L-9VXvYu1-np_1bEG">How-To Videos</a>
                    </div>
                </li>

            </ul>
            <div class="mt-2 mt-md-0 d-md-flex align-items-center ml-auto d-inline-block">
                                <a class="btn nav-link font-weight-600" href="https://socialbu.com/auth/login" id="cta_login_navbar">
                    <i class="ph ph-sign-in mr-1"></i>Login
                </a>
                    <a class="btn btn-outline-primary btn-sm mx-md-2" href="https://socialbu.com/auth/register" id="cta_signup_navbar">
                        Sign Up
                    </a>
                            </div>
        </div>
    </div>
</nav>
<div id="overlay" style="display: none"></div>

    <style>
        .choose-socialbu-card{
            border-left: dotted 2px #E4E7ED;
        }
        .super-card-price{
            border: 2px solid #0557F0;

            border-top: 2px solid #0557F0 !important;
            border-bottom: 2px solid #0557F0 !important;
        }
        .pricing-page-header-right-image{
            opacity: 0.9;
            right: 120px;
            bottom: -2px;
        }
        .pricing-page-header-left-image{
            opacity: 0.9;
            left: 120px;
            bottom: -2px;
        }
        .floatThead-container{
            left: 0px !important;
            width: 1107px !important;
        }
        .border-dotted{
            border: 1px solid transparent;
            border-image: repeating-linear-gradient(to right, #E4E7ED 0 5px, transparent 5px 9px);
            border-image-slice: 1;
        }
        .pricing-card{
            border: 2px solid #F2F4F7;
            padding: 24px;
        }
        .pricing-card-price{
            font-size: 32px !important;
            margin-bottom: 20px !important;
        }
        .super-card-button{
            color: #0557f0 !important;
        }
        .pricing-extra-card{
            max-width: 451px;
            border: 2px solid #F2F4F7;
        }
        .pricing-card-badge{
            right: 16px;
        }
        .badge-md{
            padding: 2px 12px !important;
            font-size: 14px !important;
        }
        .monthly-tag{
            margin-left: -4px !important;
            font-family: "DM Sans";
        }
        .super-card-hr-dotted{
            border: 1px solid transparent;
            border-image: repeating-linear-gradient(to right, #138ac4 0 5px, transparent 5px 9px);
            border-image-slice: 1;
        }
        @media (min-width: 768px) {
            .pricing-faq-plans::after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 1.5rem;
                left: 50%;
                border-left: 1px solid #E4E7ED;
            }
        }
        @media (max-width: 768px) {
            .header{
                padding-bottom: 0px !important;
            }
            .card-title{
                margin-bottom: 1px !important;
            }
            .table-section{
                padding-bottom: 20px !important;
            }
            .choose-socialbu-card{
                border-left: none !important;
            }
            .floatThead-container{
                width: 321.4px !important;
            }
            ::-webkit-scrollbar{
                height: 12px !important;
            }
        }
        @media (max-width: 450px) {
            .extra-card-section{
                padding-top: 25px !important;
            }
        }
    </style>
    <header class="header">
        <div class="container px-md-0 px-20">
            <div class="text-center pb-0 pb-md-2">
                <h1 class="display-1 mb-4 d-md-block d-none">
                    Find the right plan for your social media team
                </h1>
                <h3 class="display-3 mb-0 d-md-none d-block">
                    Find the right plan for your <br> social media team
                </h3>
                <p class="mt-1 mb-2 lead-2 d-md-block d-none">Start free, then upgrade for more accounts, automation, collaboration, and social listening.</p>
                <p class="mt-3 mb-3 d-md-none d-block">Start free, then upgrade for more accounts, <br> automation, collaboration, and listening.</p>
                    <div class="pt-6 mb-0 mb-md-2 d-flex justify-content-around justify-content-md-center align-items-center font-weight-500 small-2 position-relative">
                        <div>
                            <span class="pr-1 cursor-pointer" id="pricing-card-label-for-monthly-plan">Billed Monthly</span>
                            <i class="ph ph-toggle-right ph-fill ph-xl text-primary cursor-pointer" id="pricing-card-toggle-monthly" title="Disable"></i>
                            <i class="ph ph-toggle-left ph-fill ph-xl text-light cursor-pointer d-none" id="pricing-card-toggle-yearly" title="Disable"></i>
                            <span class="pl-1 pr-3 font-weight-500 small-2 cursor-pointer" id="pricing-card-label-for-yearly-plan">Billed Yearly</span>
                        </div>
                        <div class="badge badge-light bg-dark rounded-xl">
                            <span class="text-white small-2">Save 25%</span>
                        </div>
                        <!--
                        <img src="/images/1x1.gif" data-src="/images/site/pricing-page-header-left-image.png" alt="Person working" class="pricing-page-header-left-image rounded-2xl d-none d-md-block position-absolute lozad img-responsive"/>
                        <img src="/images/1x1.gif" data-src="/images/site/pricing-page-header-right-image.png" alt="Man with laptop"  class="pricing-page-header-right-image rounded-2xl d-none d-md-block position-absolute lozad img-responsive"/>
                        -->
                    </div>
                </div>

                <div class="row text-start pt-md-6 pt-5">
                                                                                                                        <div class="col-lg-4 pb-md-0 pb-4 pt-0 pr-md-5 pl-md-0 mx-auto">
                        <div class="card card-body text-start p-5 rounded-xl pricing-card  border-light ">
                                                        <span class="badge-md badge-pill badge-primary rounded-lg yearly position-absolute pricing-card-badge">Save $87</span>
                            <h4 class="display-4 mb-1">Starter</h4>
                                                        <p class=" text-muted  font-weight-500 mb-6">
                                <span >Get started with social media</span>
                            </p>
                            <div class="d-flex align-items-center">
                                <h4 class="mb-2 display-4 mr-1">
                                                                        <span class="monthly" style="display: none;"> $29 <span class="font-weight-500 font-size-16 monthly-tag">/month</span></span>
                                    <span class="yearly">$22</span>
                                    <span class="yearly font-weight-500 font-size-16 monthly-tag"> /month <span class="text-muted"> ($261 annually) </span></span>
                                                                    </h4>
                            </div>

                            <div class="text-center pt-20">
                                <a class="btn  btn-outline-primary  btn-sm w-100" href="/auth/register">
                                    Start free 7-day trial
                                </a>
                            </div>

                            <hr class="my-5  border-dotted ">

                            <div class="text-start">
                                <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-user"></i><span class="pl-3">8 Social accounts</span></div>

                                                                    <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-paper-plane-tilt"></i><span class="pl-3">750 Monthly Posts</span></div>
                                
                                                                    <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-users-three"></i><span class="pl-3">No Teams</span></div>
                                
                                                                    <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-broadcast"></i><span class="pl-3">100 Mentions/month</span></div>
                                
                                <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-chart-line"></i><span class="pl-3">Basic Analytics</span></div>

                                <div class="d-flex align-items-center  color-text-secondary  font-weight-500">
                                                                        <i class="ph ph-md ph-chats-circle"></i><span class="pl-3">No Social Inbox</span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                                                                    <div class="col-lg-4 pb-md-0 pb-4 pt-0 pr-md-5 pl-md-0 mx-auto">
                        <div class="card card-body text-start p-5 rounded-xl pricing-card  bg-primary ">
                                                        <span class="badge-md badge-success badge-pill rounded-lg yearly bg-white position-absolute pricing-card-badge"><span class="text-primary">Save $237</span></span>
                            <h4 class="text-white display-4 mb-1">Growth</h4>
                                                        <p class=" text-white  font-weight-500 mb-6">
                                <span  class="text-white" >Grow your social presence</span>
                            </p>
                            <div class="d-flex align-items-center">
                                <h4 class="mb-2 display-4 mr-1">
                                                                        <span class="monthly text-white" style="display: none;">$79<span class="font-weight-500 font-size-16 monthly-tag text-white"> /month</span> </span>
                                    <span class="yearly text-white">$59</span>
                                    <span class="yearly text-white font-weight-500 font-size-16 monthly-tag"> /month <span class="text-disable"> ($711 annually) </span> </span>
                                                                    </h4>
                            </div>

                            <div class="text-center pt-20">
                                <a class="btn  super-card-button bg-white btn btn-primary  btn-sm w-100" href="/auth/register">
                                    Start free 7-day trial
                                </a>
                            </div>

                            <hr class="my-5  super-card-hr-dotted ">

                            <div class="text-start">
                                <div class="d-flex align-items-center mb-3  text-white  font-weight-500"><i class="ph ph-md ph-user"></i><span class="pl-3">20 Social accounts</span></div>

                                                                    <div class="d-flex align-items-center mb-3  text-white  font-weight-500"><i class="ph ph-md ph-paper-plane-tilt"></i><span class="pl-3">3,000 Monthly Posts</span></div>
                                
                                                                    <div class="d-flex align-items-center mb-3  text-white  font-weight-500"><i class="ph ph-md ph-users-three"></i><span class="pl-3">5 Teams</span></div>
                                
                                                                    <div class="d-flex align-items-center mb-3  text-white  font-weight-500"><i class="ph ph-md ph-broadcast"></i><span class="pl-3">5,000 Mentions/month</span></div>
                                
                                <div class="d-flex align-items-center mb-3  text-white  font-weight-500"><i class="ph ph-md ph-chart-line"></i><span class="pl-3">Advanced Analytics</span></div>

                                <div class="d-flex align-items-center  text-white  font-weight-500">
                                                                        <i class="ph ph-md ph-chats-circle"></i><span class="pl-3">Social Inbox</span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                                                                    <div class="col-lg-4 pb-md-0 pb-4 pt-0 pr-md-5 pl-md-0 mx-auto">
                        <div class="card card-body text-start p-5 rounded-xl pricing-card  border-light ">
                                                        <span class="badge-md badge-pill badge-primary rounded-lg yearly position-absolute pricing-card-badge">Save $597</span>
                            <h4 class="display-4 mb-1">Agency</h4>
                                                        <p class=" text-muted  font-weight-500 mb-6">
                                <span >Scale your agency</span>
                            </p>
                            <div class="d-flex align-items-center">
                                <h4 class="mb-2 display-4 mr-1">
                                                                        <span class="monthly" style="display: none;"> $199 <span class="font-weight-500 font-size-16 monthly-tag">/month</span></span>
                                    <span class="yearly">$149</span>
                                    <span class="yearly font-weight-500 font-size-16 monthly-tag"> /month <span class="text-muted"> ($1791 annually) </span></span>
                                                                    </h4>
                            </div>

                            <div class="text-center pt-20">
                                <a class="btn  btn-outline-primary  btn-sm w-100" href="/auth/register">
                                    Start free 7-day trial
                                </a>
                            </div>

                            <hr class="my-5  border-dotted ">

                            <div class="text-start">
                                <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-user"></i><span class="pl-3">50 Social accounts</span></div>

                                                                    <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-paper-plane-tilt"></i><span class="pl-3">Unlimited Monthly Posts</span></div>
                                
                                                                    <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-users-three"></i><span class="pl-3">20 Teams</span></div>
                                
                                                                    <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-broadcast"></i><span class="pl-3">20,000 Mentions/month</span></div>
                                
                                <div class="d-flex align-items-center mb-3  color-text-secondary  font-weight-500"><i class="ph ph-md ph-chart-line"></i><span class="pl-3">Advanced Analytics</span></div>

                                <div class="d-flex align-items-center  color-text-secondary  font-weight-500">
                                                                        <i class="ph ph-md ph-chats-circle"></i><span class="pl-3">Social Inbox</span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
        </div>
    </header>
    <main class="main-content" id="main">
     <section class="section extra-card-section">
        <div class="container px-md-0 px-20">
            <div class="row">
                <div class="col-12">
                    <div class="d-flex align-items-stretch justify-content-center flex-md-row flex-column">
                        <div class="card pricing-extra-card w-100 mr-md-6 pr-md-2 mb-4 mb-md-0">
                            <div class="card-body border-light rounded-xl p-5">
                                <h4 class=" display-4 card-title">Free</h4>
                                <p class="card-text text-muted font-weight-500 mb-6">Try SocialBu with 3 social accounts and 10 lifetime posts</p>
                                <a href="/auth/register" class=" btn btn-outline-primary w-100">Start Free</a>
                            </div>
                        </div>
                        <div class="card pricing-extra-card w-100">
                            <div class="card-body border-light rounded-xl p-5">
                                <h4 class="display-4 card-title d-md-block d-none">Need a Custom Plan?</h4>
                                <h4 class="display-4 card-title d-md-none d-block">Need a Custom <br> Plan?</h4>
                                <p class="card-text text-muted font-weight-500 mb-6">For agencies and large teams that need custom account limits or support</p>
                                <a href="/demo" class="btn btn-outline-primary w-100">Request a Demo</a>
                                <p class="card-text text-muted font-weight-500 mb-0 mt-3">Prefer email? Contact <a href="mailto:support@socialbu.com">support@socialbu.com</a>.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section table-section">
        <div class="container px-md-0 px-4">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body p-0">
                            <div class="table-responsive border rounded-lg p-4 pricing-table">
                                <table id="features" class="table">
                                    <thead class="thead-inverse">
                                        <tr>
                                            <th class="p-4">
                                                <h2>Compare All Features</h2>
                                                <div class="price mt-5 mb-2">
                                                    <span class="font-weight-500 small-2">
                                                        <span class="font-weight-500 small-2 cursor-pointer" id="pricing-label-for-monthly-plan">Monthly</span>
                                                        <i class="ph ph-toggle-right ph-fill ph-lg text-primary cursor-pointer" id="pricing-table-toggle-monthly" title="Disable"></i>
                                                        <i class="ph ph-toggle-left ph-fill ph-lg text-light cursor-pointer d-none" id="pricing-table-toggle-yearly" title="Disable"></i>
                                                        <span class="pr-2 small-2 cursor-pointer" id="pricing-label-for-yearly-plan">Yearly</span>
                                                    </span>
                                                </div>
                                                <span class="font-weight-400 small-2"><span class=" small-2 text-primary font-weight-700">Save 25%</span> on yearly plans</span>
                                            </th>
                                            <th class="border-left p-4">
                                                <h4 class="font-plus-jakarta">Free</h4>
                                                <h2 class="price pt-6 mb-0">
                                                    Free
                                                </h2>
                                                <div class="pt-4">
                                                    <a class="btn btn-outline-primary btn-xs w-100" href="/auth/register">
                                                        Get Started
                                                    </a>
                                                </div>
                                            </th>
                                            <th class="border-left p-4">
                                                <h4 class="font-plus-jakarta">Starter</h4>
                                                <h2 class="price pt-6 monthly-table mb-0">
                                                    $29
                                                    <span class="font-weight-500 font-size-16 monthly-tag">/month</span>
                                                </h2>
                                                <h2 class="price pt-6 yearly-table mb-0" style="display: none;">
                                                    $22
                                                    <span class="font-weight-500 font-size-16 monthly-tag">/month</span>
                                                </h2>
                                                <div class="pt-4">
                                                    <a class="btn btn-outline-primary btn-xs w-100" href="/auth/register">
                                                        Start free 7-day trial
                                                    </a>
                                                </div>
                                            </th>
                                            <th class="p-0 small-1">
                                                <div class="super-card-price rounded-xl p-4">
                                                    <div class="d-flex align-items-center justify-content-between">
                                                        <h4 class="font-plus-jakarta">Growth</h4>
                                                        <span class="badge badge-primary bg-primary pt-0 rounded-md"><span class="text-white" style="font-size: 14px;">Popular</span></span>
                                                    </div>
                                                    <h2 class="price pt-6 monthly-table mb-0">
                                                        $79
                                                        <span class="font-weight-500 font-size-16 monthly-tag">/month</span>
                                                    </h2>
                                                    <h2 class="yearly-table price pt-6 mb-0" style="display: none;">
                                                        $59
                                                        <span class="font-weight-500 font-size-16 monthly-tag">/month</span>
                                                    </h2>
                                                    <div class="pt-4">
                                                        <a class="btn btn-primary btn-xs w-100" href="/auth/register">
                                                            Start free 7-day trial
                                                        </a>
                                                    </div>
                                                </div>
                                            </th>
                                            <th class="p-4 table-plan-prices">
                                                <h4 class="font-plus-jakarta">Agency</h4>
                                                <h2 class="price pt-6 monthly-table mb-0">
                                                    $199
                                                    <span class="font-weight-500 font-size-16 monthly-tag">/month</span>
                                                </h2>
                                                <h2 class="price pt-6 yearly-table mb-0" style="display: none;">
                                                    $149
                                                    <span class="font-weight-500 font-size-16 monthly-tag">/month</span>
                                                </h2>
                                                <div class="pt-4">
                                                    <a class="btn btn-outline-primary btn-xs w-100" href="/auth/register">
                                                        Start free 7-day trial
                                                    </a>
                                                </div>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="no-sub-items p-md-4 p-3">Social accounts</td>
                                            <td class="p-md-4 p-3">3</td>
                                            <td class="p-md-4 p-3">up to 8</td>
                                            <td class="p-md-4 p-3">up to 20</td>
                                            <td class="p-md-4 p-3">up to 50</td>
                                        </tr>
                                        <tr>
                                            <td class="no-sub-items p-md-4 p-3">Manage multiple brands</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                        </tr>
                                        <tr>
                                            <td class="section-main py-0 pb-5 pt-6" colspan="5" style="font-size: 24px !important;">Social Platforms</td>
                                        </tr>
                                        <tr>
                                            <td class="border-top-0 text-dark font-weight-500 p-md-4 p-3">Facebook</td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Twitter</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Mastodon</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Instagram</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Threads</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">LinkedIn</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Google Business Profile</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">YouTube</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Reddit</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">TikTok</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Pinterest</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Bluesky</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr id="publish">
                                            <td class="section-main py-0 pb-5 pt-6" colspan="5" style="font-size: 24px;">Publish</td>
                                        </tr>
                                        <tr>
                                            <td class="border-top-0 text-dark font-weight-500 p-md-4 p-3">Posts</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">10 lifetime posts</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">up to 750 monthly</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">up to 3,000 monthly</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">*Unlimited</td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Google Drive Integration</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Publish images</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Publish videos</td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Post Recycling</td>
                                            <td class="p-md-4 p-3>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">
                                                <abbr title="What are Custom Queues?"
                                                    onclick="window.Beacon && Beacon('article', '5ea092ed2c7d3a7e9aeb6f81', { type: 'modal' });">
                                                    Custom Queues
                                                </abbr>
                                            </td>
                                            <td class="text-muted p-md-4 p-3">1</td>
                                            <td class="text-muted p-md-4 p-3">1</td>
                                            <td class="text-muted p-md-4 p-3">10</td>
                                            <td class="text-muted p-md-4 p-3">30</td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Drafts</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Post Approvals</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Social Calendar</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Bulk Import</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Post Preview</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Hashtag Suggestions</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Twitter Thread Scheduling</td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">LinkedIn First Comment</td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Instagram Reels Scheduling</td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Instagram Story Scheduling</td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Story Approvals</td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Instagram First Comment</td>
                                            <td>
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3 border-bottom">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3 border-bottom">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3 border-bottom">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Snippets</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Link Shortener</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                        </tr>
                                        <tr id="curate">
                                            <td class="section-main py-0 pb-5 pt-6" colspan="5" style="font-size: 24px;">Curate</td>
                                        </tr>
                                        <tr>
                                            <td class="border-top-0 text-dark font-weight-500 p-md-4 p-3">Discover Content</td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Advanced Filtering</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Share Content</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Generate Content with AI</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr id="generate">
                                            <td class="section-main py-0 pb-5 pt-6 p-md-4 p-3" style="font-size: 24px;" colspan="5">Generate</td>
                                        </tr>
                                        <tr>
                                            <td class="border-top-0 text-dark font-weight-500 p-md-4 p-3">AI writer</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">60 credits</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">500 credits</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">2,000 credits</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">10,000 credits</td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Short Posts</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">X Posts</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">LinkedIn Posts</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Instagram Captions</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Facebook Posts</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">YouTube Video Descriptions</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Reddit Post Texts</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Pinterest Pin Descriptions</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Google Business Profile Posts</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Mastodon Posts</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr id="respond">
                                            <td class="section-main py-0 pb-5 pt-6 p-md-4 p-3" style="font-size: 24px;" colspan="5">Respond</td>
                                        </tr>
                                        <tr>
                                            <td class="border-top-0 text-dark font-weight-500 p-md-4 p-3">
                                                Social Inbox
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">
                                                <abbr title="What are Feeds?"
                                                    onclick="window.Beacon && Beacon('article', '5e37c21304286364bc94c17f', { type: 'modal' });">
                                                    Feeds
                                                </abbr>
                                            </td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="text-muted p-md-4 p-3">10</td>
                                            <td class="text-muted p-md-4 p-3">30</td>
                                        </tr>
                                        <tr id="listen">
                                            <td class="section-main py-0 pb-5 pt-6 p-md-4 p-3" style="font-size: 24px;" colspan="5">Listen</td>
                                        </tr>
                                        <tr>
                                            <td class="border-top-0 text-dark font-weight-500 p-md-4 p-3">Listening Streams</td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">1</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">5</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">10</td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Matched items per month</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="text-muted p-md-4 p-3">100</td>
                                            <td class="text-muted p-md-4 p-3">5,000</td>
                                            <td class="text-muted p-md-4 p-3">20,000</td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">AI filtering and analysis</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">RSS feed and embeddable stream</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr id="automate">
                                            <td class="section-main py-0 pb-5 pt-6 p-md-4 p-3" colspan="6" style="font-size: 24px;">Automate</td>
                                        </tr>
                                        <tr>
                                            <td class="border-top-0 text-dark font-weight-500 p-md-4 p-3">
                                                <abbr title="What are Automations?"
                                                    onclick="window.Beacon && Beacon('article', '5ea139f704286364bc98da28', { type: 'modal' });">
                                                    Automations
                                                </abbr>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">1</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">50</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">100</td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Automation runs</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="text-muted p-md-4 p-3">10/month</td>
                                            <td class="text-muted p-md-4 p-3">5,000/month</td>
                                            <td class="text-muted p-md-4 p-3">20,000/month</td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Auto post from RSS feeds</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Automate messaging and replies</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Webhook integrations</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Placeholders and dynamic variables</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">API + MCP Server</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                            <td class="p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                        </tr>
                                        <tr id="analyze">
                                            <td class="section-main py-0 pb-5 pt-6 p-md-4 p-3" colspan="5" style="font-size: 24px;">Analyze</td>
                                        </tr>
                                        <tr>
                                            <td class="border-top-0 text-dark font-weight-500 p-md-4 p-3">Advanced Reporting</td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="border-top-0 p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                            <td class="border-top-0 p-md-4 p-3"><div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div></td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Content Performance</td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Account Performance</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Network Performance</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Team Performance</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr id="collaborate">
                                            <td class="section-main py-0 pb-5 pt-6" colspan="5" style="font-size: 24px;">Collaborate</td>
                                        </tr>
                                        <tr>
                                            <td class="border-top-0 text-dark font-weight-500 p-md-4 p-3">
                                                <abbr title="What are Teams?"
                                                    onclick="window.Beacon && Beacon('article', '5e9a053f04286364bc9890d4', { type: 'modal' });">
                                                    Teams
                                                </abbr>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="border-top-0 p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">5</td>
                                            <td class="text-muted border-top-0 p-md-4 p-3">20</td>
                                        </tr>
                                        <tr>
                                            <td class="option text-dark font-weight-500 p-md-4 p-3">Team Members</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="text-muted p-md-4 p-3">4</td>
                                            <td class="text-muted p-md-4 p-3">8</td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Content Approvals</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-dark font-weight-500 p-md-4 p-3">Leave notes</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr id="support">
                                            <td class="section-main py-0 pb-5 pt-6 p-md-4 p-3" colspan="5" style="font-size: 24px;">Support</td>
                                        </tr>
                                        <tr>
                                            <td class="option border-top-0 text-dark font-weight-500 p-md-4 p-3">Help Articles</td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="border-top-0 p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="option text-dark font-weight-500 p-md-4 p-3">Email Support</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="option text-dark font-weight-500 p-md-4 p-3">Community</td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="option text-dark font-weight-500 p-md-4 p-3">Live Chat</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="option text-dark font-weight-500 p-md-4 p-3">Phone support</td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3"><i class="text-light-gray ph ph-lg ph-x"></i></td>
                                            <td class="p-md-4 p-3">
                                                <div class="d-flex align-items-center"><i class="ph-fill ph-lg ph-check-circle check-icon-color"></i></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section">
        <div class="container px-md-0 px-4">
            <div class="row">
                <div class="col-12 px-0 pb-md-3 pb-4 text-center">
                    <h2 class="display-2 d-none d-md-block mb-0 pb-md-1 font-weight-800">Why Choose SocialBu?</h2>
                    <h3 class="display-3 d-md-none d-block mb-0 pb-md-1 font-weight-800">Why Choose SocialBu?</h3>
                    <p class="mt-4 mb-0 lead-2 d-md-block d-none">One platform to save time and grow your audience.</p>
                    <p class="mt-3 mb-0 d-md-none d-block">One platform to save time and grow your <br> audience.</p>
                </div>
                <div class="d-block d-md-flex col-12 px-0 pt-7 pb-md-0 pb-2">
                    <div class="card col-md-4 px-0 col-12">
                        <div class="card-body text-center py-0 ">
                            <i class="ph ph-xl ph-clock text-primary"></i>
                            <h3 class="pt-md-5 pt-4 mb-0 font-plus-jakarta">Save Time</h3>
                            <p class="pt-3 mb-0">Automate posting and <br> replies in minutes</p>
                        </div>
                    </div>
                    <div class="card col-md-4 col-12 px-0 py-md-0 py-6 choose-socialbu-card rounded-0">
                        <div class="card-body text-center py-0">
                            <i class="ph ph-xl ph-toolbox text-primary"></i>
                            <h3 class="pt-md-5 pt-4 mb-0 font-plus-jakarta">All-in-One</h3>
                            <p class="pt-3 mb-0">Replace multiple tools with <br> one affordable solution.</p>
                        </div>
                    </div>
                    <div class="card col-md-4 col-12 px-0 pt-md-0 pt-2 choose-socialbu-card rounded-0">
                        <div class="card-body text-center py-0">
                            <i class="ph ph-xl ph-rocket-launch text-primary"></i>
                            <h3 class="pt-md-5 pt-4 mb-0 font-plus-jakarta">Grow Easy</h3>
                            <p class="pt-3 mb-0">AI-powered content and analytics <br> to boost engagement.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
        <style>
        .cta-image {
            min-height: 506px;
        }

        @media (min-width: 768px) {
            .cta-image {
                min-height: 548px;
            }
        }
    </style>

<section class="section">
    <div class="container px-md-0 d-flex justify-content-center">
        <div class="cta-image row rounded-lg w-100 position-relative overflow-hidden">
            <picture class="position-absolute w-100 h-100" style="inset: 0;">
                <source media="(min-width: 768px)" srcset="/images/redesign/cta-desktop-img.webp" width="2240" height="1096">
                <img
                    class="w-100 h-100"
                    src="/images/redesign/cta-mobile-img.webp"
                    alt=""
                    width="320"
                    height="500"
                    loading="lazy"
                    decoding="async"
                    style="object-fit: cover; object-position: center;"
                >
            </picture>

            <div class="col-12 pt-5 pt-md-8 pl-5 pl-md-8 position-relative" style="z-index: 1;">
                <h2 class="display-2 mb-4 d-md-block d-none">Run Your Social Media <br> on Autopilot</h2>
                <h2 class="display-3 mb-4 d-md-none">Run Your Social Media on Autopilot</h2>
                <a class="btn btn-primary btn-xl rounded-md d-none d-md-inline-block" href="/auth/register" id="cta_signup_cta-image">
                    Get Started<i class="ph ph-md ph-arrow-right pl-3"></i>
                </a>
                <a class="btn btn-primary rounded-md d-md-none" href="/auth/register" id="cta_signup_cta-image-mobile">
                    Get Started<i class="ph ph-arrow-right pl-2"></i>
                </a>
                <p class="pt-3 text-muted mb-0 d-none d-md-block" style="font-size: 0.95rem;">
                    Cancel anytime. Free for 7 days.
                </p>
            </div>
        </div>
    </div>
</section>

        <section class="section">
    <div class="container">
        <header class="section-header mb-md-7 mb-6 pb-md-3 pb-2">
            <h2 class="d-md-block d-none display-2 mb-4">Frequently Asked Questions</h2>
            <h2 class="d-md-none display-6 mb-4">Frequently Asked Questions</h2>
        </header>

        <div class="row gap-y justify-content-center">
            <div class="col-md-9">

                <div class="accordion accordion-arrow-right border border-light rounded-2xl px-5 py-2" id="frequent-questions">
                                            <div class="card shadow-none mb-2">
                            <div class="card-header px-0 pt-5 mb-1 pb-2" data-toggle="collapse" href="#collapse-1" aria-expanded="true">
                                <div class="card-title d-flex align-items-center justify-content-between">
                                    <h3 class="mb-0 font-weight-600" style="font-size: 20px;">Which plan is right for me?</h3>
                                    <i class="ph ph-caret-up ph-md"></i>
                                </div>
                            </div>
                            <div id="collapse-1" class="collapse show" data-parent="#frequent-questions">
                                <div class="card-body pb-3 px-0 pt-0 border-bottom">
                                    <p class="mb-3">Choose based on how many accounts you manage, how often you publish, and whether you need collaboration, automation, or social listening features. <span class="pricing-faq-plans row mt-5 position-relative"><span class="pricing-faq-plan col-md-6 d-flex align-items-start mb-5"><i class="ph ph-bold ph-md ph-check text-success mt-1 mr-3 flex-shrink-0" aria-hidden="true"></i><span><strong class="d-block text-dark mb-1">Free</strong> <span>Try SocialBu with up to 3 social accounts and 10 lifetime posts.</span></span></span> <span class="pricing-faq-plan col-md-6 d-flex align-items-start mb-5"><i class="ph ph-bold ph-md ph-check text-success mt-1 mr-3 flex-shrink-0" aria-hidden="true"></i><span><strong class="d-block text-dark mb-1">Starter</strong> <span>A good fit for solo marketers and small businesses that need up to 8 accounts and 750 monthly posts.</span></span></span> <span class="pricing-faq-plan col-md-6 d-flex align-items-start mb-4"><i class="ph ph-bold ph-md ph-check text-success mt-1 mr-3 flex-shrink-0" aria-hidden="true"></i><span><strong class="d-block text-dark mb-1">Growth</strong> <span>Built for growing teams that want more accounts, automation, collaboration, and social listening.</span></span></span> <span class="pricing-faq-plan col-md-6 d-flex align-items-start mb-4"><i class="ph ph-bold ph-md ph-check text-success mt-1 mr-3 flex-shrink-0" aria-hidden="true"></i><span><strong class="d-block text-dark mb-1">Agency</strong> <span>Designed for agencies and larger businesses managing many brands, with higher limits and up to 50 accounts.</span></span></span></span></p>
                                </div>
                            </div>
                        </div>
                                            <div class="card shadow-none mb-2">
                            <div class="card-header px-0 pt-5 mb-1 border-bottom pb-5" data-toggle="collapse" href="#collapse-2" aria-expanded="false">
                                <div class="card-title d-flex align-items-center justify-content-between">
                                    <h3 class="mb-0 font-weight-600" style="font-size: 20px;">Does SocialBu have a free trial for paid plans?</h3>
                                    <i class="ph ph-caret-down ph-md"></i>
                                </div>
                            </div>
                            <div id="collapse-2" class="collapse " data-parent="#frequent-questions">
                                <div class="card-body pb-3 px-0 pt-0 border-bottom">
                                    <p class="mb-3">Yes. Every paid plan starts with a 7-day free trial, so you can explore the features before you are billed.</p>
                                </div>
                            </div>
                        </div>
                                            <div class="card shadow-none mb-2">
                            <div class="card-header px-0 pt-5 mb-1 border-bottom pb-5" data-toggle="collapse" href="#collapse-3" aria-expanded="false">
                                <div class="card-title d-flex align-items-center justify-content-between">
                                    <h3 class="mb-0 font-weight-600" style="font-size: 20px;">Which social channels does SocialBu support?</h3>
                                    <i class="ph ph-caret-down ph-md"></i>
                                </div>
                            </div>
                            <div id="collapse-3" class="collapse " data-parent="#frequent-questions">
                                <div class="card-body pb-3 px-0 pt-0 border-bottom">
                                    <p class="mb-3">SocialBu supports X (Twitter), Facebook, LinkedIn, Instagram, Google Business Profile, YouTube, Reddit, Pinterest, Mastodon, Threads, TikTok, and Bluesky.</p>
                                </div>
                            </div>
                        </div>
                                            <div class="card shadow-none mb-2">
                            <div class="card-header px-0 pt-5 mb-1 border-bottom pb-5" data-toggle="collapse" href="#collapse-4" aria-expanded="false">
                                <div class="card-title d-flex align-items-center justify-content-between">
                                    <h3 class="mb-0 font-weight-600" style="font-size: 20px;">What payment methods do you support?</h3>
                                    <i class="ph ph-caret-down ph-md"></i>
                                </div>
                            </div>
                            <div id="collapse-4" class="collapse " data-parent="#frequent-questions">
                                <div class="card-body pb-3 px-0 pt-0 border-bottom">
                                    <p class="mb-3">We accept major debit and credit cards, including Visa, Mastercard, Discover, JCB, and American Express.</p>
                                </div>
                            </div>
                        </div>
                                            <div class="card shadow-none mb-2">
                            <div class="card-header px-0 pt-5 mb-1 border-bottom pb-5" data-toggle="collapse" href="#collapse-5" aria-expanded="false">
                                <div class="card-title d-flex align-items-center justify-content-between">
                                    <h3 class="mb-0 font-weight-600" style="font-size: 20px;">Is my data secure with SocialBu?</h3>
                                    <i class="ph ph-caret-down ph-md"></i>
                                </div>
                            </div>
                            <div id="collapse-5" class="collapse " data-parent="#frequent-questions">
                                <div class="card-body pb-3 px-0 pt-0 border-bottom">
                                    <p class="mb-3">Yes. We protect your data using industry-standard encryption and secure infrastructure. You can also review our <a href="/about/privacy">Privacy Policy</a> for more details.</p>
                                </div>
                            </div>
                        </div>
                                            <div class="card shadow-none mb-2">
                            <div class="card-header px-0 pt-5 mb-1 border-bottom pb-5" data-toggle="collapse" href="#collapse-6" aria-expanded="false">
                                <div class="card-title d-flex align-items-center justify-content-between">
                                    <h3 class="mb-0 font-weight-600" style="font-size: 20px;">Can I switch between monthly and annual billing?</h3>
                                    <i class="ph ph-caret-down ph-md"></i>
                                </div>
                            </div>
                            <div id="collapse-6" class="collapse " data-parent="#frequent-questions">
                                <div class="card-body pb-3 px-0 pt-0 border-bottom">
                                    <p class="mb-3">Yes, you can switch between monthly and annual billing anytime. Annual billing gives you a lower effective monthly price and saves about 25% compared to paying monthly.</p>
                                </div>
                            </div>
                        </div>
                                            <div class="card shadow-none mb-2">
                            <div class="card-header px-0 pt-5 mb-1 border-bottom pb-5" data-toggle="collapse" href="#collapse-7" aria-expanded="false">
                                <div class="card-title d-flex align-items-center justify-content-between">
                                    <h3 class="mb-0 font-weight-600" style="font-size: 20px;">Can I invite my team to collaborate in SocialBu?</h3>
                                    <i class="ph ph-caret-down ph-md"></i>
                                </div>
                            </div>
                            <div id="collapse-7" class="collapse " data-parent="#frequent-questions">
                                <div class="card-body pb-3 px-0 pt-0 border-bottom">
                                    <p class="mb-3">Yes. Team collaboration is available on plans that include team members, making it easier to review posts, manage approvals, and work together from one shared workspace.</p>
                                </div>
                            </div>
                        </div>
                                            <div class="card shadow-none mb-2">
                            <div class="card-header px-0 pt-5 mb-1 pb-2" data-toggle="collapse" href="#collapse-8" aria-expanded="false">
                                <div class="card-title d-flex align-items-center justify-content-between">
                                    <h3 class="mb-0 font-weight-600" style="font-size: 20px;">Do you offer any discounts for non-profits?</h3>
                                    <i class="ph ph-caret-down ph-md"></i>
                                </div>
                            </div>
                            <div id="collapse-8" class="collapse " data-parent="#frequent-questions">
                                <div class="card-body pb-3 px-0 pt-0 ">
                                    <p class="mb-3">Yes, we offer discounts for NGOs and non-profits. Contact <a href="mailto:support@socialbu.com">support@socialbu.com</a> to learn more.</p>
                                </div>
                            </div>
                        </div>
                                    </div>

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

    <div id="demo_modal" class="modal text-left" style="display: none" role="dialog" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content rounded-xl bg-light">
            <div class="modal-header">
                <h5 class="modal-title">Request a demo</h5>
                <button type="button" class="close" data-dismiss="modal"><i class="ph ph-x ph-md"></i></button>
            </div>
            <div class="modal-body">
                <form method="POST" id="demo_form">
    <div class="form-group">
        <label>Work email <span class="text-danger">*</span></label>
        <input type="email" name="email" class="form-control border-0" placeholder="name@company.com" required autofocus />
    </div>
    <div class="form-group">
        <label>Your name</label>
        <div class="form-row">
            <div class="col-12 col-sm-6 mb-3 mb-sm-0">
                <input type="text" name="first_name" class="form-control border-0" placeholder="First Name" />
            </div>
            <div class="col-12 col-sm-6">
                <input type="text" name="last_name" class="form-control border-0" placeholder="Last Name" />
            </div>
        </div>
    </div>
    <div class="form-group">    
        <label>Company or organization</label>
        <input type="text" name="where_do_you_work" class="form-control border-0" placeholder="Company name" />
    </div>
    <div class="form-group">
        <label>Your role</label>
        <select
            class="w-100 form-control border-0" name="what_do_you_do"
            v-selectpicker>
            <option value="">
                Select your role
            </option>
            <option value="Social Media Manager">
                Social Media Manager
            </option>
            <option value="Business Owner">
                Business Owner
            </option>
            <option value="Influencer">
                Influencer
            </option>
            <option value="Digital Agency Owner">
                Digital Agency Owner
            </option>
            <option value="Marketing Manager">
                Marketing Manager
            </option>
            <option value="Other">
                Other
            </option>
        </select>
    </div>
    <div class="form-group">
        <label>What would you like to cover?</label>
        <textarea class="form-control border-0" name="how_can_we_help" rows="2" placeholder="Example: scheduling workflow, inbox setup, analytics, or team approvals"></textarea>
    </div>   
    <div class="form-group d-flex justify-content-end demo-submit-row">
        <button class="btn btn-primary" type="submit">
             Continue to schedule demo <i class="ph ph-arrow-right ph-md"></i>
        </button>
    </div>
</form>
<div class="d-none demo-booking-widget" id="google-booking-widget">
    <!-- Google Calendar Appointment Scheduling begin -->
    <p class="text-muted small mb-2 d-none" id="google-booking-widget-note"></p>
    <iframe
        src="https://calendar.google.com/calendar/appointments/schedules/AcZssZ0BzQnyOwnGg9jqTCmnzGw_WUWzcMKwlc230-7npzTtV3pgn6ti77VN-iPWt2czDrNGBkICky9Z?gv=true"
        title="Book a SocialBu demo"
        style="border: 0"
        width="100%"
        height="600"
        frameborder="0">
    </iframe>
    <!-- end Google Calendar Appointment Scheduling -->
</div>
            </div>
        </div>
    </div>
</div>

<footer class="footer pb-0 bg-darker text-white border-top-0">
    <div class="container pb-5 pt-5">
        <div class="d-flex flex-wrap text-white mb-md-5 mb-2">
            <div class="d-inline-block w-auto pr-8">
                <div class="mb-6">
                    <p><a href="/"><img class="logo lozad" src="/images/1x1.gif" data-src="/images/redesign/logo-white-bg.svg" alt="SocialBu" width="138" height="28" /></a></p>
                </div>
                <div>
                    <div class="font-weight-500 pt-2">Find Us On:</div>
                    <div class="d-flex align-items-center mt-3 pb-2">
                        <a title="LinkedIn" class="linkedin d-flex align-items-center text-white pr-4" href="https://www.linkedin.com/company/socialbu/" target="_blank" rel="noopener noreferrer"><i class="ph-fill ph-linkedin-logo ph-lg"></i></a>
                        <a title="Twitter" class="twitter pr-4 d-flex" href="https://twitter.com/socialbuapp" target="_blank" rel="noopener noreferrer"><i class="ph ph-x-logo ph-lg"></i></a>
                        <a title="Instagram" class="instagram pr-4 d-flex" href="https://instagram.com/socialbuapp" target="_blank" rel="noopener noreferrer"><i class="ph ph-instagram-logo ph-lg"></i></a>
                        <a title="TikTok" class="tiktok-icon pr-4 d-flex" style="font-size: 12px;" href="https://www.tiktok.com/@socialbu" target="_blank" rel="noopener noreferrer"><i class="ph-fill ph-tiktok-logo ph-lg"></i></a>
                        <a title="Facebook" class="facebook pr-4 d-flex" href="https://facebook.com/socialbu" target="_blank" rel="noopener noreferrer"><i class="ph-fill ph-facebook-logo ph-lg"></i></a>
                        <a title="YouTube" class="youtube pr-4 d-flex" href="https://www.youtube.com/@socialbu/" target="_blank" rel="noopener noreferrer"><img class="lozad" src="/images/1x1.gif" data-src="/images/redesign/networks/youtube-original-white.svg" alt="YouTube" width="24" height="24"></a>
                    </div>
                </div>
                <div class="gap-xy-2 my-6">
                    <div class="">Download SocialBu app</div>
                    <div class="d-flex mt-2">
                        <a target="_blank" rel="noopener noreferrer" href="https://apps.apple.com/us/app/socialbu-social-media-manager/id1568492955?platform=iphone"><img class="lozad pr-2" src="/images/1x1.gif" data-src="/images/redesign/app-store-bg-dark.svg" alt="Download SocialBu on the App Store" width="135" height="42"></a>
                        <a target="_blank" rel="noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.socialbu.app"><img class="lozad" src="/images/1x1.gif" data-src="/images/redesign/google-play-bg-dark.svg" alt="Get SocialBu on Google Play" width="135" height="42"></a>
                    </div>
                </div>
            </div>

            <div class="d-none d-md-inline-block w-auto pr-6">
                <div class="mb-2 mt-1 font-weight-700">Product</div>
                <div class="nav flex-column p-0">
                    <a class="nav-link" href="/publish">Publish</a>
                    <a class="nav-link" href="/respond">Respond</a>
                    <a class="nav-link" href="/listen">Listen</a>
                    <a class="nav-link" href="/curate">Curate</a>
                    <a class="nav-link" href="/analyze">Analyze</a>
                    <a class="nav-link" href="/automate">Automate</a>
                </div>
            </div>

            <div class="d-none d-md-inline-block w-auto pr-6">
                <div class="mb-2 mt-1 font-weight-700">Free AI Tools</div>
                <div class="nav flex-column p-0">
                    <a class="nav-link" href="https://socialbu.com/tools/ai-post-generator">Post Generator</a>
                    <a class="nav-link" href="https://socialbu.com/tools/instagram-caption-generator">Caption Generator</a>
                    <a class="nav-link" href="https://socialbu.com/tools/text2img-prompt-generator">Text2Img Prompt Generator</a>
                    <a class="nav-link" href="https://socialbu.com/tools/blog-image-generator">Blog Image Generator</a>
                    <a class="nav-link" href="https://socialbu.com/tools/quote-image-generator">Quote Image Generator</a>
                    <a class="nav-link" href="https://socialbu.com/tools">See all tools</a>
                </div>
            </div>

            <div class="d-none d-md-inline-block w-auto pr-6">
                <div class="mb-2 mt-1 font-weight-700">Resources</div>
                <div class="nav flex-column p-0">
                    <a class="nav-link " href="/blog/">Blogs</a>
                    <a class="nav-link " target="_blank" href="/help">Help Center</a>
                    <a class="nav-link " target="_blank" href="https://www.youtube.com/playlist?list=PLlbp-eZoSR8rpqb7L-9VXvYu1-np_1bEG">Videos</a>
                    <a target="_blank" class="nav-link " href="https://roadmap.socialbu.com/">Our Roadmap</a>
                </div>
            </div>

            <div class=" d-none d-md-inline-block w-auto ">
                <div class="mb-2 mt-1 font-weight-700">Company</div>
                <div class="nav flex-column p-0">
                    <a class="nav-link" href="/about">About us</a>
                    <a class="nav-link" href="/contact">Contact</a>
                    <a class="nav-link" href="/startups">SocialBu For Startups</a>
                    <a class="nav-link" href="/affiliates">Referral Program</a>
                    <a class="nav-link" href="/demo" target="_blank" rel="noopener">Schedule a Demo</a>
                </div>
                <div class="mb-2 mt-5 font-weight-700">Apps & API</div>
                <div class="nav flex-column p-0">
                    <a class="nav-link " href="/developers/docs">API Docs</a>
                    <a class="nav-link " href="/mcp-server">MCP Server</a>
                    <a target="_blank" class="nav-link " href="/mobile">Mobile App</a>
                    <a target="_blank" class="nav-link " href="/browser">Browser Extension</a>
                </div>
            </div>
        </div>
        <div class="justify-content-between small-2 p-0 d-none d-md-flex">
            <div class="ml-0">
                <a href="/about/terms">Terms of Services</a>
                <a class="ml-5" href="/about/privacy">Privacy Policy</a>
            </div>
            <div>
                <p class="mb-0">&copy; 2026 SocialBu | All Rights Reserved</p>
            </div>
        </div>

        <!-- mobile view -->
        <div class="d-block d-md-none ">
            <details class="mobile-footer-details">
                <summary class="d-flex justify-content-between align-items-center cursor-pointer list-styles-none py-3 font-weight-600">
                    Product
                    <i class="ph ph-caret-down chevron"></i>
                </summary>
                <nav class="nav flex-column pb-4 p-0">
                    <a class="nav-link pb-4 pt-3" href="/publish">Publish</a>
                    <a class="nav-link pb-4 pt-1" href="/respond">Respond</a>
                    <a class="nav-link pb-4 pt-1" href="/listen">Listen</a>
                    <a class="nav-link pb-4 pt-1" href="/curate">Curate</a>
                    <a class="nav-link pb-4 pt-1" href="/analyze">Analyze</a>
                    <a class="nav-link pb-4 pt-1" href="/automate">Automate</a>
                </nav>
            </details>

            <details class="mobile-footer-details">
                <summary class="d-flex justify-content-between align-items-center cursor-pointer list-styles-none py-3 font-weight-600">
                    Free AI Tools
                    <i class="ph ph-caret-down chevron"></i>
                </summary>
                <nav class="nav flex-column pb-4 p-0">
                    <a class="nav-link pb-4 pt-3" href="/tools/ai-post-generator">Post Generator</a>
                    <a class="nav-link pb-4 pt-1" href="/tools/instagram-caption-generator">Caption Generator</a>
                    <a class="nav-link pb-4 pt-1" href="/tools/text2img-prompt-generator">Text2Img Prompt Generator</a>
                    <a class="nav-link pb-4 pt-1" href="/tools/blog-image-generator">Blog Image Generator</a>
                    <a class="nav-link pt-1" href="/tools/quote-image-generator">Quote Image Generator</a>
                </nav>
            </details>

            <details class="mobile-footer-details">
                <summary class="d-flex justify-content-between align-items-center cursor-pointer list-styles-none py-3 font-weight-600">
                    Resources
                    <i class="ph ph-caret-down chevron"></i>
                </summary>
                <nav class="nav flex-column pb-4 p-0">
                    <a class="nav-link pb-4 pt-3" href="/blog/">Blogs</a>
                    <a class="nav-link pb-4 pt-1" target="_blank" href="/help">Help Center</a>
                    <a class="nav-link pb-4 pt-1" target="_blank" href="https://www.youtube.com/playlist?list=PLlbp-eZoSR8rpqb7L-9VXvYu1-np_1bEG">Videos</a>
                    <a class="nav-link pb-4 pt-1" target="_blank" href="https://roadmap.socialbu.com/">Product Roadmap</a>
                </nav>
            </details>

            <details class="mobile-footer-details">
                <summary class="d-flex justify-content-between align-items-center cursor-pointer list-styles-none py-3 font-weight-600">
                    Apps & API
                    <i class="ph ph-caret-down chevron"></i>
                </summary>
                <nav class="nav flex-column pb-4 p-0">
                    <a class="nav-link pb-4 pt-3" href="/developers/docs">API Docs</a>
                    <a class="nav-link pb-4 pt-1" href="/mcp-server">MCP Server</a>
                    <a class="nav-link pb-4 pt-1" target="_blank" href="/mobile">Mobile App</a>
                    <a class="nav-link pt-1" target="_blank" href="/browser">Browser Extension</a>
                </nav>
            </details>

            <details class="mobile-footer-details">
                <summary class="d-flex justify-content-between align-items-center cursor-pointer list-styles-none py-3 font-weight-600">
                    Company
                    <i class="ph ph-caret-down chevron"></i>
                </summary>
                <nav class="nav flex-column pb-4 p-0">
                    <a class="nav-link pb-4 pt-3" href="/about">About us</a>
                    <a class="nav-link pb-4 pt-1" href="/contact">Contact</a>
                    <a class="nav-link pb-4 pt-1" href="/startups">SocialBu For Startups</a>
                    <a class="nav-link pb-4 pt-1" href="/affiliates">Referral Program</a>
                    <a class="nav-link pt-1" href="/demo" target="_blank" rel="noopener">Schedule a Demo</a>
                </nav>
            </details>
        </div>

        <div class="d-block d-md-none text-sm-left small-2 mt-3">
            <div>
                <a href="/about/terms">Terms of Services</a>
                <a class="ml-3" href="/about/privacy">Privacy Policy</a>
            </div>
            <p class="mb-0 mt-2">&copy; 2026 SocialBu | All Rights Reserved</p>
        </div>

    </div>
</footer>


<script defer type="text/javascript">
    var functionsToExecute = [];
    var deferredFunctionsFlushed = false;
    var flushDeferredFunctions = function() {
        if (deferredFunctionsFlushed) {
            return;
        }

        deferredFunctionsFlushed = true;
        window.loaded = true;

        functionsToExecute.forEach(func => {
            if (typeof func === "function") {
                func();
            }
        });

        functionsToExecute = [];
    };

    window.execOnLoad = (func) => {
        if (window.loaded && typeof(func) === "function") {
            func(); //exec immediately
        } else {
            functionsToExecute.push(func); //push to queue
        }
    }

                
    /* load additional css fonts after window load */
    (function(){
        window.__socialbuMarketingUiEnabled = true;
        var loadCss = function(cssId, href){
            if (!document.getElementById(cssId))
            {
                var head  = document.getElementsByTagName('head')[0];
                var link  = document.createElement('link');
                link.id   = cssId;
                link.rel  = 'stylesheet';
                link.type = 'text/css';
                link.href = href;
                link.media = 'all';
                head.appendChild(link);
            }
        };
        var loadJS = function(src, defer, cb, type){
            "use strict";
            var ref = document.getElementsByTagName("script")[0];
            var script = document.createElement("script");

            script.src = src;
            if (type) {
                script.type = type;
            }
            if (defer) {
                script.defer = true;
            } else {
                script.async = true;
            }
            ref.parentNode.insertBefore(script, ref);

            if (cb && typeof(cb) === "function") {
                script.onload = cb;
            }
            return script;
        };
        window.addEventListener("load", function(){
            var loadNonCriticalAssets = function() {
                // phosphor icons
                loadCss('ph-regular', 'https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.min.css');
                loadCss('ph-fill', 'https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.min.css');

                // needed for some places: like bootstrap default dropdown icon
                loadCss('faCSS', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
            };

            if ('requestIdleCallback' in window) {
                window.requestIdleCallback(loadNonCriticalAssets, { timeout: 4000 });
            } else {
                window.setTimeout(loadNonCriticalAssets, 1500);
            }

                            var pendingScripts = 1;
                var deferredScriptComplete = function() {
                    pendingScripts -= 1;
                    if (pendingScripts === 0) {
                        flushDeferredFunctions();
                    }
                };
                var loadDeferredBundle = function(src) {
                    var script = loadJS(src, true, deferredScriptComplete, "module");
                    script.addEventListener('error', deferredScriptComplete, { once: true });
                };

                loadDeferredBundle("https:\/\/socialbu.com\/build\/assets\/marketing-1804018e.js");
                
                if (pendingScripts === 0) {
                    flushDeferredFunctions();
                }

                window.setTimeout(flushDeferredFunctions, 4000);
                    });
    })();

</script>
<script src="/js/loader-bridge.js" type="text/javascript"></script>
    <link rel="modulepreload" href="https://socialbu.com/build/assets/common-2616b327.js" /><link rel="modulepreload" href="https://socialbu.com/build/js/preload-helper-f61836a9.js" /><script type="module" src="https://socialbu.com/build/assets/common-2616b327.js"></script>        <!-- Google Tag Manager -->
        <script>
            function initGTM() {
                if (window.gtmDidInit) {
                    return false;
                }
                window.gtmDidInit = true; // flag to ensure script does not get added to DOM more than once.

                // original code
                (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.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-W4ZPBDF');
            }

            function initGTMOnEvent(event) {
                initGTM();
                event.currentTarget.removeEventListener(event.type, initGTMOnEvent); // remove the event listener that got triggered
            }

            function initGTMOnIdle() {
                if ('requestIdleCallback' in window) {
                    window.requestIdleCallback(initGTM, { timeout: 5000 });
                    return;
                }

                setTimeout(initGTM, 2000);
            }

            window.addEventListener('load', initGTMOnIdle, { once: true });
            document.addEventListener('scroll', initGTMOnEvent, { passive: true });
            document.addEventListener('mouseover', initGTMOnEvent);
            document.addEventListener('touchstart', initGTMOnEvent, { passive: true });
            document.addEventListener('click', initGTMOnEvent, { passive: true });
            document.addEventListener('keydown', initGTMOnEvent);
        </script>
        <!-- End Google Tag Manager -->

        <!-- cookie consent -->
        <script>
            (function(){

                // Don't show cookie consent popup in mobile app webview
                if (window.MobileAppWebView) {
                    return;
                }

                const EXCLUDE_URLS = [
                    'publish/share',
                    'publish/extension_editor',
                    'tools/embed/',
                ];

                // Check if the current URL contains any of the excluded URLs
                if (EXCLUDE_URLS.some(excludedUrl => window.location.href.includes(excludedUrl))) {
                    return; // Exit if the current URL matches any of the excluded URLs
                }

                const loadCss = function(cssId, href){
                    if (!document.getElementById(cssId))
                    {
                        const head  = document.getElementsByTagName('head')[0];
                        const link  = document.createElement('link');
                        link.id   = cssId;
                        link.rel  = 'stylesheet';
                        link.type = 'text/css';
                        link.href = href;
                        link.media = 'all';
                        head.appendChild(link);
                    }
                };
                const loadJS = function( src, defer, cb ){
                    "use strict";
                    const ref = document.getElementsByTagName( "script" )[ 0 ];
                    const script = document.createElement( "script" );

                    script.src = src;
                    if(defer){
                        script.defer = true;
                    } else {
                        script.async = true;
                    }
                    ref.parentNode.insertBefore( script, ref );

                    if (cb && typeof(cb) === "function") {
                        script.onload = cb;
                    }
                    return script;
                };
                const startCookieConsent = function () {
                    loadCss('cookieconsentCSS', 'https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.1.0/dist/cookieconsent.css');
                    loadJS("https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.1.0/dist/cookieconsent.umd.js", true, function() {
                        const initCookieConsent = function () {
                        if (!window.CookieConsent || typeof window.CookieConsent.run !== 'function') {
                            return;
                        }

                        const CAT_NECESSARY = "necessary";
                        const CAT_ANALYTICS = "analytics";
                        const CAT_ADVERTISEMENT = "advertisement";
                        const CAT_FUNCTIONALITY = "functionality";
                        const CAT_SECURITY = "security";

                        const SERVICE_AD_STORAGE = 'ad_storage'
                        const SERVICE_AD_USER_DATA = 'ad_user_data'
                        const SERVICE_AD_PERSONALIZATION = 'ad_personalization'
                        const SERVICE_ANALYTICS_STORAGE = 'analytics_storage'
                        const SERVICE_FUNCTIONALITY_STORAGE = 'functionality_storage'
                        const SERVICE_PERSONALIZATION_STORAGE = 'personalization_storage'
                        const SERVICE_SECURITY_STORAGE = 'security_storage'

                        // Define dataLayer and the gtag function.
                        window.dataLayer = window.dataLayer || [];
                        function updateData(){dataLayer.push(arguments);}

                        // Set default consent to 'denied' (this should happen before changing any other dataLayer)
                        updateData('consent', 'default', {
                            [SERVICE_AD_STORAGE]: 'denied',
                            [SERVICE_AD_USER_DATA]: 'denied',
                            [SERVICE_AD_PERSONALIZATION]: 'denied',
                            [SERVICE_ANALYTICS_STORAGE]: 'denied',
                            [SERVICE_FUNCTIONALITY_STORAGE]: 'denied',
                            [SERVICE_PERSONALIZATION_STORAGE]: 'denied',
                            [SERVICE_SECURITY_STORAGE]: 'denied',
                        });

                        /**
                         * Update gtag consent according to the users choices made in CookieConsent UI
                         */
                        function updateGtagConsent() {
                            updateData('consent', 'update', {
                                [SERVICE_ANALYTICS_STORAGE]: CookieConsent.acceptedService(SERVICE_ANALYTICS_STORAGE, CAT_ANALYTICS) ? 'granted' : 'denied',
                                [SERVICE_AD_STORAGE]: CookieConsent.acceptedService(SERVICE_AD_STORAGE, CAT_ADVERTISEMENT) ? 'granted' : 'denied',
                                [SERVICE_AD_USER_DATA]: CookieConsent.acceptedService(SERVICE_AD_USER_DATA, CAT_ADVERTISEMENT) ? 'granted' : 'denied',
                                [SERVICE_AD_PERSONALIZATION]: CookieConsent.acceptedService(SERVICE_AD_PERSONALIZATION, CAT_ADVERTISEMENT) ? 'granted' : 'denied',
                                [SERVICE_FUNCTIONALITY_STORAGE]: CookieConsent.acceptedService(SERVICE_FUNCTIONALITY_STORAGE, CAT_FUNCTIONALITY) ? 'granted' : 'denied',
                                [SERVICE_PERSONALIZATION_STORAGE]: CookieConsent.acceptedService(SERVICE_PERSONALIZATION_STORAGE, CAT_FUNCTIONALITY) ? 'granted' : 'denied',
                                [SERVICE_SECURITY_STORAGE]: CookieConsent.acceptedService(SERVICE_SECURITY_STORAGE, CAT_SECURITY) ? 'granted' : 'denied',
                            });
                        }

                        CookieConsent.run({
                            // See: https://cookieconsent.orestbida.com/reference/configuration-reference.html#guioptions
                            // ...
                            guiOptions: {
                                consentModal: {
                                    layout: 'box',
                                    position: 'bottom left',
                                    flipButtons: false,
                                    equalWeightButtons: false
                                }
                            },

                            // Trigger consent update when user choices change
                            onFirstConsent: () => {
                                updateGtagConsent();
                            },
                            onConsent: () => {
                                updateGtagConsent();
                            },
                            onChange: () => {
                                updateGtagConsent();
                            },

                            // Configure categories and services
                            categories: {
                                [CAT_NECESSARY]: {
                                    enabled: true,  // this category is enabled by default
                                    readOnly: true,  // this category cannot be disabled
                                },
                                [CAT_ANALYTICS]: {
                                    enabled: true,
                                    readOnly: true,
                                    autoClear: {
                                        cookies: [
                                            {
                                                name: /^_ga/,   // regex: match all cookies starting with '_ga'
                                            },
                                            {
                                                name: '_gid',   // string: exact cookie name
                                            }
                                        ]
                                    },
                                    // See: https://cookieconsent.orestbida.com/reference/configuration-reference.html#category-services
                                    services: {
                                        [SERVICE_ANALYTICS_STORAGE]: {
                                            label: 'Enables storage (such as cookies) related to analytics e.g. visit duration.',
                                        }
                                    }
                                },
                                [CAT_ADVERTISEMENT]: {
                                    enabled: true,
                                    services: {
                                        [SERVICE_AD_STORAGE]: {
                                            label: 'Enables storage (such as cookies) related to advertising.',
                                        },
                                        [SERVICE_AD_USER_DATA]: {
                                            label: 'Sets consent for sending user data related to advertising to Google.',
                                        },
                                        [SERVICE_AD_PERSONALIZATION]: {
                                            label: 'Sets consent for personalized advertising.',
                                        },
                                    }
                                },
                                [CAT_FUNCTIONALITY]: {
                                    enabled: true,
                                    readOnly: true,
                                    services: {
                                        [SERVICE_FUNCTIONALITY_STORAGE]: {
                                            label: 'Enables storage that supports the functionality of the website or app e.g. language settings.',
                                        },
                                        [SERVICE_PERSONALIZATION_STORAGE]: {
                                            label: 'Enables storage related to personalization e.g. video recommendations.',
                                        },
                                    }
                                },
                                [CAT_SECURITY]: {
                                    enabled: true,
                                    readOnly: true,
                                    services: {
                                        [SERVICE_SECURITY_STORAGE]: {
                                            label: 'Enables storage related to security such as authentication functionality, fraud prevention, and other user protection.',
                                        },
                                    }
                                }
                            },

                            language: {
                                default: 'en',
                                translations: {
                                    en: {
                                        // See: https://support.google.com/tagmanager/answer/10718549?hl=en
                                        consentModal: {
                                            title: 'We use cookies',
                                            description: 'This website uses essential cookies to ensure its proper operation and tracking cookies to understand how you interact with it. The latter will be set only after consent.',
                                            acceptAllBtn: 'Accept all',
                                            acceptNecessaryBtn: 'Reject all',
                                            showPreferencesBtn: 'Manage Individual preferences'
                                        },
                                        preferencesModal: {
                                            title: 'Manage cookie preferences',
                                            acceptAllBtn: 'Accept all',
                                            acceptNecessaryBtn: 'Reject all',
                                            savePreferencesBtn: 'Accept current selection',
                                            closeIconLabel: 'Close modal',
                                            sections: [
                                                {
                                                    title: "Cookie usage",
                                                    description: "We use cookies to ensure the basic functionalities of the website and to enhance your online experience."
                                                },
                                                {
                                                    title: "Strictly necessary cookies",
                                                    description: "These cookies are essential for the proper functioning of the website, for example for user authentication.",
                                                    linkedCategory: CAT_NECESSARY,
                                                },
                                                {
                                                    title: "Analytics",
                                                    description: 'Cookies used for analytics help collect data that allows services to understand how users interact with a particular service. These insights allow services both to improve content and to build better features that improve the user’s experience.',
                                                    linkedCategory: CAT_ANALYTICS,
                                                    cookieTable: {
                                                        headers: {
                                                            name: "Name",
                                                            domain: "Service",
                                                            description: "Description",
                                                            expiration: "Expiration"
                                                        },
                                                        body: [
                                                            {
                                                                name: "_ga",
                                                                domain: "Google Analytics",
                                                                description: "Cookie set by <a href=\"https://business.safety.google/adscookies/\">Google Analytics</a>",
                                                                expiration: "Expires after 12 days"
                                                            },
                                                            {
                                                                name: "_gid",
                                                                domain: "Google Analytics",
                                                                description: "Cookie set by <a href=\"https://business.safety.google/adscookies/\">Google Analytics</a>",
                                                                expiration: "Session"
                                                            }
                                                        ]
                                                    }
                                                },
                                                {
                                                    title: 'Advertising',
                                                    description: 'Google uses cookies for advertising, including serving and rendering ads, personalizing ads (depending on your ad settings at <a href=\"https://g.co/adsettings\">g.co/adsettings</a>), limiting the number of times an ad is shown to a user, muting ads you have chosen to stop seeing, and measuring the effectiveness of ads.',
                                                    linkedCategory: CAT_ADVERTISEMENT,
                                                },
                                                {
                                                    title: 'Functionality',
                                                    description: 'Cookies used for functionality allow users to interact with a service or site to access features that are fundamental to that service. Things considered fundamental to the service include preferences like the user’s choice of language, product optimizations that help maintain and improve a service, and maintaining information relating to a user’s session, such as the content of a shopping cart.',
                                                    linkedCategory: CAT_FUNCTIONALITY,
                                                },
                                                {
                                                    title: 'Security',
                                                    description: 'Cookies used for security authenticate users, prevent fraud, and protect users as they interact with a service.',
                                                    linkedCategory: CAT_SECURITY,
                                                },
                                                {
                                                    title: 'More information',
                                                    description: 'For more details about our policy on cookies and your choices, please <a target="_blank" href="https://socialbu.com/about/cookies">read our cookies policy</a>.'
                                                }
                                            ]
                                        }
                                    }
                                }
                            }
                        });

                        };

                        if (document.readyState === 'complete') {
                            initCookieConsent();
                        } else {
                            window.addEventListener("load", initCookieConsent, { once: true });
                        }
                    });
                };

                let cookieConsentStarted = false;
                const startCookieConsentOnce = function () {
                    if (cookieConsentStarted) {
                        return;
                    }

                    cookieConsentStarted = true;
                    startCookieConsent();
                };

                const cookieConsentInteractionEvents = [
                    ['scroll', { passive: true, once: true }],
                    ['click', { passive: true, once: true }],
                    ['keydown', { once: true }],
                    ['touchstart', { passive: true, once: true }],
                ];

                const removeCookieConsentInteractionListeners = function () {
                    cookieConsentInteractionEvents.forEach(function (entry) {
                        const eventName = entry[0];
                        const options = entry[1];
                        document.removeEventListener(eventName, startCookieConsentFromInteraction, options);
                    });
                };

                const startCookieConsentFromInteraction = function () {
                    removeCookieConsentInteractionListeners();
                    startCookieConsentOnce();
                };

                window.addEventListener('load', function () {
                    cookieConsentInteractionEvents.forEach(function (entry) {
                        const eventName = entry[0];
                        const options = entry[1];
                        document.addEventListener(eventName, startCookieConsentFromInteraction, options);
                    });

                    window.setTimeout(function () {
                        removeCookieConsentInteractionListeners();
                        startCookieConsentOnce();
                    }, 10000);
                }, { once: true });

            })();
        </script>

    </body>
</html>
