Commune | Leading Advocacy Community Platform

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Commune | Leading Advocacy Community Platform</title> <meta name="description" content="Commune’s AI-powered platform enhances customer and employee engagement with smart community management tools, boosting connectivity, culture, and actionable insights. Book a demo to see how we drive growth." /> <link rel="canonical" href="https://commune.us/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Commune | Leading Advocacy Community Platform" /> <meta property="og:description" content="Commune’s AI-powered platform enhances customer and employee engagement with smart community management tools, boosting connectivity, culture, and actionable insights. Book a demo to see how we drive growth." /> <meta property="og:url" content="https://commune.us/" /> <meta property="og:site_name" content="Commune | Leading Advocacy Community Platform" /> <meta property="article:modified_time" content="2025-01-24T07:37:44+00:00" /> <meta property="og:image" content="https://commune.us/wp-content/uploads/2025/01/newogimage.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Commune | Leading Advocacy Community Platform" /> <meta name="twitter:description" content="Commune’s AI-powered platform enhances customer and employee engagement with smart community management tools, boosting connectivity, culture, and actionable insights. Book a demo to see how we drive growth." /> <meta name="twitter:image" content="https://commune.us/wp-content/uploads/2025/01/newogimage.png" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://commune.us/","url":"https://commune.us/","name":"Commune | Leading Advocacy Community Platform","isPartOf":{"@id":"https://commune.us/#website"},"about":{"@id":"https://commune.us/#organization"},"primaryImageOfPage":{"@id":"https://commune.us/#primaryimage"},"image":{"@id":"https://commune.us/#primaryimage"},"thumbnailUrl":"https://commune.us/wp-content/uploads/2024/11/202411_logo.svg","datePublished":"2024-11-13T04:08:27+00:00","dateModified":"2025-01-24T07:37:44+00:00","description":"Commune’s AI-powered platform enhances customer and employee engagement with smart community management tools, boosting connectivity, culture, and actionable insights. Book a demo to see how we drive growth.","breadcrumb":{"@id":"https://commune.us/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://commune.us/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://commune.us/#primaryimage","url":"https://commune.us/wp-content/uploads/2024/11/202411_logo.svg","contentUrl":"https://commune.us/wp-content/uploads/2024/11/202411_logo.svg","width":183,"height":32},{"@type":"BreadcrumbList","@id":"https://commune.us/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://commune.us/#website","url":"https://commune.us/","name":"Commune | Leading Advocacy Community Platform","description":"Commune | Leading Advocacy Community Platform","publisher":{"@id":"https://commune.us/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://commune.us/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://commune.us/#organization","name":"Commune","url":"https://commune.us/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://commune.us/#/schema/logo/image/","url":"https://commune.us/wp-content/uploads/2023/02/commune_dark-blue.png","contentUrl":"https://commune.us/wp-content/uploads/2023/02/commune_dark-blue.png","width":300,"height":56,"caption":"Commune"},"image":{"@id":"https://commune.us/#/schema/logo/image/"},"sameAs":["https://www.linkedin.com/company/communeus/"]}]}</script>  <link rel='dns-prefetch' href='//js.hs-scripts.com' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel="alternate" type="application/rss+xml" title="Commune | Leading Advocacy Community Platform » Feed" href="https://commune.us/feed/" /> <link rel="alternate" type="application/rss+xml" title="Commune | Leading Advocacy Community Platform » Comments Feed" href="https://commune.us/comments/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/commune.us\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.2.6"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){p.clearRect(0,0,i.width,i.height),p.fillText(e,0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(t,0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s("\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!s("\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!s("\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!s("\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://commune.us/wp-content/themes/hello-elementor/theme.min.css?ver=2.8.1' media='all' /> <link rel='stylesheet' id='elementor-frontend-css' href='https://commune.us/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.14.1' media='all' /> <link rel='stylesheet' id='eael-general-css' href='https://commune.us/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=5.8.3' media='all' /> <link rel='stylesheet' id='eael-3351-css' href='https://commune.us/wp-content/uploads/essential-addons-elementor/eael-3351.css?ver=1737704264' media='all' /> <link rel='stylesheet' id='elementor-post-3351-css' href='https://commune.us/wp-content/uploads/elementor/css/post-3351.css?ver=1730915306' media='all' /> <link rel='stylesheet' id='hfe-widgets-style-css' href='https://commune.us/wp-content/plugins/header-footer-elementor/inc/widgets-css/frontend.css?ver=1.6.14' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://commune.us/wp-includes/css/dist/block-library/style.min.css?ver=6.2.6' media='all' /> <link rel='stylesheet' id='classic-theme-styles-css' href='https://commune.us/wp-includes/css/classic-themes.min.css?ver=6.2.6' media='all' /> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-columns.is-layout-flex){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='hfe-style-css' href='https://commune.us/wp-content/plugins/header-footer-elementor/assets/css/header-footer-elementor.css?ver=1.6.14' media='all' /> <link rel='stylesheet' id='elementor-icons-css' href='https://commune.us/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.20.0' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://commune.us/wp-content/plugins/elementor/assets/lib/swiper/css/swiper.min.css?ver=5.3.6' media='all' /> <link rel='stylesheet' id='elementor-post-5-css' href='https://commune.us/wp-content/uploads/elementor/css/post-5.css?ver=1730915643' media='all' /> <link rel='stylesheet' id='elementor-pro-css' href='https://commune.us/wp-content/plugins/elementor-pro/assets/css/frontend-lite.min.css?ver=3.7.5' media='all' /> <link rel='stylesheet' id='elementor-global-css' href='https://commune.us/wp-content/uploads/elementor/css/global.css?ver=1730915307' media='all' /> <link rel='stylesheet' id='elementor-post-11666-css' href='https://commune.us/wp-content/uploads/elementor/css/post-11666.css?ver=1737704099' media='all' /> <link rel='stylesheet' id='elementor-post-151-css' href='https://commune.us/wp-content/uploads/elementor/css/post-151.css?ver=1730915308' media='all' /> <link rel='stylesheet' id='hello-elementor-css' href='https://commune.us/wp-content/themes/hello-elementor/style.min.css?ver=2.8.1' media='all' /> <link rel='stylesheet' id='elementor-icons-ekiticons-css' href='https://commune.us/wp-content/plugins/elementskit-lite/modules/elementskit-icon-pack/assets/css/ekiticons.css?ver=2.9.0' media='all' /> <link rel='stylesheet' id='ekit-widget-styles-css' href='https://commune.us/wp-content/plugins/elementskit-lite/widgets/init/assets/css/widget-styles.css?ver=2.9.0' media='all' /> <link rel='stylesheet' id='ekit-responsive-css' href='https://commune.us/wp-content/plugins/elementskit-lite/widgets/init/assets/css/responsive.css?ver=2.9.0' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CInter%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=6.2.6' media='all' /> <link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://commune.us/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' media='all' /> <link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://commune.us/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3' media='all' /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><script src='https://commune.us/wp-includes/js/jquery/jquery.min.js?ver=3.6.4' id='jquery-core-js'></script> <script src='https://commune.us/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.0' id='jquery-migrate-js'></script> <link rel="https://api.w.org/" href="https://commune.us/wp-json/" /><link rel="alternate" type="application/json" href="https://commune.us/wp-json/wp/v2/pages/11666" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://commune.us/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://commune.us/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 6.2.6" /> <link rel='shortlink' href='https://commune.us/' /> <link rel="alternate" type="application/json+oembed" href="https://commune.us/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcommune.us%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://commune.us/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcommune.us%2F&format=xml" /> <meta name="generator" content="Site Kit by Google 1.108.0" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-J27H2Y33EC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J27H2Y33EC'); </script>   <script type="text/javascript" class="hsq-set-content-id" data-content-id="standard-page"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); </script>  <meta name="generator" content="Elementor 3.14.1; features: e_dom_optimization, e_optimized_assets_loading, e_optimized_css_loading, a11y_improvements, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">  <script> ( function( w, d, s, l, i ) { w[l] = w[l] || []; w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); var f = d.getElementsByTagName( s )[0], j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f ); } )( window, document, 'script', 'dataLayer', 'GTM-TL4V2LVK' ); </script>  <link rel="icon" href="https://commune.us/wp-content/uploads/2023/02/commune_white.svg" sizes="32x32" /> <link rel="icon" href="https://commune.us/wp-content/uploads/2023/02/commune_white.svg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://commune.us/wp-content/uploads/2023/02/commune_white.svg" /> <meta name="msapplication-TileImage" content="https://commune.us/wp-content/uploads/2023/02/commune_white.svg" /> <style id="wp-custom-css"> div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button{ background-color:#EF5E4B !important; color:#ffff; } div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button{ WIDTH:100%; BORDER-RADIUS: 5PX; } div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{ BORDER-RADIUS: 5PX; } .hs-form-541ce361-ffd2-4ad3-b198-8097eb93944e_b9c51f3e-83d4-4dd3-aac9-2d5043295db3 .hs-form-field label:not(.hs-error-msg) { color: black !important; /* Change this to the desired font color */ } .hUDgHx{{ display:none!important; } .elementskit-post-card{ height:100%; }} body{padding-top:80px;}#fixed-header{position: fixed;height: 80px;top:0; left: 0;right: 0;z-index: 100; } @media(max-width: 1024px){ body{padding-top:64px;} #fixed-header{height: 64px;} } </style> </head> <body class="home page-template page-template-elementor_theme page page-id-11666 ehf-footer ehf-template-hello-elementor ehf-stylesheet-hello-elementor elementor-default elementor-kit-5 elementor-page elementor-page-11666 elementor-page-11473">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TL4V2LVK" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/21935141.js"></script>  <script> window.intercomSettings = { api_base: "https://api-iam.intercom.io", app_id: "feorjbxt" }; </script> <script> // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/feorjbxt' (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/feorjbxt';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})(); </script>  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/21935141.js"></script>  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-dark-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0.49803921568627" /><feFuncG type="table" tableValues="0 0.49803921568627" /><feFuncB type="table" tableValues="0 0.49803921568627" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.54901960784314 0.98823529411765" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.71764705882353 0.25490196078431" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-red"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 0.27843137254902" /><feFuncB type="table" tableValues="0.5921568627451 0.27843137254902" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-midnight"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0" /><feFuncG type="table" tableValues="0 0.64705882352941" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-magenta-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.78039215686275 1" /><feFuncG type="table" tableValues="0 0.94901960784314" /><feFuncB type="table" tableValues="0.35294117647059 0.47058823529412" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-green"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.65098039215686 0.40392156862745" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.44705882352941 0.4" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-orange"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.098039215686275 1" /><feFuncG type="table" tableValues="0 0.66274509803922" /><feFuncB type="table" tableValues="0.84705882352941 0.41960784313725" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><div class="ekit-template-content-markup ekit-template-content-header ekit-template-content-theme-support"> <div data-elementor-type="wp-post" data-elementor-id="3351" class="elementor elementor-3351"> <section class="elementor-section elementor-top-section elementor-element elementor-element-5c1f1ce elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5c1f1ce" data-element_type="section" id="fixed-header" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-4a1587e" data-id="4a1587e" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-fa36e9d elementor-widget elementor-widget-image" data-id="fa36e9d" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.14.0 - 26-06-2023 */ .elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style> <a href="https://commune.us/"> <img width="364" height="64" src="https://commune.us/wp-content/uploads/2023/02/Logo_commune.png" class="attachment-medium_large size-medium_large wp-image-10205" alt="commune" loading="lazy" srcset="https://commune.us/wp-content/uploads/2023/02/Logo_commune.png 364w, https://commune.us/wp-content/uploads/2023/02/Logo_commune-300x53.png 300w" sizes="(max-width: 364px) 100vw, 364px" /> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-e9bc98b" data-id="e9bc98b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-01ce7d5 elementor-hidden-mobile elementor-hidden-tablet elementor-widget elementor-widget-ekit-nav-menu" data-id="01ce7d5" data-element_type="widget" data-widget_type="ekit-nav-menu.default"> <div class="elementor-widget-container"> <div class="ekit-wid-con ekit_menu_responsive_tablet" data-hamburger-icon="" data-hamburger-icon-type="icon" data-responsive-breakpoint="1024"> <button class="elementskit-menu-hamburger elementskit-menu-toggler" type="button" aria-label="hamburger-icon"> <span class="elementskit-menu-hamburger-icon"></span><span class="elementskit-menu-hamburger-icon"></span><span class="elementskit-menu-hamburger-icon"></span> </button> <div id="ekit-megamenu-header" class="elementskit-menu-container elementskit-menu-offcanvas-elements elementskit-navbar-nav-default elementskit_line_arrow ekit-nav-menu-one-page-no ekit-nav-dropdown-hover"><ul id="menu-header" class="elementskit-navbar-nav elementskit-menu-po-center submenu-click-on-icon"><li id="menu-item-3352" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3352 nav-item elementskit-dropdown-has top_position elementskit-dropdown-menu-custom_width elementskit-megamenu-has elementskit-mobile-builder-content" data-vertical-menu=650><a href="#" class="ekit-menu-nav-link">Product<i class="icon icon-down-arrow1 elementskit-submenu-indicator"></i></a><div class="elementskit-megamenu-panel"> <div data-elementor-type="wp-post" data-elementor-id="3353" class="elementor elementor-3353"> <section class="elementor-section elementor-top-section elementor-element elementor-element-6f26e0d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6f26e0d" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3a7448b" data-id="3a7448b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section data-eael-wrapper-link="{"url":"https:\/\/commune.us\/product-overview\/","is_external":"","nofollow":""}" class="elementor-section elementor-inner-section elementor-element elementor-element-8b4b44d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8b4b44d" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b708bac" data-id="b708bac" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1c65c64 elementor-widget elementor-widget-image" data-id="1c65c64" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://commune.us/product-overview/"> <img width="40" height="41" src="https://commune.us/wp-content/uploads/2023/02/analysis-1.svg" class="attachment-large size-large wp-image-3360" alt="" loading="lazy" /> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-579b4bf" data-id="579b4bf" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f797517 elementor-widget elementor-widget-heading" data-id="f797517" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.14.0 - 26-06-2023 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><h2 class="elementor-heading-title elementor-size-default"><a href="https://commune.us/product-overview/">Overview</a></h2> </div> </div> </div> </div> </div> </section> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-28810fd" data-id="28810fd" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section data-eael-wrapper-link="{"url":"https:\/\/commune.us\/integrations\/","is_external":"","nofollow":""}" class="elementor-section elementor-inner-section elementor-element elementor-element-dba50d4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="dba50d4" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-08089fd" data-id="08089fd" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-ee377e7 elementor-widget elementor-widget-image" data-id="ee377e7" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://commune.us/integrations/"> <img width="40" height="40" src="https://commune.us/wp-content/uploads/2023/02/integration-1.svg" class="attachment-large size-large wp-image-3381" alt="" loading="lazy" /> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-eaf8d41" data-id="eaf8d41" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-761efee elementor-widget elementor-widget-heading" data-id="761efee" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Integrations</h2> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> </div></li> <li id="menu-item-7075" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7075 nav-item elementskit-mobile-builder-content" data-vertical-menu=700><a href="https://commune.us/case-studies/" class="ekit-menu-nav-link">Case Studies</a></li> <li id="menu-item-7393" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7393 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/pricing/" class="ekit-menu-nav-link">Pricing</a></li> <li id="menu-item-1374" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1374 nav-item elementskit-dropdown-has top_position elementskit-dropdown-menu-custom_width elementskit-megamenu-has elementskit-mobile-builder-content" data-vertical-menu=700><a href="https://commune.us/downloadables/" class="ekit-menu-nav-link">Resources<i class="icon icon-down-arrow1 elementskit-submenu-indicator"></i></a><div class="elementskit-megamenu-panel"> <div data-elementor-type="wp-post" data-elementor-id="4006" class="elementor elementor-4006"> <section class="elementor-section elementor-top-section elementor-element elementor-element-87a59cf elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="87a59cf" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5ba57b0" data-id="5ba57b0" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section data-eael-wrapper-link="{"url":"https:\/\/commune.us\/downloadables\/","is_external":"","nofollow":""}" class="elementor-section elementor-inner-section elementor-element elementor-element-ebd5f97 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ebd5f97" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-769ab91" data-id="769ab91" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-4ddb43a elementor-widget elementor-widget-image" data-id="4ddb43a" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://commune.us/downloadables/"> <img width="40" height="40" src="https://commune.us/wp-content/uploads/2023/02/download.svg" class="attachment-large size-large wp-image-4008" alt="" loading="lazy" /> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c54ecbf" data-id="c54ecbf" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-32e13d7 elementor-widget elementor-widget-heading" data-id="32e13d7" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default"><a href="https://commune.us/downloadables/">Downloadables</a></h2> </div> </div> </div> </div> </div> </section> <section data-eael-wrapper-link="{"url":"https:\/\/commune.us\/blog\/","is_external":"","nofollow":""}" class="elementor-section elementor-inner-section elementor-element elementor-element-af96b11 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="af96b11" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-99650c3" data-id="99650c3" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-e3a25ba elementor-widget elementor-widget-image" data-id="e3a25ba" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="512" height="512" src="https://commune.us/wp-content/uploads/2023/02/write-message.png" class="attachment-full size-full wp-image-8981" alt="" loading="lazy" srcset="https://commune.us/wp-content/uploads/2023/02/write-message.png 512w, https://commune.us/wp-content/uploads/2023/02/write-message-300x300.png 300w, https://commune.us/wp-content/uploads/2023/02/write-message-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" /> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9ca56bb" data-id="9ca56bb" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1727325 elementor-widget elementor-widget-heading" data-id="1727325" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default"><a href="https://commune.us/blog/">Blog</a></h2> </div> </div> </div> </div> </div> </section> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9b3b4ae" data-id="9b3b4ae" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section data-eael-wrapper-link="{"url":"https:\/\/community.gosamplecloud.com\/view\/home","is_external":"","nofollow":""}" class="elementor-section elementor-inner-section elementor-element elementor-element-e950e7f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e950e7f" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6d53483" data-id="6d53483" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-81d1660 elementor-widget elementor-widget-image" data-id="81d1660" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://community.gosamplecloud.com/view/home"> <img width="46" height="46" src="https://commune.us/wp-content/uploads/2023/02/partners-1.svg" class="attachment-large size-large wp-image-4009" alt="" loading="lazy" /> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-501b637" data-id="501b637" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-2e7ad1f elementor-widget elementor-widget-heading" data-id="2e7ad1f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default"><a href="https://community.gosamplecloud.com/view/home">Explore Sample Community</a></h2> </div> </div> </div> </div> </div> </section> <section data-eael-wrapper-link="{"url":"https:\/\/commune.us\/services\/","is_external":"","nofollow":""}" class="elementor-section elementor-inner-section elementor-element elementor-element-4b1b2b9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4b1b2b9" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f7b5e9f" data-id="f7b5e9f" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-21c22f3 elementor-widget elementor-widget-image" data-id="21c22f3" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="720" height="720" src="https://commune.us/wp-content/uploads/2024/04/5_Illustration.png" class="attachment-large size-large wp-image-10017" alt="" loading="lazy" srcset="https://commune.us/wp-content/uploads/2024/04/5_Illustration.png 720w, https://commune.us/wp-content/uploads/2024/04/5_Illustration-300x300.png 300w, https://commune.us/wp-content/uploads/2024/04/5_Illustration-150x150.png 150w, https://commune.us/wp-content/uploads/2024/04/elementor/thumbs/5_Illustration-qmrmo8ma0i63dxwrx0txmqn283nyjyglycruxphvrk.png 360w" sizes="(max-width: 720px) 100vw, 720px" /> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3a6e33d" data-id="3a6e33d" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-782574c elementor-widget elementor-widget-heading" data-id="782574c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Service</h2> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-efdfed1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="efdfed1" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f47de12" data-id="f47de12" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> </div> </section> </div> </div></li> </ul><div class="elementskit-nav-identity-panel"> <div class="elementskit-site-title"> <a class="elementskit-nav-logo" href="https://commune.us" target="_self" rel=""> <img width="364" height="64" src="https://commune.us/wp-content/uploads/2023/02/Logo_commune.png" class="attachment-full size-full" alt="commune" decoding="async" loading="lazy" srcset="https://commune.us/wp-content/uploads/2023/02/Logo_commune.png 364w, https://commune.us/wp-content/uploads/2023/02/Logo_commune-300x53.png 300w" sizes="(max-width: 364px) 100vw, 364px" /> </a> </div><button class="elementskit-menu-close elementskit-menu-toggler" type="button">X</button></div></div><div class="elementskit-menu-overlay elementskit-menu-offcanvas-elements elementskit-menu-toggler ekit-nav-menu--overlay"></div></div> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-cc585b8" data-id="cc585b8" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-21efa0d elementor-hidden-desktop animated-fast elementor-widget elementor-widget-ekit-nav-menu" data-id="21efa0d" data-element_type="widget" data-settings="{"_animation":"none","_animation_mobile":"none"}" data-widget_type="ekit-nav-menu.default"> <div class="elementor-widget-container"> <div class="ekit-wid-con ekit_menu_responsive_tablet" data-hamburger-icon="icon icon-menu1" data-hamburger-icon-type="icon" data-responsive-breakpoint="1024"> <button class="elementskit-menu-hamburger elementskit-menu-toggler" type="button" aria-label="hamburger-icon"> <i aria-hidden="true" class="ekit-menu-icon icon icon-menu1"></i> </button> <div id="ekit-megamenu-mobile" class="elementskit-menu-container elementskit-menu-offcanvas-elements elementskit-navbar-nav-default elementskit_line_arrow ekit-nav-menu-one-page-no ekit-nav-dropdown-hover"><ul id="menu-mobile" class="elementskit-navbar-nav elementskit-menu-po-left submenu-click-on-icon"><li id="menu-item-3901" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3901 nav-item elementskit-dropdown-has relative_position elementskit-dropdown-menu-default_width elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/product-overview/" class="ekit-menu-nav-link ekit-menu-dropdown-toggle">Product<i class="icon icon-down-arrow1 elementskit-submenu-indicator"></i></a> <ul class="elementskit-dropdown elementskit-submenu-panel"> <li id="menu-item-3897" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3897 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/product-overview/" class=" dropdown-item">Product Overview</a> <li id="menu-item-3894" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3894 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/integrations/" class=" dropdown-item">Integrations</a></ul> </li> <li id="menu-item-7898" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7898 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/case-studies/" class="ekit-menu-nav-link">Case Studies</a></li> <li id="menu-item-7394" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7394 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/pricing/" class="ekit-menu-nav-link">Pricing</a></li> <li id="menu-item-3898" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3898 nav-item elementskit-dropdown-has relative_position elementskit-dropdown-menu-default_width elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/downloadables/" class="ekit-menu-nav-link ekit-menu-dropdown-toggle">Resources<i class="icon icon-down-arrow1 elementskit-submenu-indicator"></i></a> <ul class="elementskit-dropdown elementskit-submenu-panel"> <li id="menu-item-4699" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4699 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/downloadables/" class=" dropdown-item">Downloadables</a> <li id="menu-item-4698" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4698 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://community.gosamplecloud.com/view/home" class=" dropdown-item">Explore Sample Community</a> <li id="menu-item-10766" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10766 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/services/" class=" dropdown-item">Services</a> <li id="menu-item-3890" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3890 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/blog/" class=" dropdown-item">Blogs</a></ul> </li> <li id="menu-item-4799" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4799 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="https://commune.us/demo/" class="ekit-menu-nav-link">Free demo</a></li> </ul><div class="elementskit-nav-identity-panel"> <div class="elementskit-site-title"> <a class="elementskit-nav-logo" href="https://commune.us" target="_self" rel=""> <img width="364" height="64" src="https://commune.us/wp-content/uploads/2023/02/Logo_commune.png" class="attachment-full size-full" alt="commune" decoding="async" loading="lazy" srcset="https://commune.us/wp-content/uploads/2023/02/Logo_commune.png 364w, https://commune.us/wp-content/uploads/2023/02/Logo_commune-300x53.png 300w" sizes="(max-width: 364px) 100vw, 364px" /> </a> </div><button class="elementskit-menu-close elementskit-menu-toggler" type="button">X</button></div></div><div class="elementskit-menu-overlay elementskit-menu-offcanvas-elements elementskit-menu-toggler ekit-nav-menu--overlay"></div></div> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-0ef6478" data-id="0ef6478" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div data-eael-wrapper-link="{"url":"https:\/\/commune.us\/demo","is_external":"","nofollow":""}" class="elementor-element elementor-element-9cd2bab elementor-hidden-mobile elementor-align-right elementor-hidden-tablet elementor-widget elementor-widget-button" data-id="9cd2bab" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-lg" href="https://commune.us/demo"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Free demo</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> </div> </div> <main id="content" class="site-main post-11666 page type-page status-publish hentry"> <div class="page-content"> <div data-elementor-type="wp-page" data-elementor-id="11666" class="elementor elementor-11666"> <section class="elementor-section elementor-top-section elementor-element elementor-element-34d5f07 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="34d5f07" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9ff691" data-id="e9ff691" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-b3cac30 elementor-widget elementor-widget-html" data-id="b3cac30" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <style>.tx-a { font-size: 16px; line-height: 18px; } .tx-b { font-size: 16px; line-height: 20px; } .tx-c { font-size: 32px; line-height: 40px; } .tx-d { font-size: 16px; line-height: 18px; } .tx-e { font-size: 24px; line-height: 28px; } .sp-b { padding-bottom: 16px; } .sp-b2 { padding-bottom: 32px; } .sp-b4 { padding-bottom: 64px; } @media (min-width: 600px) { .tx-a { font-size: 24px; line-height: 28px; } .tx-b { font-size: 20px; line-height: 24px; } .tx-c { font-size: 40px; line-height: 48px; } .tx-d { font-size: 20px; line-height: 24px; } .tx-e { font-size: 32px; line-height: 38px; } .sp-b { padding-bottom: 24px; } .sp-b2 { padding-bottom: 48px; } .sp-b4 { padding-bottom: 96px; } } @media (min-width: 960px) { .tx-c { font-size: 48px; line-height: 58px; } } @media (min-width: 1440px) { .tx-b { font-size: 24px; line-height: 32px; } .tx-c { font-size: 64px; line-height: 76px; } .tx-e { font-size: 40px; line-height: 48px; } .sp-b { padding-bottom: 40px; } .sp-b2 { padding-bottom: 80px; } .sp-b4 { padding-bottom: 160px; } } .ls-t { letter-spacing: -0.5px; } .ls-t2 { letter-spacing: -1px; } .sectionPin1 { height: 300vh; overflow: visible; view-timeline-name: --section-pin1; view-timeline-axis: block; } .sectionSticky1 { height: 100vh; width: 100vw; position: sticky; top: 0; overflow-x: hidden; } .section1 { height: 100%; width: 300vmax; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; animation: horizontalScroll1 linear both; animation-timeline: --section-pin1; animation-range: contain 0% contain 100%; } .textBlack1 { animation: textBlackAnimation1 linear both; animation-timeline: --section-pin1; animation-range: contain 0% contain 100%; } @keyframes textBlackAnimation1 { from { width: 0%; } to { width: 100%; } } #hookimg1 { margin-top: 240px; height: 200px; min-height: 200px; max-height: 200px; } #hookimganother1 { margin-top: 240px; } @keyframes horizontalScroll1 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 1375px)); } } @media (min-width: 960px) { #hookimg1 { height: 240px; min-height: 240px; max-height: 240px; } @keyframes horizontalScroll1 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 1650px)); } } } @media (min-width: 1280px) { #hookimg1 { margin-top: 120px; height: 360px; min-height: 360px; max-height: 360px; } #hookimganother1 { margin-top: 120px; } @keyframes horizontalScroll1 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 2474px)); } } } @media (min-width: 1440px) { #hookimg1 { margin-top: 160px; height: 470px; min-height: 470px; max-height: 470px; } #hookimganother1 { margin-top: 160px; } @keyframes horizontalScroll1 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 3230px)); } } } .sectionPin2 { height: 300vh; overflow: visible; view-timeline-name: --section-pin2; view-timeline-axis: block; } .sectionSticky2 { height: 100vh; width: 100vw; position: sticky; top: 0; overflow-x: hidden; } .section2 { height: 100%; width: 300vmax; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; animation: horizontalScroll2 linear both; animation-timeline: --section-pin2; animation-range: contain 0% contain 100%; } .textBlack2 { animation: textBlackAnimation2 linear both; animation-timeline: --section-pin2; animation-range: contain 0% contain 100%; } @keyframes textBlackAnimation2 { from { width: 0%; } to { width: 100%; } } #hookimg2 { margin-top: 240px; height: 200px; min-height: 200px; max-height: 200px; } #hookimganother2 { margin-top: 240px; } @keyframes horizontalScroll2 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 1508px)); } } @media (min-width: 960px) { #hookimg2 { height: 240px; min-height: 240px; max-height: 240px; } @keyframes horizontalScroll2 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 1810px)); } } } @media (min-width: 1280px) { #hookimg2 { margin-top: 120px; height: 360px; min-height: 360px; max-height: 360px; } #hookimganother2 { margin-top: 120px; } @keyframes horizontalScroll2 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 2714px)); } } } @media (min-width: 1440px) { #hookimg2 { margin-top: 160px; height: 470px; min-height: 470px; max-height: 470px; } #hookimganother2 { margin-top: 160px; } @keyframes horizontalScroll2 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 3544px)); } } } .sectionPin3 { height: 300vh; overflow: visible; view-timeline-name: --section-pin3; view-timeline-axis: block; } .sectionSticky3 { height: 100vh; width: 100vw; position: sticky; top: 0; overflow-x: hidden; } .section3 { height: 100%; width: 300vmax; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; animation: horizontalScroll3 linear both; animation-timeline: --section-pin3; animation-range: contain 0% contain 100%; } .textBlack3 { animation: textBlackAnimation3 linear both; animation-timeline: --section-pin3; animation-range: contain 0% contain 100%; } @keyframes textBlackAnimation3 { from { width: 0%; } to { width: 100%; } } #hookimg3 { margin-top: 240px; height: 200px; min-height: 200px; max-height: 200px; } #hookimganother3 { margin-top: 240px; } @keyframes horizontalScroll3 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 1190px)); } } @media (min-width: 960px) { #hookimg3 { height: 240px; min-height: 240px; max-height: 240px; } @keyframes horizontalScroll3 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 1428px)); } } } @media (min-width: 1280px) { #hookimg3 { margin-top: 120px; height: 360px; min-height: 360px; max-height: 360px; } #hookimganother3 { margin-top: 120px; } @keyframes horizontalScroll3 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 2141px)); } } } @media (min-width: 1440px) { #hookimg3 { margin-top: 160px; height: 470px; min-height: 470px; max-height: 470px; } #hookimganother3 { margin-top: 160px; } @keyframes horizontalScroll3 { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 2796px)); } } } input.requestField, textarea.requestField { border-top-width: 0px !important; border-right-width: 0px !important; border-left-width: 0px !important; border-radius: 4px 4px 0 0 !important; } footer#colophon, #fixed-header { display: none !important; } body { padding-top: 0px !important; overflow-x: hidden; } .elementor-container, .elementor-column, .elementor-widget-wrap { margin: 0 !important; max-width: 9000px !important; width: 100% !important; padding: 0 !important; } * { font-family: "League Spartan", serif; font-optical-sizing: auto; font-style: normal; } .loopTextContainer { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; width: 100%; overflow: hidden; max-width: 1920px; } .loopText { text-transform: uppercase; -webkit-animation: loopText 600s infinite linear; animation: loopText 600s infinite linear; font-size: 16px; padding-top: 24px; padding-bottom: 24px; } @media (min-width: 960px) { .ex-hero2-sidetext { font-size: 24px; } } .loopTextSentence { position: relative; display: inline-block; padding-right: 72px; font-weight: 300; } .loopTextSentence b { font-weight: 500; } .loopTextSentence::before { content: ""; display: inline-block; position: absolute; right: 22px; top: 4px; width: 1em; height: 1em; background-image: url("data:image/svg+xml,%3Csvg style='display:inline;' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2.25L11.5456 8.70442L18 11.25L11.5456 13.7956L9 20.25L6.45442 13.7956L0 11.25L6.45442 8.70442L9 2.25Z' fill='%2318BDEB'/%3E%3Cpath d='M18 0L18.6364 1.6136L20.25 2.25L18.6364 2.8864L18 4.5L17.3636 2.8864L15.75 2.25L17.3636 1.6136L18 0Z' fill='%2318BDEB'/%3E%3Cpath d='M20.625 17.25L21.5796 19.6704L24 20.625L21.5796 21.5796L20.625 24L19.6704 21.5796L17.25 20.625L19.6704 19.6704L20.625 17.25Z' fill='%2318BDEB'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: right; } @-webkit-keyframes loopText { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes loopText { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } svg.hooksvg { fill: currentColor; stroke: currentColor; height: 100%; } .hookimg { height: 100%; } .outlinetext { -webkit-text-stroke: 1px black; color: #fff; } .textInner { display: block; -webkit-animation-name: scrollingText; animation-name: scrollingText; -webkit-animation-duration: 1200s; animation-duration: 1200s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } img.clientlogosimg { display: inline-block; } @-webkit-keyframes scrollingText { 0% { translate: 0 0; } 100% { translate: -5000% 0; } } @keyframes scrollingText { 0% { translate: 0 0; } 100% { translate: -5000% 0; } } .slick-prev, .slick-next { display: none !important; } .slick-dot { width: 16px; height: 16px; background-color: #0E0E0E; opacity: 0.1; border-radius: 100px; cursor: pointer; } .slick-dot.active { opacity: 1; } .slick-tab { cursor: pointer; border-color: #f2f2f2; } .slick-tab.active { border-color: #0E0E0E; } .slick-tab img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; } .slick-tab.active img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } .slick-dot.active { border-color: #0E0E0E; } .ai-slick-dot { width: 16px; height: 16px; background-color: #0E0E0E; opacity: 0.1; border-radius: 100px; cursor: pointer; } .ai-slick-dot.active { opacity: 1; } .pricing-slick-dot { width: 16px; height: 16px; background-color: #ffffff; opacity: 0.1; border-radius: 100px; cursor: pointer; } .pricing-slick-dot.active { opacity: 1; } .requestButton { color: #ffffff !important; } button { border-width: 0px !important; } button:hover, button:focus, button:active { background-color: transparent !important; } .header { position: fixed; top: 0px; left: 0px; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .header.header_hide { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .pricing-card-wrap div:last-child { margin-right: 0 !important; } .aipanellist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ex-hero-screen { width: 100%; } .ex-hero2-sidetext-wrap { position: -webkit-sticky; position: sticky; top: 0; } .ex-hero2-sidetext { font-size: 14px; position: absolute; width: 400px; text-align: center; left: -196px; top: calc(50vh - 12px); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media (min-width: 960px) { .ex-hero2-sidetext { left: -146px; font-size: 14px; } } @media (min-width: 1440px) { .ex-hero2-sidetext { left: -130px; font-size: 14px; } } .ex-hero2 { position: relative; overflow: clip; } .basic_message { letter-spacing: -0.5px; } </style> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-4127e95 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4127e95" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-da93865" data-id="da93865" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f13895a elementor-widget elementor-widget-html" data-id="f13895a" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/css/jum.css" /> <link rel="stylesheet" type="text/css" href="/css/global.css" /> <script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script type="text/javascript" src="https://flackr.github.io/scroll-timeline/dist/scroll-timeline.js"></script> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" /> <script src="https://cdn.tailwindcss.com"></script> <div class='overflow-hidden'> <header class="header fixed w-full bg-white/70 z-20 h-[56px] sm:h-[80px] "> <div class="w-full h-full absolute top-0 left-0 flex z-20"> <a class='w-14 sm:w-20 h-14 sm:h-20 flex items-center justify-center md:hidden cus-openmenu'> <svg class='w-4 h-4 sm:w-6 sm:h-6' viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1H17" stroke="#0E0E0E" strokeLinecap="round" /> <path d="M1 7H17" stroke="#0E0E0E" strokeLinecap="round" /> <path d="M1 13H17" stroke="#0E0E0E" strokeLinecap="round" /> </svg> </a> <div class="flex items-center md:hidden flex-1"> <a href="/"><img decoding="async" class='!h-[16px] sm:!h-8' src="https://commune.us/wp-content/uploads/2024/11/202411_logo.svg" /></a> </div> <div class="hidden items-center md:flex md:ml-6 el:ml-20"> <a href="/"><img decoding="async" class='!h-[16px] el:!max-h-[24px] md:!h-8' src="https://commune.us/wp-content/uploads/2024/11/202411_logo.svg" /></a> </div> <div class=" flex-1 text-[16px] text-center hidden md:flex justify-center items-center"> <div class='group relative'> <a href="#" class='relative transition-all'> <span class='relative inline-block mx-4 md:my-4 el:my-10'> Who We Are <span class='h-0.5 w-[0%] group-hover:w-[100%] bg-cblack absolute -bottom-1 el:-bottom-2 left-0 transition-all'></span> </span> <span class="absolute block bottom-0 left-0 bg-cblue"> </span> </a> <div class="absolute headersubmenu0 left-4 top-[70px] el:top-[90px] backdrop-blur-lg z-30 bg-white/70 shadow no1 w-[220px] transition-max-height overflow-hidden duration-200 invisible group-hover:visible"> <a href='/#why_community' class='headersubmenuitem0 flex flex-row w-full font-light hover:bg-cgray1/70 px-3 py-3 text-[18px] items-center hover:bg-cgray1'> <span class='block flex-1 text-left '>→ Why community</span> </a> <a href='/#brand_promise' class='headersubmenuitem0 flex flex-row w-full font-light hover:bg-cgray1/70 px-3 py-3 text-[18px] items-center hover:bg-cgray1'> <span class='block flex-1 text-left '>→ Our brand promise</span> </a> </div> </div> <div class='group relative'> <a href="/" class='relative transition-all'> <span class='relative inline-block mx-4 md:my-4 el:my-10'> Consumer Experience <span class='h-0.5 w-[0%] group-hover:w-[100%] bg-cblack absolute -bottom-1 el:-bottom-2 left-0 transition-all'></span> </span> <span class="absolute block bottom-0 left-0 bg-cblue"> </span> </a> <div class="absolute headersubmenu1 left-4 top-[70px] el:top-[90px] backdrop-blur-lg z-30 bg-white/70 shadow no2 w-[220px] transition-max-height overflow-hidden duration-200 invisible group-hover:visible"> <a href='/#product_overview' class='headersubmenuitem1 flex flex-row w-full font-light hover:bg-cgray1/70 px-3 py-3 text-[18px] items-center hover:bg-cgray1'> <span class='block flex-1 text-left '>→ Product Overview</span> </a> <a href='/#ai_powered_features' class='headersubmenuitem1 flex flex-row w-full font-light hover:bg-cgray1/70 px-3 py-3 text-[18px] items-center hover:bg-cgray1'> <span class='block flex-1 text-left '>→ AI-Powered Features</span> </a> <a href='/#successful_story' class='headersubmenuitem1 flex flex-row w-full font-light hover:bg-cgray1/70 px-3 py-3 text-[18px] items-center hover:bg-cgray1'> <span class='block flex-1 text-left '>→ Successful Story</span> </a> <a href='/#pricing' class='headersubmenuitem1 flex flex-row w-full font-light hover:bg-cgray1/70 px-3 py-3 text-[18px] items-center hover:bg-cgray1'> <span class='block flex-1 text-left '>→ Pricing</span> </a> </div> </div> <div class='group relative'> <a href="/ex" class='relative transition-all'> <span class='relative inline-block mx-4 md:my-4 el:my-10'> Employee Experience <span class='h-0.5 w-[0%] group-hover:w-[100%] bg-cblack absolute -bottom-1 el:-bottom-2 left-0 transition-all'></span> </span> <span class="absolute block bottom-0 left-0 bg-cblue"> </span> </a> <div class="absolute headersubmenu2 left-4 top-[70px] el:top-[90px] backdrop-blur-lg z-30 bg-white/70 shadow no3 w-[220px] transition-max-height overflow-hidden duration-200 invisible group-hover:visible"> <a href='/ex#brand_promise' class='headersubmenuitem2 flex flex-row w-full font-light hover:bg-cgray1/70 px-3 py-3 text-[18px] items-center hover:bg-cgray1'> <span class='block flex-1 text-left '>→ Service Overview</span> </a> <a href='/ex#successful_story' class='headersubmenuitem2 flex flex-row w-full font-light hover:bg-cgray1/70 px-3 py-3 text-[18px] items-center hover:bg-cgray1'> <span class='block flex-1 text-left '>→ Successful Story</span> </a> </div> </div> </div> <div class="flex items-center mr-4 sm:mr-6 el:mr-20"> <a class="requestButton relative text-[14px] leading-[16px] sm:text-[16px] sm:leading-[18px] px-6 py-[16px] a rounded-full bg-cblack text-cwhite group overflow-hidden hover:bg-cwhite transition-all duration-500 "> <span class="font-medium">Book a Demo</span><span class="font-light"> - it's free!</span> <span class=' inline-block w-16 h-16 rounded-full bg-cblue absolute -left-8 -bottom-20 group-hover:w-[420px] group-hover:h-[420px] transition-all duration-500'></span> <span class='absolute top-[16px] left-6 group-hover:text-cblack transition-[color] duration-500'><span class="font-medium">Book a Demo</span><span class="font-light"> - it's free!</span></span> </a> </div> </div> <div class="backdrop-blur-lg w-full h-full absolute top-0 left-0 z-10"></div> </header> <div class="cus-sidemenu fixed top-0 left-0 w-lvw h-screen overflow-hidden z-30 transition-all duration-200 block md:hidden hidden"> <div class='cus-closemenu bg-cblack/30 absolute top-0 left-0 w-full h-full '> </div> <div class="absolute top-0 left-0 w-[324px] h-full bg-cwhite rounded-r-[20px] flex flex-col"> <div class=''> <a class='cus-closemenu w-14 sm:w-20 h-14 sm:h-20 flex items-center justify-center md:hidden '> <svg class='w-6 h-6 sm:w-6 sm:h-6' width="27" height="14" viewBox="0 0 27 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1H17" stroke="#0E0E0E" strokeLinecap="round" /> <path d="M1 7H17" stroke="#0E0E0E" strokeLinecap="round" /> <path d="M1 13H17" stroke="#0E0E0E" strokeLinecap="round" /> <path d="M21.3433 6.82843L25.5859 2.58579" stroke="#0E0E0E" strokeLinecap="round" /> <path d="M21 7.17157L25.2426 11.4142" stroke="#0E0E0E" strokeLinecap="round" /> </svg> </a> </div> <div class='w-full px-1 sm:px-[6px]'> <a href="#" data-is-opened="false" class="cus-sidemenu-item-toggle no1 flex flex-row w-full rounded-full px-3 sm:px-[18px] py-3 text-[16px] items-center hover:bg-cgray1 "> <span class='block mr-3'> <img decoding="async" class="!w-6 !h-6" src="https://commune.us/wp-content/uploads/2024/11/iconCommune.png" /> </span> <span class='block flex-1 text-left'>Who We Are</span> <span class='block '> <svg class="cus-sidemenu-item-toggle-arrow no1 transition-transform duration-200 transition-opacity" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.3137 18.0637C17.7279 18.0637 18.0637 17.7279 18.0637 17.3137L18.0637 10.5637C18.0637 10.1495 17.7279 9.81371 17.3137 9.81371C16.8995 9.81371 16.5637 10.1495 16.5637 10.5637V16.5637H10.5637C10.1495 16.5637 9.81371 16.8995 9.81371 17.3137C9.81371 17.7279 10.1495 18.0637 10.5637 18.0637L17.3137 18.0637ZM5.46967 6.53033L16.7834 17.844L17.844 16.7834L6.53033 5.46967L5.46967 6.53033Z" fill="#0E0E0E" /> </svg> </span> </a> <div class="cus-sidemenu-item-toggle-group no1 transition-max-height overflow-hidden duration-200 max-h-0"> <a href='/#why_community' class='cus-closemenu flex flex-row w-full font-light hover:bg-cgray1 rounded-full px-3 py-3 text-[16px] items-center'> <span class='block flex-1 text-left ml-9'>Why community</span> </a> <a href='/#brand_promise' class='cus-closemenu flex flex-row w-full font-light hover:bg-cgray1 rounded-full px-3 py-3 text-[16px] items-center'> <span class='block flex-1 text-left ml-9'>Our brand promise</span> </a> </div> </div> <div class='w-full px-1 sm:px-[6px]'> <a href="/" data-is-opened="false" class="cus-sidemenu-item-toggle no2 flex flex-row w-full rounded-full px-3 sm:px-[18px] py-3 text-[16px] items-center hover:bg-cgray1 "> <span class='block mr-3'> <img decoding="async" class="!w-6 !h-6" src="https://commune.us/wp-content/uploads/2024/11/iconC.png" /> </span> <span class='block flex-1 text-left'>Consumer Experience</span> <span class='block '> <svg class="cus-sidemenu-item-toggle-arrow no2 transition-transform duration-200 transition-opacity" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.3137 18.0637C17.7279 18.0637 18.0637 17.7279 18.0637 17.3137L18.0637 10.5637C18.0637 10.1495 17.7279 9.81371 17.3137 9.81371C16.8995 9.81371 16.5637 10.1495 16.5637 10.5637V16.5637H10.5637C10.1495 16.5637 9.81371 16.8995 9.81371 17.3137C9.81371 17.7279 10.1495 18.0637 10.5637 18.0637L17.3137 18.0637ZM5.46967 6.53033L16.7834 17.844L17.844 16.7834L6.53033 5.46967L5.46967 6.53033Z" fill="#0E0E0E" /> </svg> </span> </a> <div class="cus-sidemenu-item-toggle-group no2 transition-max-height overflow-hidden duration-200 max-h-0"> <a href='/#product_overview' class='cus-closemenu flex flex-row w-full font-light hover:bg-cgray1 rounded-full px-3 py-3 text-[16px] items-center'> <span class='block flex-1 text-left ml-9'>Product Overview</span> </a> <a href='/#ai_powered_features' class='cus-closemenu flex flex-row w-full font-light hover:bg-cgray1 rounded-full px-3 py-3 text-[16px] items-center'> <span class='block flex-1 text-left ml-9'>AI-Powered Features</span> </a> <a href='/#successful_story' class='cus-closemenu flex flex-row w-full font-light hover:bg-cgray1 rounded-full px-3 py-3 text-[16px] items-center'> <span class='block flex-1 text-left ml-9'>Successful Story</span> </a> <a href='/#pricing' class='cus-closemenu flex flex-row w-full font-light hover:bg-cgray1 rounded-full px-3 py-3 text-[16px] items-center'> <span class='block flex-1 text-left ml-9'>Pricing</span> </a> </div> </div> <div class='w-full px-1 sm:px-[6px]'> <a href="/ex" data-is-opened="false" class="cus-sidemenu-item-toggle no3 flex flex-row w-full rounded-full px-3 sm:px-[18px] py-3 text-[16px] items-center hover:bg-cgray1 "> <span class='block mr-3'> <img decoding="async" class="!w-6 !h-6" src="https://commune.us/wp-content/uploads/2024/11/iconE.png" /> </span> <span class='block flex-1 text-left'>Employee Experience</span> <span class='block '> <svg class="cus-sidemenu-item-toggle-arrow no3 transition-transform duration-200 transition-opacity" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.3137 18.0637C17.7279 18.0637 18.0637 17.7279 18.0637 17.3137L18.0637 10.5637C18.0637 10.1495 17.7279 9.81371 17.3137 9.81371C16.8995 9.81371 16.5637 10.1495 16.5637 10.5637V16.5637H10.5637C10.1495 16.5637 9.81371 16.8995 9.81371 17.3137C9.81371 17.7279 10.1495 18.0637 10.5637 18.0637L17.3137 18.0637ZM5.46967 6.53033L16.7834 17.844L17.844 16.7834L6.53033 5.46967L5.46967 6.53033Z" fill="#0E0E0E" /> </svg> </span> </a> <div class="cus-sidemenu-item-toggle-group no3 transition-max-height overflow-hidden duration-200 max-h-0"> <a href='/ex#brand_promise' class='cus-closemenu flex flex-row w-full font-light hover:bg-cgray1 rounded-full px-3 py-3 text-[16px] items-center'> <span class='block flex-1 text-left ml-9'>Service Overview</span> </a> <a href='/ex#successful_story' class='cus-closemenu flex flex-row w-full font-light hover:bg-cgray1 rounded-full px-3 py-3 text-[16px] items-center'> <span class='block flex-1 text-left ml-9'>Successful Story</span> </a> </div> </div> </div> </div> </div> <div> <div class='relative flex justify-center px-4 sm:px-6 el:px-20 mb-6' id="hoverEffectArea"> <div class="max-w-[1840px] w-full mx-auto"> <div class='pt-64 flex-col el:flex-row w-full hidden el:flex'> <div class='flex-[8] flex items-end justify-items-end -mb-6'> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/herotext2025_1.png" class='w-full object-contain ' /> </div> <div class="flex-1"></div> <div class="flex flex-row-reverese justify-end flex-[3]"> <div class="flex flex-col justify-end max-w-[420px]"> <div> <img src=' https://commune.us/wp-content/uploads/2024/11/ceo-1.png' class='inline-block w-10 h-10' /> <span class='ml-4 text-[20px] font-semibold'>Julien, CEO at Commune</span> </div> <div class='mt-8 text-[16px] leading-[19px] font-light leading-6'> “ Commune is the premier advocacy platform for consumer brands, driving revenue growth through engaged communities. Build a thriving advocate base that generates UGC, amplifies your brand on social media, participates in surveys, and joins events. Our rewards system boosts customer acquisition and lifetime value. ” </div> <div class='mt-8'> <a href="/#ai_powered_features" class='text-[16px] font-semibold'><span> <svg class='inline align-middle h-[12px] w-[12px]' width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.1421 16.1421C15.6944 16.1421 16.1421 15.6944 16.1421 15.1421L16.1421 6.14214C16.1421 5.58985 15.6944 5.14214 15.1421 5.14214C14.5899 5.14214 14.1421 5.58985 14.1421 6.14214L14.1421 14.1421L6.14214 14.1421C5.58985 14.1421 5.14214 14.5899 5.14214 15.1421C5.14214 15.6944 5.58985 16.1421 6.14214 16.1421L15.1421 16.1421ZM0.292893 1.70711L14.435 15.8492L15.8492 14.435L1.70711 0.292893L0.292893 1.70711Z" fill="#0E0E0E" /> </svg> </span> <span class=' ml-2 inline-block align-middle h-[24px] w-52 relative overflow-hidden'> <span class='transition-all block duration-300 absolute w-52 hover:mt-[-40px]'> <span class='block'>Discover How It Works</span> <span class='block mt-4'>Discover How It Works</span> </span> </span> </a> </div> </div> </div> </div> <div class='pt-64 flex-col w-full hidden md:flex el:hidden'> <div class='flex-1 flex justify-end mb-20 '> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/herotext2025_1.png" class='w-full object-contain ' /> </div> <div class="flex justify-center "> <div class="flex "> <div class="max-w-[360px] mr-20"> <div> <img src=' https://commune.us/wp-content/uploads/2024/11/ceo-1.png' class='inline-block w-10 h-10' /> <span class='ml-4 text-2xl font-semibold'>Julien, CEO at Commune</span> </div> <div class='mt-10 text-2xl font-light leading-6'> “ Commune is the premier advocacy platform for consumer brands, driving revenue growth through engaged communities. Build a thriving advocate base that generates UGC, amplifies your brand on social media, participates in surveys, and joins events. Our rewards system boosts customer acquisition and lifetime value. ” </div> </div> <div class='ml-20 flex flex-col justify-end'> <a href="/#ai_powered_features" class='text-[24px] font-semibold'><span><svg class='inline align-middle' width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.1421 16.1421C15.6944 16.1421 16.1421 15.6944 16.1421 15.1421L16.1421 6.14214C16.1421 5.58985 15.6944 5.14214 15.1421 5.14214C14.5899 5.14214 14.1421 5.58985 14.1421 6.14214L14.1421 14.1421L6.14214 14.1421C5.58985 14.1421 5.14214 14.5899 5.14214 15.1421C5.14214 15.6944 5.58985 16.1421 6.14214 16.1421L15.1421 16.1421ZM0.292893 1.70711L14.435 15.8492L15.8492 14.435L1.70711 0.292893L0.292893 1.70711Z" fill="#0E0E0E" /> </svg> </span> <span class=' ml-2 inline-block align-middle h-[32px] w-60 relative overflow-hidden'> <span class='transition-all block duration-300 absolute w-60 hover:mt-[-52px]'> <span class='block'>Discover How It Works</span> <span class='block mt-4'>Discover How It Works</span> </span> </span> </a> </div> </div> </div> </div> <div class='pt-[120px] flex-col w-full flex md:hidden'> <div class='flex-1 flex justify-end mb-10'> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/herotext2025_1.png" class='w-full object-contain ' /> </div> <div class="flex flex-row-reverese justify-center"> <div class="flex flex-col justify-end max-w-[250px] sm:max-w-[360px]"> <div> <img src=' https://commune.us/wp-content/uploads/2024/11/ceo-1.png' class='inline-block w-10 h-10' /> <span class='ml-4 text-[16px] font-semibold'>Julien, CEO at Commune</span> </div> <div class='mt-6 text-[16px] leading-[18px] font-light text-center sm:text-left'> “ Commune is the premier advocacy platform for consumer brands, driving revenue growth through engaged communities. Build a thriving advocate base that generates UGC, amplifies your brand on social media, participates in surveys, and joins events. Our rewards system boosts customer acquisition and lifetime value. ” </div> <div class='mt-8 flex justify-center'> <a href="/#ai_powered_features" class='text-[24px] font-semibold hidden sm:inline-block'> <span> <svg class='inline align-middle' width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.1421 16.1421C15.6944 16.1421 16.1421 15.6944 16.1421 15.1421L16.1421 6.14214C16.1421 5.58985 15.6944 5.14214 15.1421 5.14214C14.5899 5.14214 14.1421 5.58985 14.1421 6.14214L14.1421 14.1421L6.14214 14.1421C5.58985 14.1421 5.14214 14.5899 5.14214 15.1421C5.14214 15.6944 5.58985 16.1421 6.14214 16.1421L15.1421 16.1421ZM0.292893 1.70711L14.435 15.8492L15.8492 14.435L1.70711 0.292893L0.292893 1.70711Z" fill="#0E0E0E" /> </svg> </span> <span class=' inline-block align-middle h-[32px] w-60 relative overflow-hidden'> <span class='transition-all block duration-300 absolute w-60 hover:mt-[-52px]'> <span class='block'>Discover How It Works</span> <span class='block mt-4'>Discover How It Works</span> </span> </span> </a> <a href="/#ai_powered_features" class='text-[16px] font-semibold inline-block sm:hidden'> <span> <svg class='inline align-middle w-[14px] h-[14px]' width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.1421 16.1421C15.6944 16.1421 16.1421 15.6944 16.1421 15.1421L16.1421 6.14214C16.1421 5.58985 15.6944 5.14214 15.1421 5.14214C14.5899 5.14214 14.1421 5.58985 14.1421 6.14214L14.1421 14.1421L6.14214 14.1421C5.58985 14.1421 5.14214 14.5899 5.14214 15.1421C5.14214 15.6944 5.58985 16.1421 6.14214 16.1421L15.1421 16.1421ZM0.292893 1.70711L14.435 15.8492L15.8492 14.435L1.70711 0.292893L0.292893 1.70711Z" fill="#0E0E0E" /> </svg> </span> <span class=' inline-block align-middle h-[22px] w-[160px] relative overflow-hidden'> <span class='transition-all block duration-300 absolute w-[160px] hover:mt-[-40px]'> <span class='block'>Discover How It Works</span> <span class='block mt-4'>Discover How It Works</span> </span> </span> </a> </div> </div> </div> </div> <section class="loopTextContainer"> <p class="loopText"> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> <span class="loopTextSentence"><b>AI-powered ADVOCACY</b> Community Platform</span> <span class="loopTextSentence"><b>Top-Rated Leader</b> on G2 for Excellence</span> </p> </section> </div> <div class='w-full h-hull absolute top-0 left-0 -z-10 overflow-hidden' id="hover-effect-area"> </div> </div> <div class='relative flex justify-center '> <div class="max-w-[1920px] w-full mx-auto relative"> <div class='relative flex w-full '> <img decoding="async" class="w-full hidden el:block" src="https://commune.us/wp-content/uploads/2024/11/c_hero2_el.png" /> <img decoding="async" class="w-full hidden md:block el:hidden" src="https://commune.us/wp-content/uploads/2024/11/c_hero2_md.png" /> <img decoding="async" class="w-full hidden sm:block md:hidden" src="https://commune.us/wp-content/uploads/2024/11/c_hero2_sm.png" /> <img decoding="async" class="w-full block sm:hidden" src="https://commune.us/wp-content/uploads/2024/11/c_hero2_mobile.png" /> <div class='absolute top-0 left-0 w-full h-full px-4 sm:px-6 el:px-20'> <a class='block w-full h-full rounded-[40px] group overflow-hidden' href='https://community.gosamplecloud.com/view/home' target="_blank" rel="noopener noreferrer" id="hero2HoverArea"> <span class='hidden sm:block bg-cblack min-w-[228px] text-cwhite py-3 px-6 text-base rounded-full transition-opacity opacity-0 group-hover:opacity-100 font-semibold absolute select-none pointer-events-none'>Experience the demo now!</span> </a> </div> </div> </div> </div> <div class="max-w-[1920px] w-full mx-auto mt-10 el:mt-20"> <div class='relative px-4 sm:px-6 el:px-20'> <div id="why_community" class="absolute top-[-100px]"></div> <div class="basic_message"> <span class='text-[14px] leading-[14px] sm:text-[16px] sm:leading-[17px] el:text-[20px] el:leading-[21px] border border-cblack px-4 el:px-6 py-2 rounded-full inline-block ls-t'>Why Your Business Needs Customer Advocates</span> <div class='flex mb-20 sm:mb-40 flex-col md:flex-row mt-6 sm:mt-10'> <div class='flex-[5]'> <p class='tx-e font-semibold ls-t'> Hard Truth: Customer acquisition is tough. Turn customers into advocates to counter high ad costs and ineffective influencers for sustainable growth. </p> </div> <div class="flex-1"></div> <div class='mt-10 sm:mt-20 md:mt-0 flex-[6]'> <span class='font-light block tx-b'>Customer Advocates vs. Influencer Marketing: <b class='font-semibold'>What’s the Difference?</b></span> <div class="tx-d"> <p class='font-light mt-6 sm:mt-8'> Unlike traditional influencer campaigns, customer advocacy leverages genuine product experiences and authentic recommendations, fostering deeper audience trust, sustainable word-of-mouth growth, and enduring brand loyalty—all while reducing marketing costs. </p> </div> </div> </div> </div> </div> <div class='border-t border-cblack'> <div class="accordionitem relative transition-all duration-1000 py-[20px] sm:py-[24px] md:py-[28px] border-b border-cblack cursor-pointer flex "> <div class="px-4 sm:px-6 el:px-20 flex-1"> <div class='flex flex-1 items-center'> <span class='block text-[20px] sm:text-[24px] md:text-[32px] el:text-[40px] font-semibold flex-1'>Authenticity & Trust</span> <span class="block right-4 sm:right-6 el:right-20"> <svg class="arrow-icon transition-all duration-1000 w-6 h-6 md:w-8 md:h-8 el:w-10 el:h-10" width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M30.1417 32.2843C31.2463 32.2843 32.1417 31.3888 32.1417 30.2843L32.1417 12.2843C32.1417 11.1797 31.2463 10.2843 30.1417 10.2843C29.0371 10.2843 28.1417 11.1797 28.1417 12.2843L28.1417 28.2843L12.1417 28.2843C11.0371 28.2843 10.1417 29.1797 10.1417 30.2843C10.1417 31.3888 11.0371 32.2843 12.1417 32.2843L30.1417 32.2843ZM0.443208 3.41421L28.7275 31.6985L31.5559 28.8701L3.27164 0.585786L0.443208 3.41421Z" fill="#0E0E0E" /> </svg> </span> </div> <div class="message-box flex-1 text-2xl transition-all duration-1000 overflow-hidden max-h-0 w-full flex flex-row"> <div class="flex-1 hidden md:block"></div> <div class="flex-1 mt-10 mb-6 text-[16px] sm:text-[20px] el:text-[24px] leading-[20px] sm:leading-[24px] el:leading-[28px]"> <div class=''> <ul class="list-disc"> <li> Advocates share genuine experiences with products they actually use and love, which creates deeper credibility </li> <li> Audiences trust peer recommendations more than paid promotions</li> </ul> </div> </div> </div> </div> </div> <div class="accordionitem relative transition-all duration-1000 py-[20px] sm:py-[24px] md:py-[28px] border-b border-cblack cursor-pointer flex "> <div class="px-4 sm:px-6 el:px-20 flex-1"> <div class='flex flex-1 items-center'> <span class='block text-[20px] sm:text-[24px] md:text-[32px] el:text-[40px] font-semibold flex-1'>Cost-Effectiveness</span> <span class="block right-4 sm:right-6 el:right-20"> <svg class="arrow-icon transition-all duration-1000 w-6 h-6 md:w-8 md:h-8 el:w-10 el:h-10" width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M30.1417 32.2843C31.2463 32.2843 32.1417 31.3888 32.1417 30.2843L32.1417 12.2843C32.1417 11.1797 31.2463 10.2843 30.1417 10.2843C29.0371 10.2843 28.1417 11.1797 28.1417 12.2843L28.1417 28.2843L12.1417 28.2843C11.0371 28.2843 10.1417 29.1797 10.1417 30.2843C10.1417 31.3888 11.0371 32.2843 12.1417 32.2843L30.1417 32.2843ZM0.443208 3.41421L28.7275 31.6985L31.5559 28.8701L3.27164 0.585786L0.443208 3.41421Z" fill="#0E0E0E" /> </svg> </span> </div> <div class="message-box flex-1 text-2xl transition-all duration-1000 overflow-hidden max-h-0 w-full flex flex-row"> <div class="flex-1 hidden md:block"></div> <div class="flex-1 mt-10 mb-6 text-[16px] sm:text-[20px] el:text-[24px] leading-[20px] sm:leading-[24px] el:leading-[28px]"> <div class=''> <ul class="list-disc"> <li>Advocates share naturally or through reward programs, not large payouts. No need for expensive production or content creation costs </li> <li> Higher ROI due to lower investment requirements</li> </ul> </div> </div> </div> </div> </div> <div class="accordionitem relative transition-all duration-1000 py-[20px] sm:py-[24px] md:py-[28px] border-b border-cblack cursor-pointer flex "> <div class="px-4 sm:px-6 el:px-20 flex-1"> <div class='flex flex-1 items-center'> <span class='block text-[20px] sm:text-[24px] md:text-[32px] el:text-[40px] font-semibold flex-1'>Durable growth</span> <span class="block right-4 sm:right-6 el:right-20"> <svg class="arrow-icon transition-all duration-1000 w-6 h-6 md:w-8 md:h-8 el:w-10 el:h-10" width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M30.1417 32.2843C31.2463 32.2843 32.1417 31.3888 32.1417 30.2843L32.1417 12.2843C32.1417 11.1797 31.2463 10.2843 30.1417 10.2843C29.0371 10.2843 28.1417 11.1797 28.1417 12.2843L28.1417 28.2843L12.1417 28.2843C11.0371 28.2843 10.1417 29.1797 10.1417 30.2843C10.1417 31.3888 11.0371 32.2843 12.1417 32.2843L30.1417 32.2843ZM0.443208 3.41421L28.7275 31.6985L31.5559 28.8701L3.27164 0.585786L0.443208 3.41421Z" fill="#0E0E0E" /> </svg> </span> </div> <div class="message-box flex-1 text-2xl transition-all duration-1000 overflow-hidden max-h-0 w-full flex flex-row"> <div class="flex-1 hidden md:block"></div> <div class="flex-1 mt-10 mb-6 text-[16px] sm:text-[20px] el:text-[24px] leading-[20px] sm:leading-[24px] el:leading-[28px]"> <div class=''> <ul class="list-disc"> <li>Advocates maintain brand loyalty over extended periods leading to continuous organic content generation </li> <li>Natural, ongoing word-of-mouth v.s. one-off campaign posts</li> <li>You have the authority to use the content over time</li> </ul> </div> </div> </div> </div> </div> <div class="accordionitem relative transition-all duration-1000 py-[20px] sm:py-[24px] md:py-[28px] border-b border-cblack cursor-pointer flex "> <div class="px-4 sm:px-6 el:px-20 flex-1"> <div class='flex flex-1 items-center'> <span class='block text-[20px] sm:text-[24px] md:text-[32px] el:text-[40px] font-semibold flex-1'>Targeted Impact</span> <span class="block right-4 sm:right-6 el:right-20"> <svg class="arrow-icon transition-all duration-1000 w-6 h-6 md:w-8 md:h-8 el:w-10 el:h-10" width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M30.1417 32.2843C31.2463 32.2843 32.1417 31.3888 32.1417 30.2843L32.1417 12.2843C32.1417 11.1797 31.2463 10.2843 30.1417 10.2843C29.0371 10.2843 28.1417 11.1797 28.1417 12.2843L28.1417 28.2843L12.1417 28.2843C11.0371 28.2843 10.1417 29.1797 10.1417 30.2843C10.1417 31.3888 11.0371 32.2843 12.1417 32.2843L30.1417 32.2843ZM0.443208 3.41421L28.7275 31.6985L31.5559 28.8701L3.27164 0.585786L0.443208 3.41421Z" fill="#0E0E0E" /> </svg> </span> </div> <div class="message-box flex-1 text-2xl transition-all duration-1000 overflow-hidden max-h-0 w-full flex flex-row"> <div class="flex-1 hidden md:block"></div> <div class="flex-1 mt-10 mb-6 text-[16px] sm:text-[20px] el:text-[24px] leading-[20px] sm:leading-[24px] el:leading-[28px]"> <div class=''> <ul class="list-disc"> <li>Higher conversion due to authentic peer connections that share similar needs </li> <li>Messages resonate more deeply due to shared experiences</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="max-w-[1920px] w-full mx-auto sm:pb-20"> <div class='relative px-4 sm:px-6 el:px-20 mt-20 sm:mt-40'> <div id="brand_promise" class="absolute top-[-100px]"></div> <div class="basic_message"> <span class='text-[14px] leading-[14px] sm:text-[16px] sm:leading-[17px] el:text-[20px] el:leading-[21px] border border-cblack px-4 el:px-6 py-2 rounded-full inline-block ls-t'>Commune's Promise to You</span> <div class='flex mb-20 sm:mb-40 flex-col md:flex-row mt-6 sm:mt-10'> <div class='flex-[5]'> <p class='tx-e font-semibold ls-t'> We are dedicated to maximizing your advocate community's success and delivering measurable business impact. </p> </div> <div class="flex-1"></div> <div class='mt-10 sm:mt-20 md:mt-0 flex-[6]'> <span class='font-light block tx-b'><b class='font-semibold'>How do we deliver on this promise?</b></span> <div class="tx-d"> <p class='font-light mt-6 sm:mt-8'> Building a community is easy, but making it successful requires strategy. Commune equips brands with the tools needed to transform customers into revenue-driving advocates. Our platform offers personalized community experiences, a native iOS/Android app, and gamification to boost UGC. Additionally, as an AI-powered platform, it streamlines community management to maximize impact with minimal effort. </p> </div> </div> </div> </div> </div> <div class='px-4 sm:px-6 px-10 el:px-20'> <div class='flex sm:hidden md:flex el:hidden flex-col md:flex-row gap-y-20 mb:gap-y-0'> <div class='flex-1'> <div class='flex justify-center flex-col items-center'> <div class='mr-4 h-20'> <svg width="69" height="64" viewBox="0 0 69 64" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.33984 31.2186C7.33984 16.1916 19.5225 4 34.5585 4C47.7161 4 58.6912 13.3293 61.2315 25.7355" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M2.5 28.1238L7.33907 33.3027L12.1692 28.1238" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M61.2315 32.7927C61.2315 47.8287 49.0399 60.0114 34.0129 60.0114C20.8552 60.0114 9.88013 50.6821 7.33984 38.2758" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M66.0618 35.8878L61.2316 30.7178L56.3926 35.8878" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <mask id="mask0_2240_4284" maskUnits="userSpaceOnUse" x="8" y="5" width="53" height="54"> <rect x="8" y="5.5" width="53" height="53" rx="26.5" fill="white" /> </mask> <g mask="url(#mask0_2240_4284)"> <path d="M41.6999 29.262H27.1469C26.6677 29.262 26.2793 29.6504 26.2793 30.1296V47.4286C26.2793 47.9078 26.6677 48.2962 27.1469 48.2962H41.6999C42.1791 48.2962 42.5675 47.9078 42.5675 47.4286V30.1296C42.5675 29.6504 42.1791 29.262 41.6999 29.262Z" fill="#18BCEA" /> <path d="M33.8191 16.7482L18.2464 32.464C17.7187 33.0007 18.0943 33.9041 18.8457 33.9041H50C50.7513 33.9041 51.127 33.0007 50.5993 32.464L35.0266 16.7482C34.6957 16.4173 34.159 16.4173 33.828 16.7482H33.8191Z" fill="#18BCEA" /> </g> </svg> </div> <div class='mt-1 flex'> <div class='text-[64px] font-bold leading-[64px] '>+1,800%</div> <div class='flex flex-col ml-4 text-[20px] font-semibold'> <div class='flex-1'></div> <div class='mb-2'>UGC</div> </div> </div> </div> <div class='text-[20px] leading-[24px] sm:text-[32px] sm:leading-[40px] el:text-[24px] el:leading-[32px] flex justify-center mt-2 text-center'> <span class="inline-block">A Food Manufacturer Boosted UGC on<br /> Social Media in Just 6 Months</span> </div> </div> <div class='flex-1'> <div class='flex justify-center flex-col items-center'> <div class='mr-4 h-20'> <svg width="69" height="64" viewBox="0 0 69 64" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 51H29.1326V48.6727H31V51ZM12.8674 51H11V48.2727H12.8674V51ZM31 45.9455H29.1326V43.2182H31V45.9455ZM12.8674 45.5455H11V42.8182H12.8674V45.5455ZM31 40.4909H29.1326V37.7636H31V40.4909ZM12.8674 40.0909H11V37.3636H12.8674V40.0909ZM31 35.0364H29.1326V32.3091H31V35.0364ZM12.8674 34.6364H11V31.9091H12.8674V34.6364ZM31 29.5818H29.1326V26.8545H31V29.5818ZM12.8674 29.1818H11V26.4545H12.8674V29.1818ZM31 24.1273H29.1326V21.4H31V24.1273ZM12.8674 23.7273H11V21H12.8674V23.7273ZM31 18.6727H29.1326V15.9455H31V18.6727ZM12.8674 18.2727H11V15.5455H12.8674V18.2727ZM31 13.2182H29.1326V12.8182H28.2082V11H29.1326C30.1597 11 31 11.8182 31 12.8182V13.2182ZM25.4071 12.8182H22.606V11H25.4071V12.8182ZM19.8048 12.8182H17.0037V11H19.8048V12.8182ZM14.2026 12.8182H11C11 11.8091 11.8403 11 12.8674 11H14.2026V12.8182Z" fill="#EE4355" /> <path d="M11 13C11 11.8954 11.8954 11 13 11H29C30.1046 11 31 11.8954 31 13V51H11V13Z" fill="#EE4355" /> <path d="M57 51H55.1326V48.6727H57V51ZM38.8674 51H37V48.2727H38.8674V51ZM57 45.9455H55.1326V43.2182H57V45.9455ZM38.8674 45.5455H37V42.8182H38.8674V45.5455ZM57 40.4909H55.1326V37.7636H57V40.4909ZM38.8674 40.0909H37V37.3636H38.8674V40.0909ZM57 35.0364H55.1326V32.3091H57V35.0364ZM38.8674 34.6364H37V31.9091H38.8674V34.6364ZM57 29.5818H55.1326V26.8545H57V29.5818ZM38.8674 29.1818H37V26.4545H38.8674V29.1818ZM57 24.1273H55.1326V21.4H57V24.1273ZM38.8674 23.7273H37V21H38.8674V23.7273ZM57 18.6727H55.1326V15.9455H57V18.6727ZM38.8674 18.2727H37V15.5455H38.8674V18.2727ZM57 13.2182H55.1326V12.8182H54.2082V11H55.1326C56.1597 11 57 11.8182 57 12.8182V13.2182ZM51.4071 12.8182H48.606V11H51.4071V12.8182ZM45.8048 12.8182H43.0037V11H45.8048V12.8182ZM40.2026 12.8182H37C37 11.8091 37.8403 11 38.8674 11H40.2026V12.8182Z" fill="#EE4355" /> <path d="M37 38C37 36.8954 37.8954 36 39 36H55C56.1046 36 57 36.8954 57 38V51H37V38Z" fill="#EE4355" /> <path d="M6.5 52.397H62.5" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> </svg> </div> <div class='mt-1 flex'> <div class='text-[64px] font-bold leading-[64px] '>800+</div> <div class='flex flex-col ml-4 text-[20px] leading-[16px] font-semibold'> <div class='flex-1'></div> <div class='mb-[20px]'>new subscribers<br /> per month</div> </div> </div> </div> <div class='text-[20px] leading-[24px] sm:text-[32px] sm:leading-[40px] el:text-[24px] el:leading-[32px] flex justify-center mt-2 text-center'> <span class="inline-block">A health D2C acquires through<br /> advocates’ referral</span> </div> </div> <div class='flex-1'> <div class='flex justify-center flex-col items-center'> <div class='mr-4 h-20'> <svg width="64" height="64" viewBox="0 0 69 64" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clipPath="url(#clip0_2240_4317)"> <path d="M18.8186 42.0508H5.5V63.8579H18.8186V42.0508Z" fill="#F9C311" /> <path d="M18.8184 45.7449C18.8184 45.7449 32.1549 46.9077 37.3517 47.6411C41.502 48.2225 41.5378 52.2119 37.0834 52.9901C34.8472 53.3747 29.6414 53.0706 29.6414 53.0706" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M40.2417 51.0491C40.2417 51.0491 44.2668 52.3908 47.2633 53.1779C48.8465 53.5983 58.0506 53.5625 62.0041 53.1421C63.0059 53.0348 63.9272 53.6967 64.1598 54.6806L64.2761 55.1815C64.5265 56.2817 63.8109 57.364 62.7018 57.5697C62.7018 57.5697 43.3724 61.2907 40.7069 61.2907C35.4474 61.2907 19.7227 60.0564 19.7227 60.0564" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M5.5 63.8579H18.8186V42.0508H5.5" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M42.0213 43.7771C51.6246 43.7771 59.4097 35.9921 59.4097 26.3887C59.4097 16.7853 51.6246 9.00024 42.0213 9.00024C32.4179 9.00024 24.6328 16.7853 24.6328 26.3887C24.6328 35.9921 32.4179 43.7771 42.0213 43.7771Z" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M41.3048 35.3603C40.2135 35.2888 39.1491 35.0741 38.1205 34.7074C37.0829 34.3406 36.2242 33.8755 35.5176 33.312L36.7967 31.3889C37.396 31.854 38.0937 32.2476 38.8808 32.5785C39.6769 32.9095 40.4819 33.1242 41.3048 33.2047V27.0597C40.4998 26.8718 39.7663 26.6572 39.1044 26.4067C38.4335 26.1563 37.8701 25.8521 37.387 25.4675C36.904 25.0918 36.5373 24.6357 36.269 24.099C36.0006 23.5623 35.8754 22.9093 35.8754 22.1401V21.675C35.8754 21.0936 35.9827 20.5479 36.2063 20.0381C36.43 19.5283 36.7609 19.0631 37.2171 18.6517C37.6733 18.2402 38.2368 17.9093 38.9076 17.6409C39.5785 17.3726 40.3835 17.2116 41.3048 17.14V15.5747H42.8701V17.1132C43.8808 17.1669 44.8022 17.3368 45.6519 17.623C46.4927 17.9093 47.2172 18.2849 47.8165 18.7501L46.5911 20.539C45.4283 19.7698 44.1939 19.3315 42.8791 19.2331V25.1545C43.9524 25.4407 44.8558 25.7448 45.5803 26.0668C46.3049 26.3799 46.8863 26.7377 47.3246 27.1402C47.7628 27.5427 48.067 27.981 48.2548 28.4729C48.4426 28.9649 48.5321 29.5105 48.5321 30.1277V30.5123C48.5321 31.2815 48.389 31.9524 48.1117 32.5338C47.8255 33.1152 47.4409 33.5982 46.9489 33.9918C46.4569 34.3853 45.8576 34.6895 45.16 34.9131C44.4623 35.1367 43.702 35.2709 42.8791 35.3245V37.194H41.3137V35.3514L41.3048 35.3603ZM38.3352 22.0864C38.3352 22.8199 38.5946 23.3745 39.1044 23.7501C39.6142 24.1258 40.3477 24.4568 41.3048 24.7519V19.2689C40.2672 19.3672 39.5069 19.6535 39.0418 20.1275C38.5767 20.6016 38.3352 21.1025 38.3352 21.6481V22.0864ZM46.0455 30.3066C46.0455 29.9846 46.0007 29.6805 45.9202 29.4121C45.8308 29.1348 45.6698 28.8844 45.4372 28.6608C45.1957 28.4282 44.8737 28.2135 44.4622 28.0078C44.0508 27.8021 43.5231 27.6142 42.8701 27.4443V33.2047C43.9256 33.0884 44.7216 32.7932 45.2494 32.337C45.7771 31.8719 46.0455 31.3263 46.0455 30.7001V30.3155V30.3066Z" fill="#131313" /> </g> <defs> <clipPath id="clip0_2240_4317"> <rect width="68" height="64" fill="white" transform="translate(0.5)" /> </clipPath> </defs> </svg> </div> <div class='mt-1'><span class='text-[64px] font-bold leading-[64px] '>933%</span></div> </div> <div class='text-[20px] leading-[24px] sm:text-[32px] sm:leading-[40px] el:text-[24px] el:leading-[32px] flex justify-center mt-2 text-center'> <span class="inline-block">A Staggering Achievement</span> </div> </div> </div> <div class='hidden sm:flex md:hidden el:flex flex-col md:flex-row gap-y-40 mb:gap-y-0'> <div class='flex-1 '> <div class='flex justify-center'> <div class='mr-4 h-20'><svg width="69" height="64" viewBox="0 0 69 64" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.33984 31.2186C7.33984 16.1916 19.5225 4 34.5585 4C47.7161 4 58.6912 13.3293 61.2315 25.7355" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M2.5 28.1238L7.33907 33.3027L12.1692 28.1238" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M61.2315 32.7927C61.2315 47.8287 49.0399 60.0114 34.0129 60.0114C20.8552 60.0114 9.88013 50.6821 7.33984 38.2758" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M66.0618 35.8878L61.2316 30.7178L56.3926 35.8878" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <mask id="mask0_2240_4284" maskUnits="userSpaceOnUse" x="8" y="5" width="53" height="54"> <rect x="8" y="5.5" width="53" height="53" rx="26.5" fill="white" /> </mask> <g mask="url(#mask0_2240_4284)"> <path d="M41.6999 29.262H27.1469C26.6677 29.262 26.2793 29.6504 26.2793 30.1296V47.4286C26.2793 47.9078 26.6677 48.2962 27.1469 48.2962H41.6999C42.1791 48.2962 42.5675 47.9078 42.5675 47.4286V30.1296C42.5675 29.6504 42.1791 29.262 41.6999 29.262Z" fill="#18BCEA" /> <path d="M33.8191 16.7482L18.2464 32.464C17.7187 33.0007 18.0943 33.9041 18.8457 33.9041H50C50.7513 33.9041 51.127 33.0007 50.5993 32.464L35.0266 16.7482C34.6957 16.4173 34.159 16.4173 33.828 16.7482H33.8191Z" fill="#18BCEA" /> </g> </svg></div> <div class='mt-1'><span class='text-[64px] font-bold leading-[64px] '>+1,800%</span></div> <div class='flex flex-col ml-4 text-[20px] font-semibold'> <div class='flex-1'></div> <div class='mb-6'>UGC</div> </div> </div> <div class='text-[20px] leading-[24px] sm:text-[32px] sm:leading-[40px] el:text-[24px] el:leading-[32px] flex justify-center mt-2 text-center'> <span class="inline-block">A Food Manufacturer Boosted UGC on<br /> Social Media in Just 6 Months</span> </div> </div> <div class='flex-1'> <div class='flex justify-center'> <div class='mr-4 h-20'> <svg width="69" height="64" viewBox="0 0 69 64" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 51H29.1326V48.6727H31V51ZM12.8674 51H11V48.2727H12.8674V51ZM31 45.9455H29.1326V43.2182H31V45.9455ZM12.8674 45.5455H11V42.8182H12.8674V45.5455ZM31 40.4909H29.1326V37.7636H31V40.4909ZM12.8674 40.0909H11V37.3636H12.8674V40.0909ZM31 35.0364H29.1326V32.3091H31V35.0364ZM12.8674 34.6364H11V31.9091H12.8674V34.6364ZM31 29.5818H29.1326V26.8545H31V29.5818ZM12.8674 29.1818H11V26.4545H12.8674V29.1818ZM31 24.1273H29.1326V21.4H31V24.1273ZM12.8674 23.7273H11V21H12.8674V23.7273ZM31 18.6727H29.1326V15.9455H31V18.6727ZM12.8674 18.2727H11V15.5455H12.8674V18.2727ZM31 13.2182H29.1326V12.8182H28.2082V11H29.1326C30.1597 11 31 11.8182 31 12.8182V13.2182ZM25.4071 12.8182H22.606V11H25.4071V12.8182ZM19.8048 12.8182H17.0037V11H19.8048V12.8182ZM14.2026 12.8182H11C11 11.8091 11.8403 11 12.8674 11H14.2026V12.8182Z" fill="#EE4355" /> <path d="M11 13C11 11.8954 11.8954 11 13 11H29C30.1046 11 31 11.8954 31 13V51H11V13Z" fill="#EE4355" /> <path d="M57 51H55.1326V48.6727H57V51ZM38.8674 51H37V48.2727H38.8674V51ZM57 45.9455H55.1326V43.2182H57V45.9455ZM38.8674 45.5455H37V42.8182H38.8674V45.5455ZM57 40.4909H55.1326V37.7636H57V40.4909ZM38.8674 40.0909H37V37.3636H38.8674V40.0909ZM57 35.0364H55.1326V32.3091H57V35.0364ZM38.8674 34.6364H37V31.9091H38.8674V34.6364ZM57 29.5818H55.1326V26.8545H57V29.5818ZM38.8674 29.1818H37V26.4545H38.8674V29.1818ZM57 24.1273H55.1326V21.4H57V24.1273ZM38.8674 23.7273H37V21H38.8674V23.7273ZM57 18.6727H55.1326V15.9455H57V18.6727ZM38.8674 18.2727H37V15.5455H38.8674V18.2727ZM57 13.2182H55.1326V12.8182H54.2082V11H55.1326C56.1597 11 57 11.8182 57 12.8182V13.2182ZM51.4071 12.8182H48.606V11H51.4071V12.8182ZM45.8048 12.8182H43.0037V11H45.8048V12.8182ZM40.2026 12.8182H37C37 11.8091 37.8403 11 38.8674 11H40.2026V12.8182Z" fill="#EE4355" /> <path d="M37 38C37 36.8954 37.8954 36 39 36H55C56.1046 36 57 36.8954 57 38V51H37V38Z" fill="#EE4355" /> <path d="M6.5 52.397H62.5" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> </svg> </div> <div class='mt-1'><span class='text-[64px] font-bold leading-[64px] '>800+</span></div> <div class='flex flex-col ml-4 text-[20px] leading-[16px] font-semibold'> <div class='flex-1'></div> <div class='mb-8'>new subscribers<br /> per month</div> </div> </div> <div class='text-[20px] leading-[24px] sm:text-[32px] sm:leading-[40px] el:text-[24px] el:leading-[32px] flex justify-center mt-2 text-center'> <span class="inline-block">A health D2C acquires through<br /> advocates’ referral</span> </div> </div> <div class='flex-1'> <div class='flex justify-center'> <div class='mr-4 h-20'> <svg width="64" height="64" viewBox="0 0 69 64" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clipPath="url(#clip0_2240_4317)"> <path d="M18.8186 42.0508H5.5V63.8579H18.8186V42.0508Z" fill="#F9C311" /> <path d="M18.8184 45.7449C18.8184 45.7449 32.1549 46.9077 37.3517 47.6411C41.502 48.2225 41.5378 52.2119 37.0834 52.9901C34.8472 53.3747 29.6414 53.0706 29.6414 53.0706" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M40.2417 51.0491C40.2417 51.0491 44.2668 52.3908 47.2633 53.1779C48.8465 53.5983 58.0506 53.5625 62.0041 53.1421C63.0059 53.0348 63.9272 53.6967 64.1598 54.6806L64.2761 55.1815C64.5265 56.2817 63.8109 57.364 62.7018 57.5697C62.7018 57.5697 43.3724 61.2907 40.7069 61.2907C35.4474 61.2907 19.7227 60.0564 19.7227 60.0564" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M5.5 63.8579H18.8186V42.0508H5.5" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M42.0213 43.7771C51.6246 43.7771 59.4097 35.9921 59.4097 26.3887C59.4097 16.7853 51.6246 9.00024 42.0213 9.00024C32.4179 9.00024 24.6328 16.7853 24.6328 26.3887C24.6328 35.9921 32.4179 43.7771 42.0213 43.7771Z" stroke="#131313" strokeWidth="2.6834" strokeLinecap="round" strokeLinejoin="round" /> <path d="M41.3048 35.3603C40.2135 35.2888 39.1491 35.0741 38.1205 34.7074C37.0829 34.3406 36.2242 33.8755 35.5176 33.312L36.7967 31.3889C37.396 31.854 38.0937 32.2476 38.8808 32.5785C39.6769 32.9095 40.4819 33.1242 41.3048 33.2047V27.0597C40.4998 26.8718 39.7663 26.6572 39.1044 26.4067C38.4335 26.1563 37.8701 25.8521 37.387 25.4675C36.904 25.0918 36.5373 24.6357 36.269 24.099C36.0006 23.5623 35.8754 22.9093 35.8754 22.1401V21.675C35.8754 21.0936 35.9827 20.5479 36.2063 20.0381C36.43 19.5283 36.7609 19.0631 37.2171 18.6517C37.6733 18.2402 38.2368 17.9093 38.9076 17.6409C39.5785 17.3726 40.3835 17.2116 41.3048 17.14V15.5747H42.8701V17.1132C43.8808 17.1669 44.8022 17.3368 45.6519 17.623C46.4927 17.9093 47.2172 18.2849 47.8165 18.7501L46.5911 20.539C45.4283 19.7698 44.1939 19.3315 42.8791 19.2331V25.1545C43.9524 25.4407 44.8558 25.7448 45.5803 26.0668C46.3049 26.3799 46.8863 26.7377 47.3246 27.1402C47.7628 27.5427 48.067 27.981 48.2548 28.4729C48.4426 28.9649 48.5321 29.5105 48.5321 30.1277V30.5123C48.5321 31.2815 48.389 31.9524 48.1117 32.5338C47.8255 33.1152 47.4409 33.5982 46.9489 33.9918C46.4569 34.3853 45.8576 34.6895 45.16 34.9131C44.4623 35.1367 43.702 35.2709 42.8791 35.3245V37.194H41.3137V35.3514L41.3048 35.3603ZM38.3352 22.0864C38.3352 22.8199 38.5946 23.3745 39.1044 23.7501C39.6142 24.1258 40.3477 24.4568 41.3048 24.7519V19.2689C40.2672 19.3672 39.5069 19.6535 39.0418 20.1275C38.5767 20.6016 38.3352 21.1025 38.3352 21.6481V22.0864ZM46.0455 30.3066C46.0455 29.9846 46.0007 29.6805 45.9202 29.4121C45.8308 29.1348 45.6698 28.8844 45.4372 28.6608C45.1957 28.4282 44.8737 28.2135 44.4622 28.0078C44.0508 27.8021 43.5231 27.6142 42.8701 27.4443V33.2047C43.9256 33.0884 44.7216 32.7932 45.2494 32.337C45.7771 31.8719 46.0455 31.3263 46.0455 30.7001V30.3155V30.3066Z" fill="#131313" /> </g> <defs> <clipPath id="clip0_2240_4317"> <rect width="68" height="64" fill="white" transform="translate(0.5)" /> </clipPath> </defs> </svg> </div> <div class='mt-1'><span class='text-[64px] font-bold leading-[64px] '>933%</span></div> </div> <div class='text-[20px] leading-[24px] sm:text-[32px] sm:leading-[40px] el:text-[24px] el:leading-[32px] flex justify-center mt-2 text-center'> <span class="inline-block">A Staggering Achievement</span> </div> </div> </div> </div> </div> <div class='relative'> <div class="sectionPin1"> <div class="sectionSticky1"> <div class="absolute w-full h-full left-0 top-0 z-10"> <div> <div class="col-span-2 flex my-20 justify-center md:flex-row flex-col items-center"> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/ceo-1.png" class='w-[64px] h-[64px] sm:w-[58px] sm:h-[58px]' /> <div class='my-4 sm:my-6 md:my-0 bg-cgray1 ls-t text-cblack text-[14px] sm:text-[24px] el:text-[20px] rounded-full px-4 sm:px-8 md:px-12 h-[38px] sm:h-[56px] flex items-center'> Looking for the inside story and want to know more? </div> <div class="flex"> <a class="requestButton inline-block relative text-[16px] sm:text-[24px] md:text-[24px] el:text-[20px] px-16 md:px-12 pt-3 pb-2 rounded-full bg-cblack !text-cwhite group overflow-hidden hover:bg-cwhite transition-all duration-500 max-h-40px sm:max-h-[58px] el:max-h-[53px]"> Let’s Connect ! <span class=' inline-block w-16 h-16 rounded-full bg-cblue absolute -left-10 -bottom-20 group-hover:w-[420px] group-hover:h-[420px] transition-all duration-500'></span> <span class='absolute top-3 left-16 md:left-12 group-hover:text-cblack transition-[color] duration-500'>Let’s Connect !</span> </a> </div> </div> </div> </div> <div class="section1"> <div class="relative"> <div class="top-0 left-0"> <img decoding="async" id="hookimg1" class="hookimg" src="https://commune.us/wp-content/uploads/2024/11/hook1w.svg"> </div> <div class="absolute top-0 left-0 h-full overflow-hidden textBlack1"> <img decoding="async" id="hookimganother1" class="hookimgAnother" src="https://commune.us/wp-content/uploads/2024/11/hook1b.svg"> </div> </div> </div> </div> </div> </div> <div class="max-w-[1920px] w-full mx-auto"> <div class='relative'> <div id="product_overview" class="absolute top-[-100px]"></div> <div class='text-center px-4 sm:px-6 el:px-20'> <div class='tx-c sp-b2 font-semibold'>Customer advocates<br /> (and clients) love us</div> <div class='tx-b sp-b4'>But don’t just take our word for it — check out our latest G2 awards.</div> </div> <div class='hidden md:flex flex-col md:flex-row gap-10 el:gap-[112px] mx-10 md:mx-40 el:mx-60 justify-center items-center'> <div><img decoding="async" class='' src="https://commune.us/wp-content/uploads/2024/11/medal1.svg" /></div> <div><img decoding="async" class='' src="https://commune.us/wp-content/uploads/2024/11/medal2.svg" /></div> <div><img decoding="async" class='' src="https://commune.us/wp-content/uploads/2024/11/medal3.svg" /></div> </div> <div class='flex md:hidden flex-col gap-4 sm:gap-10 mx-10 justify-center items-center'> <div class='flex gap-10 sm:gap-20'> <div><img decoding="async" class='w-[120px] sm:w-auto' src="https://commune.us/wp-content/uploads/2024/11/medal1.svg" /></div> <div><img decoding="async" class='w-[120px] sm:w-auto' src="https://commune.us/wp-content/uploads/2024/11/medal2.svg" /></div> </div> <div><img decoding="async" class='w-[120px] sm:w-auto' src="https://commune.us/wp-content/uploads/2024/11/medal3.svg" /></div> </div> <div class='border-t mt-20 md:mt-40 font-light '> <div class='flex px-4 sm:px-6 el:px-20 border-b h-20 sm:h-24 md:h-[120px] el:h-[140px] group relative hover:text-cwhite transition-all duration-500'> <div class='bg-cblack h-0 absolute w-full group-hover:top-0 top-20 left-0 group-hover:h-full transition-all duration-500 -z-10'></div> <div class='flex h-full items-center w-0 group-hover:w-[42px] sm:group-hover:mr-1 group-hover:mr-4 transition-all duration-500'> <svg class='inline-block -mt-2 w-4 sm:w-[24px] md:w-[32px] el:w-[48px]' width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 5.25977L23.0912 18.1686L36 23.2598L23.0912 28.3509L18 41.2598L12.9088 28.3509L0 23.2598L12.9088 18.1686L18 5.25977Z" fill="#18BDEB" /> <path d="M36 0.759766L37.2728 3.98697L40.5 5.25977L37.2728 6.53256L36 9.75977L34.7272 6.53256L31.5 5.25977L34.7272 3.98697L36 0.759766Z" fill="#18BDEB" /> <path d="M41.25 35.2598L43.1592 40.1006L48 42.0098L43.1592 43.919L41.25 48.7598L39.3408 43.919L34.5 42.0098L39.3408 40.1006L41.25 35.2598Z" fill="#18BDEB" /> </svg> </div> <div class='flex tracking-[10px] justify-center items-center font-extrabold text-[24px] sm:text-[32px] md:text-[40px] el:text-[64px] outlinetext'>01</div> <div class='ls-t flex items-center text-[16px] sm:text-[20px] md:text-[24px] el:text-[32px] leading-4 el:leading-9 ml-4 sm:ml-6 justify-items-start'> <div>We are proud to be <b class='font-semibold inline-block '> ranked #2 </b> in G2's Online Community Management Software category.</div> </div> </div> <div class='flex px-4 sm:px-6 el:px-20 border-b h-20 sm:h-24 md:h-[120px] el:h-[140px] group relative hover:text-cwhite transition-all duration-500'> <div class='bg-cblack h-0 absolute w-full group-hover:top-0 top-20 left-0 group-hover:h-full transition-all duration-500 -z-10'></div> <div class='flex h-full items-center w-0 group-hover:w-[42px] sm:group-hover:mr-1 group-hover:mr-4 transition-all duration-500'> <svg class='inline-block -mt-2 w-4 sm:w-[24px] md:w-[32px] el:w-[48px]' width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 5.25977L23.0912 18.1686L36 23.2598L23.0912 28.3509L18 41.2598L12.9088 28.3509L0 23.2598L12.9088 18.1686L18 5.25977Z" fill="#18BDEB" /> <path d="M36 0.759766L37.2728 3.98697L40.5 5.25977L37.2728 6.53256L36 9.75977L34.7272 6.53256L31.5 5.25977L34.7272 3.98697L36 0.759766Z" fill="#18BDEB" /> <path d="M41.25 35.2598L43.1592 40.1006L48 42.0098L43.1592 43.919L41.25 48.7598L39.3408 43.919L34.5 42.0098L39.3408 40.1006L41.25 35.2598Z" fill="#18BDEB" /> </svg> </div> <div class='flex tracking-[10px] justify-center items-center font-extrabold text-[24px] sm:text-[32px] md:text-[40px] el:text-[64px] outlinetext'>02</div> <div class='ls-t flex items-center text-[16px] sm:text-[20px] md:text-[24px] el:text-[32px] leading-4 el:leading-9 ml-4 sm:ml-6 justify-items-start'> <div>We achieved an impressive <b class='font-semibold inline-block '>93% customer satisfaction</b> rating on G2.</div> </div> </div> <div class='flex px-4 sm:px-6 el:px-20 border-b h-20 sm:h-24 md:h-[120px] el:h-[140px] group relative hover:text-cwhite transition-all duration-500'> <div class='bg-cblack h-0 absolute w-full group-hover:top-0 top-20 left-0 group-hover:h-full transition-all duration-500 -z-10'></div> <div class='flex h-full items-center w-0 group-hover:w-[42px] sm:group-hover:mr-1 group-hover:mr-4 transition-all duration-500'> <svg class='inline-block -mt-2 w-4 sm:w-[24px] md:w-[32px] el:w-[48px]' width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 5.25977L23.0912 18.1686L36 23.2598L23.0912 28.3509L18 41.2598L12.9088 28.3509L0 23.2598L12.9088 18.1686L18 5.25977Z" fill="#18BDEB" /> <path d="M36 0.759766L37.2728 3.98697L40.5 5.25977L37.2728 6.53256L36 9.75977L34.7272 6.53256L31.5 5.25977L34.7272 3.98697L36 0.759766Z" fill="#18BDEB" /> <path d="M41.25 35.2598L43.1592 40.1006L48 42.0098L43.1592 43.919L41.25 48.7598L39.3408 43.919L34.5 42.0098L39.3408 40.1006L41.25 35.2598Z" fill="#18BDEB" /> </svg> </div> <div class='flex tracking-[10px] justify-center items-center font-extrabold text-[24px] sm:text-[32px] md:text-[40px] el:text-[64px] outlinetext'>03</div> <div class='ls-t flex items-center text-[16px] sm:text-[20px] md:text-[24px] el:text-[32px] leading-4 el:leading-9 ml-4 sm:ml-6 justify-items-start'> <div> We lead in <b class='font-semibold inline-block '>community consulting</b>, driven by insights from millions of user interactions. </div> </div> </div> <div class='flex px-4 sm:px-6 el:px-20 border-b h-20 sm:h-24 md:h-[120px] el:h-[140px] group relative hover:text-cwhite transition-all duration-500'> <div class='bg-cblack h-0 absolute w-full group-hover:top-0 top-20 left-0 group-hover:h-full transition-all duration-500 -z-10'></div> <div class='flex h-full items-center w-0 group-hover:w-[42px] sm:group-hover:mr-1 group-hover:mr-4 transition-all duration-500'> <svg class='inline-block -mt-2 w-4 sm:w-[24px] md:w-[32px] el:w-[48px]' width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 5.25977L23.0912 18.1686L36 23.2598L23.0912 28.3509L18 41.2598L12.9088 28.3509L0 23.2598L12.9088 18.1686L18 5.25977Z" fill="#18BDEB" /> <path d="M36 0.759766L37.2728 3.98697L40.5 5.25977L37.2728 6.53256L36 9.75977L34.7272 6.53256L31.5 5.25977L34.7272 3.98697L36 0.759766Z" fill="#18BDEB" /> <path d="M41.25 35.2598L43.1592 40.1006L48 42.0098L43.1592 43.919L41.25 48.7598L39.3408 43.919L34.5 42.0098L39.3408 40.1006L41.25 35.2598Z" fill="#18BDEB" /> </svg> </div> <div class='flex tracking-[10px] justify-center items-center font-extrabold text-[24px] sm:text-[32px] md:text-[40px] el:text-[64px] outlinetext'>04</div> <div class='ls-t flex items-center text-[16px] sm:text-[20px] md:text-[24px] el:text-[32px] leading-4 el:leading-9 ml-4 sm:ml-6 justify-items-start'> <div>We are trusted by <b class='font-semibold inline-block '>startups</b> and <b class='font-semibold inline-block '>enterprises</b> worldwide.</div> </div> </div> </div> </div> </div> <div class="max-w-[1920px] w-full mx-auto"> <div class='relative pb-20 sm:pb-40'> <div class='px-4 sm:px-6 el:px-20 pt-20 sm:pt-40'> <div id="ai_powered_features" class="absolute top-[-100px]"></div> <div class="basic_message"> <span class='text-[14px] leading-[14px] sm:text-[16px] sm:leading-[17px] el:text-[20px] el:leading-[21px] border border-cblack px-4 el:px-6 py-2 rounded-full inline-block ls-t'>What Sets Commune Apart</span> <div class='flex mb-20 sm:mb-40 flex-col md:flex-row mt-6 sm:mt-10'> <div class='flex-[5]'> <p class='tx-e font-semibold ls-t'> Our community platform is dedicated to turning customers into advocates and advocates into growth drivers. Discover how our unique features and AI capabilities make this possible. </p> </div> <div class="flex-1"></div> <div class='mt-10 sm:mt-20 md:mt-0 flex-[6]'> <span class='font-light block tx-b'><b class='font-semibold'>Wondering how AI can elevate your community?</b></span> <div class="tx-d"> <p class='font-light mt-6 sm:mt-8'> <b class='font-medium'>AI-Driven Personalization:</b> Commune’s AI tailors content to each member, fostering deeper connections and engagement. </p> <p class='font-light mt-4'> <b class='font-medium'>Advocacy-First Design:</b>It turns loyal customers into brand advocates, driving organic growth. </p> <p class='font-light mt-4'> <b class='font-medium'>Seamless Integration:</b> Easily integrate with tools like Salesforce to align community insights with your business strategy. </p> </div> </div> </div> </div> </div> <div class="hidden sm:block overflow-x-auto"> <div class="aipanellist relative px-4 sm:px-6 el:px-20"> <div class='aipanel ml-[16px] sm:ml-0 min-w-[343px] sm:min-w-[408px] md:min-w-[628px] min-w-[343px] sm:max-w-[408px] md:max-w-[628px] no1 bg-cblack text-cwhite rounded-[16px] sm:rounded-[24px] mr-4 sm:mr-6 md:rounded-[40px] overflow-hidden'> <div class='p-4 sm:p-6 h-[248px] sm:h-[282px] md:h-[242px]'> <div> </div> <div class='font-semibold text-[24px] sm:text-[32px] leading-[26px] sm:leading-[36px] mt-4 flex '> <svg class="inline align-middle w-[24px] h-[24px] sm:w-[34px] sm:h-[34px] mr-2" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3.98877L15.3941 12.5947L24 15.9888L15.3941 19.3829L12 27.9888L8.60589 19.3829L0 15.9888L8.60589 12.5947L12 3.98877Z" fill="#18BDEB" /> <path d="M24 0.98877L24.8485 3.14024L27 3.98877L24.8485 4.8373L24 6.98877L23.1515 4.8373L21 3.98877L23.1515 3.14024L24 0.98877Z" fill="#18BDEB" /> <path d="M27.5 23.9888L28.7728 27.216L32 28.4888L28.7728 29.7616L27.5 32.9888L26.2272 29.7616L23 28.4888L26.2272 27.216L27.5 23.9888Z" fill="#18BDEB" /> </svg> <span class="ls-t">Mobile-First & Native App</span> </div> <div class='mt-[24px] sm:mt-[40px] md:mt-[24px] font-light text-[14px] leading-[16px] md:text-[16px] md:leading-[20px]'> <p class='mt-2 whitespace-normal ls-t'> / Crucial for advocate communities, outperforming PC-oriented platforms. </p> <p class='mt-2 whitespace-normal ls-t'> / Enable instant notifications, seamless content creation, and smooth social sharing. </p> <p class='mt-2 whitespace-normal ls-t'> / Achieve 3× engagement & 70% more participation with push notifications. </p> </div> </div> <div> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/feature1.png" class='w-full' /> </div> </div> <div class='aipanel ml-[16px] sm:ml-0 min-w-[343px] sm:min-w-[408px] md:min-w-[628px] min-w-[343px] sm:max-w-[408px] md:max-w-[628px] no2 bg-cblack text-cwhite rounded-[16px] sm:rounded-[24px] mr-4 sm:mr-6 md:rounded-[40px] overflow-hidden'> <div class='p-4 sm:p-6 h-[248px] sm:h-[282px] md:h-[242px]'> <div> </div> <div class='font-semibold text-[24px] sm:text-[32px] leading-[26px] sm:leading-[36px] mt-4 flex '> <svg class="inline align-middle w-[24px] h-[24px] sm:w-[34px] sm:h-[34px] mr-2" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3.98877L15.3941 12.5947L24 15.9888L15.3941 19.3829L12 27.9888L8.60589 19.3829L0 15.9888L8.60589 12.5947L12 3.98877Z" fill="#18BDEB" /> <path d="M24 0.98877L24.8485 3.14024L27 3.98877L24.8485 4.8373L24 6.98877L23.1515 4.8373L21 3.98877L23.1515 3.14024L24 0.98877Z" fill="#18BDEB" /> <path d="M27.5 23.9888L28.7728 27.216L32 28.4888L28.7728 29.7616L27.5 32.9888L26.2272 29.7616L23 28.4888L26.2272 27.216L27.5 23.9888Z" fill="#18BDEB" /> </svg> <span class="ls-t">Gamification/Rewards</span> </div> <div class='mt-[24px] sm:mt-[40px] md:mt-[24px] font-light text-[14px] leading-[16px] md:text-[16px] md:leading-[20px]'> <p class='mt-2 whitespace-normal ls-t'> / Incentivize tasks like social posts, surveys, and referrals with points. </p> <p class='mt-2 whitespace-normal ls-t'> / Engage users by gamifying everyday activities such as logging in. </p> <p class='mt-2 whitespace-normal ls-t'> / Exchange points for any fully customizable gifts. </p> </div> </div> <div> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/feature2.png" class='w-full' /> </div> </div> <div class='aipanel ml-[16px] sm:ml-0 min-w-[343px] sm:min-w-[408px] md:min-w-[628px] min-w-[343px] sm:max-w-[408px] md:max-w-[628px] no3 bg-cblack text-cwhite rounded-[16px] sm:rounded-[24px] mr-4 sm:mr-6 md:rounded-[40px] overflow-hidden'> <div class='p-4 sm:p-6 h-[248px] sm:h-[282px] md:h-[242px]'> <div> </div> <div class='font-semibold text-[24px] sm:text-[32px] leading-[26px] sm:leading-[36px] mt-4 flex '> <svg class="inline align-middle w-[24px] h-[24px] sm:w-[34px] sm:h-[34px] mr-2" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3.98877L15.3941 12.5947L24 15.9888L15.3941 19.3829L12 27.9888L8.60589 19.3829L0 15.9888L8.60589 12.5947L12 3.98877Z" fill="#18BDEB" /> <path d="M24 0.98877L24.8485 3.14024L27 3.98877L24.8485 4.8373L24 6.98877L23.1515 4.8373L21 3.98877L23.1515 3.14024L24 0.98877Z" fill="#18BDEB" /> <path d="M27.5 23.9888L28.7728 27.216L32 28.4888L28.7728 29.7616L27.5 32.9888L26.2272 29.7616L23 28.4888L26.2272 27.216L27.5 23.9888Z" fill="#18BDEB" /> </svg> <span class="ls-t">Personalized content</span> </div> <div class='mt-[24px] sm:mt-[40px] md:mt-[24px] font-light text-[14px] leading-[16px] md:text-[16px] md:leading-[20px]'> <p class='mt-2 whitespace-normal ls-t'> / Optimize the community experience to increase loyalty and turn customers into advocates. </p> <p class='mt-2 whitespace-normal ls-t'> / Customize interactions for each customer segment using the Group feature. </p> <p class='mt-2 whitespace-normal ls-t'> / Convert loyal customers into active advocates. </p> </div> </div> <div> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/feature3.png" class='w-full' /> </div> </div> <div class='aipanel ml-[16px] sm:ml-0 min-w-[343px] sm:min-w-[408px] md:min-w-[628px] min-w-[343px] sm:max-w-[408px] md:max-w-[628px] no4 bg-cblack text-cwhite rounded-[16px] sm:rounded-[24px] mr-4 sm:mr-6 md:rounded-[40px] overflow-hidden'> <div class='p-4 sm:p-6 h-[248px] sm:h-[282px] md:h-[242px]'> <div> </div> <div class='font-semibold text-[24px] sm:text-[32px] leading-[26px] sm:leading-[36px] mt-4 flex '> <svg class="inline align-middle w-[24px] h-[24px] sm:w-[34px] sm:h-[34px] mr-2" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3.98877L15.3941 12.5947L24 15.9888L15.3941 19.3829L12 27.9888L8.60589 19.3829L0 15.9888L8.60589 12.5947L12 3.98877Z" fill="#18BDEB" /> <path d="M24 0.98877L24.8485 3.14024L27 3.98877L24.8485 4.8373L24 6.98877L23.1515 4.8373L21 3.98877L23.1515 3.14024L24 0.98877Z" fill="#18BDEB" /> <path d="M27.5 23.9888L28.7728 27.216L32 28.4888L28.7728 29.7616L27.5 32.9888L26.2272 29.7616L23 28.4888L26.2272 27.216L27.5 23.9888Z" fill="#18BDEB" /> </svg> <span class="ls-t">AI Co-Pilot and Community Reports</span> </div> <div class='mt-[24px] sm:mt-[40px] md:mt-[24px] font-light text-[14px] leading-[16px] md:text-[16px] md:leading-[20px]'> <p class='mt-2 whitespace-normal ls-t'> / Get immediate answers to platform and community management questions, eliminating the need to search or wait for support. </p> <p class='mt-2 whitespace-normal ls-t'> / Summarize community health over custom periods and receive actionable recommendations based on past management actions. </p> </div> </div> <div> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/feature4.png" class='w-full' /> </div> </div> </div> </div> <div class="block sm:hidden "> <div class="ai-contents flex items-stretch"> <div class='aipanel ml-[16px] sm:ml-0 min-w-[343px] sm:min-w-[408px] md:min-w-[628px] min-w-[343px] sm:max-w-[408px] md:max-w-[628px] no1 bg-cblack text-cwhite rounded-[16px] sm:rounded-[24px] mr-4 sm:mr-6 md:rounded-[40px] overflow-hidden'> <div class='p-4 sm:p-6 h-[248px] sm:h-[282px] md:h-[242px]'> <div> </div> <div class='font-semibold text-[24px] sm:text-[32px] leading-[26px] sm:leading-[36px] mt-4 flex '> <svg class="inline align-middle w-[24px] h-[24px] sm:w-[34px] sm:h-[34px] mr-2" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3.98877L15.3941 12.5947L24 15.9888L15.3941 19.3829L12 27.9888L8.60589 19.3829L0 15.9888L8.60589 12.5947L12 3.98877Z" fill="#18BDEB" /> <path d="M24 0.98877L24.8485 3.14024L27 3.98877L24.8485 4.8373L24 6.98877L23.1515 4.8373L21 3.98877L23.1515 3.14024L24 0.98877Z" fill="#18BDEB" /> <path d="M27.5 23.9888L28.7728 27.216L32 28.4888L28.7728 29.7616L27.5 32.9888L26.2272 29.7616L23 28.4888L26.2272 27.216L27.5 23.9888Z" fill="#18BDEB" /> </svg> <span class="ls-t">Mobile-First & Native App</span> </div> <div class='mt-[24px] sm:mt-[40px] md:mt-[24px] font-light text-[14px] leading-[16px] md:text-[16px] md:leading-[20px]'> <p class='mt-2 whitespace-normal ls-t'> / Crucial for advocate communities, outperforming PC-oriented platforms. </p> <p class='mt-2 whitespace-normal ls-t'> / Enable instant notifications, seamless content creation, and smooth social sharing. </p> <p class='mt-2 whitespace-normal ls-t'> / Achieve 3× engagement & 70% more participation with push notifications. </p> </div> </div> <div> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/feature1.png" class='w-full' /> </div> </div> <div class='aipanel ml-[16px] sm:ml-0 min-w-[343px] sm:min-w-[408px] md:min-w-[628px] min-w-[343px] sm:max-w-[408px] md:max-w-[628px] no2 bg-cblack text-cwhite rounded-[16px] sm:rounded-[24px] mr-4 sm:mr-6 md:rounded-[40px] overflow-hidden'> <div class='p-4 sm:p-6 h-[248px] sm:h-[282px] md:h-[242px]'> <div> </div> <div class='font-semibold text-[24px] sm:text-[32px] leading-[26px] sm:leading-[36px] mt-4 flex '> <svg class="inline align-middle w-[24px] h-[24px] sm:w-[34px] sm:h-[34px] mr-2" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3.98877L15.3941 12.5947L24 15.9888L15.3941 19.3829L12 27.9888L8.60589 19.3829L0 15.9888L8.60589 12.5947L12 3.98877Z" fill="#18BDEB" /> <path d="M24 0.98877L24.8485 3.14024L27 3.98877L24.8485 4.8373L24 6.98877L23.1515 4.8373L21 3.98877L23.1515 3.14024L24 0.98877Z" fill="#18BDEB" /> <path d="M27.5 23.9888L28.7728 27.216L32 28.4888L28.7728 29.7616L27.5 32.9888L26.2272 29.7616L23 28.4888L26.2272 27.216L27.5 23.9888Z" fill="#18BDEB" /> </svg> <span class="ls-t">Gamification/Rewards</span> </div> <div class='mt-[24px] sm:mt-[40px] md:mt-[24px] font-light text-[14px] leading-[16px] md:text-[16px] md:leading-[20px]'> <p class='mt-2 whitespace-normal ls-t'> / Incentivize tasks like social posts, surveys, and referrals with points. </p> <p class='mt-2 whitespace-normal ls-t'> / Engage users by gamifying everyday activities such as logging in. </p> <p class='mt-2 whitespace-normal ls-t'> / Exchange points for any fully customizable gifts. </p> </div> </div> <div> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/feature2.png" class='w-full' /> </div> </div> <div class='aipanel ml-[16px] sm:ml-0 min-w-[343px] sm:min-w-[408px] md:min-w-[628px] min-w-[343px] sm:max-w-[408px] md:max-w-[628px] no3 bg-cblack text-cwhite rounded-[16px] sm:rounded-[24px] mr-4 sm:mr-6 md:rounded-[40px] overflow-hidden'> <div class='p-4 sm:p-6 h-[248px] sm:h-[282px] md:h-[242px]'> <div> </div> <div class='font-semibold text-[24px] sm:text-[32px] leading-[26px] sm:leading-[36px] mt-4 flex '> <svg class="inline align-middle w-[24px] h-[24px] sm:w-[34px] sm:h-[34px] mr-2" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3.98877L15.3941 12.5947L24 15.9888L15.3941 19.3829L12 27.9888L8.60589 19.3829L0 15.9888L8.60589 12.5947L12 3.98877Z" fill="#18BDEB" /> <path d="M24 0.98877L24.8485 3.14024L27 3.98877L24.8485 4.8373L24 6.98877L23.1515 4.8373L21 3.98877L23.1515 3.14024L24 0.98877Z" fill="#18BDEB" /> <path d="M27.5 23.9888L28.7728 27.216L32 28.4888L28.7728 29.7616L27.5 32.9888L26.2272 29.7616L23 28.4888L26.2272 27.216L27.5 23.9888Z" fill="#18BDEB" /> </svg> <span class="ls-t">Personalized content</span> </div> <div class='mt-[24px] sm:mt-[40px] md:mt-[24px] font-light text-[14px] leading-[16px] md:text-[16px] md:leading-[20px]'> <p class='mt-2 whitespace-normal ls-t'> / Optimize the community experience to increase loyalty and turn customers into advocates. </p> <p class='mt-2 whitespace-normal ls-t'> / Customize interactions for each customer segment using the Group feature. </p> <p class='mt-2 whitespace-normal ls-t'> / Convert loyal customers into active advocates. </p> </div> </div> <div> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/feature3.png" class='w-full' /> </div> </div> <div class='aipanel ml-[16px] sm:ml-0 min-w-[343px] sm:min-w-[408px] md:min-w-[628px] min-w-[343px] sm:max-w-[408px] md:max-w-[628px] no4 bg-cblack text-cwhite rounded-[16px] sm:rounded-[24px] mr-4 sm:mr-6 md:rounded-[40px] overflow-hidden'> <div class='p-4 sm:p-6 h-[248px] sm:h-[282px] md:h-[242px]'> <div> </div> <div class='font-semibold text-[24px] sm:text-[32px] leading-[26px] sm:leading-[36px] mt-4 flex '> <svg class="inline align-middle w-[24px] h-[24px] sm:w-[34px] sm:h-[34px] mr-2" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3.98877L15.3941 12.5947L24 15.9888L15.3941 19.3829L12 27.9888L8.60589 19.3829L0 15.9888L8.60589 12.5947L12 3.98877Z" fill="#18BDEB" /> <path d="M24 0.98877L24.8485 3.14024L27 3.98877L24.8485 4.8373L24 6.98877L23.1515 4.8373L21 3.98877L23.1515 3.14024L24 0.98877Z" fill="#18BDEB" /> <path d="M27.5 23.9888L28.7728 27.216L32 28.4888L28.7728 29.7616L27.5 32.9888L26.2272 29.7616L23 28.4888L26.2272 27.216L27.5 23.9888Z" fill="#18BDEB" /> </svg> <span class="ls-t">AI Co-Pilot and Community Reports</span> </div> <div class='mt-[24px] sm:mt-[40px] md:mt-[24px] font-light text-[14px] leading-[16px] md:text-[16px] md:leading-[20px]'> <p class='mt-2 whitespace-normal ls-t'> / Get immediate answers to platform and community management questions, eliminating the need to search or wait for support. </p> <p class='mt-2 whitespace-normal ls-t'> / Summarize community health over custom periods and receive actionable recommendations based on past management actions. </p> </div> </div> <div> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/feature4.png" class='w-full' /> </div> </div> </div> <div class="flex justify-center gap-2 flex mt-8"> <div class="ai-slick-dot no1 active"></div> <div class="ai-slick-dot no2"></div> <div class="ai-slick-dot no3"></div> </div> </div> </div> </div> <div class='relative'> <div class="sectionPin2"> <div class="sectionSticky2"> <div class="absolute w-full h-full left-0 top-0 z-10"> <div> <div class="col-span-2 flex my-20 justify-center md:flex-row flex-col items-center"> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/ceo-1.png" class='w-[64px] h-[64px] sm:w-[58px] sm:h-[58px]' /> <div class='my-4 sm:my-6 md:my-0 bg-cgray1 ls-t text-cblack text-[14px] sm:text-[24px] el:text-[20px] rounded-full px-4 sm:px-8 md:px-12 h-[38px] sm:h-[56px] flex items-center'> Looking for the inside story and want to know more? </div> <div class="flex"> <a class="requestButton inline-block relative text-[16px] sm:text-[24px] md:text-[24px] el:text-[20px] px-16 md:px-12 pt-3 pb-2 rounded-full bg-cblack !text-cwhite group overflow-hidden hover:bg-cwhite transition-all duration-500 max-h-40px sm:max-h-[58px] el:max-h-[53px]"> Let’s Connect ! <span class=' inline-block w-16 h-16 rounded-full bg-cblue absolute -left-10 -bottom-20 group-hover:w-[420px] group-hover:h-[420px] transition-all duration-500'></span> <span class='absolute top-3 left-16 md:left-12 group-hover:text-cblack transition-[color] duration-500'>Let’s Connect !</span> </a> </div> </div> </div> </div> <div class="section2"> <div class="relative"> <div class="top-0 left-0"> <img decoding="async" id="hookimg2" class="hookimg" src="https://commune.us/wp-content/uploads/2024/11/hook2w.svg"> </div> <div class="absolute top-0 left-0 h-full overflow-hidden textBlack2"> <img decoding="async" id="hookimganother2" class="hookimgAnother" src="https://commune.us/wp-content/uploads/2024/11/hook2b.svg"> </div> </div> </div> </div> </div> </div> <div class="max-w-[1920px] w-full mx-auto"> <div class='relative px-4 sm:px-6 el:px-20 pb-6 sm:pb-10 el:pb-20'> <span class='text-[14px] leading-[14px] sm:text-[16px] sm:leading-[17px] el:text-[20px] el:leading-[21px] border border-cblack px-4 el:px-6 py-2 rounded-full inline-block ls-t'><b class='font-semibold'>Trusted by</b> 300+ world-known industry leaders</span> </div> <div class='pt-10 sm:pt-20 pb-6 sm:pb-10 el:pb-20 relative overflow-hidden'> <div class="textInner"> <div class="whitespace-nowrap"> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> <img decoding="async" class='clientlogosimg h-[130px] w-[975px] min-w-[975px] sm:h-[200px] sm:w-[1500px] sm:min-w-[1500px] ' src="https://commune.us/wp-content/uploads/2024/12/clogo2.png" /> </div> </div> </div> </div> <div class="max-w-[1920px] w-full mx-auto"> <div class='relative px-4 sm:px-6 el:px-20 mt-20 sm:mt-40'> <div id="successful_story" class="absolute top-[-100px]"></div> <div class="flex items-center sm:mb-20"> <div class="flex-1"> <span class='text-[14px] leading-[14px] sm:text-[16px] sm:leading-[17px] el:text-[20px] el:leading-[21px] border border-cblack px-4 px-12 py-2 rounded-full inline-block ls-t'>Proofs of Practice</span> </div> <div class="flex gap-[80px] hidden sm:flex"> <a class="caseButtonLeft cursor-pointer opacity-30"><svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.29289 24.4179C3.90237 24.8084 3.90237 25.4416 4.29289 25.8321L10.6569 32.1961C11.0474 32.5866 11.6805 32.5866 12.0711 32.1961C12.4616 31.8055 12.4616 31.1724 12.0711 30.7819L6.41421 25.125L12.0711 19.4681C12.4616 19.0776 12.4616 18.4445 12.0711 18.0539C11.6805 17.6634 11.0474 17.6634 10.6569 18.0539L4.29289 24.4179ZM45 24.125L5 24.125V26.125L45 26.125V24.125Z" fill="#0E0E0E" /> </svg> </a> <a class="caseButtonRight cursor-pointer"><svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M45.7071 25.5821C46.0976 25.1916 46.0976 24.5584 45.7071 24.1679L39.3431 17.8039C38.9526 17.4134 38.3195 17.4134 37.9289 17.8039C37.5384 18.1945 37.5384 18.8276 37.9289 19.2181L43.5858 24.875L37.9289 30.5319C37.5384 30.9224 37.5384 31.5555 37.9289 31.9461C38.3195 32.3366 38.9526 32.3366 39.3431 31.9461L45.7071 25.5821ZM5 25.875L45 25.875V23.875L5 23.875V25.875Z" fill="#0E0E0E" /> </svg> </a> </div> </div> <div class="testimonials-contents el:bg-cgray1 rounded-[24px] sm:rounded-[40px]"> <div> <div class="flex flex-col-reverse el:flex-row "> <div class="flex flex-col flex-1 bg-cgray1 rounded-[24px] p-[24px] sm:rounded-[40px] sm:p-[40px] "> <div class='h-12'> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/c_test_logo_b_mini.png" class="max-h-[20px]" /> </div> <div class='flex-1'> <div class='text-[14px] sm:text-[24px] md:text-[32px] el:text-[20px] leading-[18px] sm:leading-[30px] md:leading-[38px] el:leading-[26px] font-light ls-t'> <b class="font-medium"> 600 social posts within 2 hours of challenge publication.<br /> 800 new subscribers every month through advocate referrals.</b> <br /><br /> "By implementing Commune, internal communication among our employees has greatly improved, enabling more efficient information sharing. With AI features and customizable tools, we were able to create a platform tailored to our specific needs. We look forward to continuing to strengthen our internal communication with Commune’s support." </div> </div> <div class='flex mt-8 el:mt-0'> <div><img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/c_test_person_b.png" class="min-w-[56px] min-h-[56px] w-[56px] h-[56px]" /></div> <div class='ml-4 md:ml-8'> <span class='text-[16px] sm:text-[24px] font-semibold block uppercase'>CHIHIRO YOSHIDA</span> <span class='text-[12px] leading-[14px] sm:text-[16px] sm:leading-[16px] block'>Community Manager</span> </div> </div> </div> <div class="flex-1 flex items-center justify-center"> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/c_test_main_b.png" /> </div> </div> </div> <div> <div class="flex flex-col-reverse el:flex-row "> <div class="flex flex-col flex-1 bg-cgray1 rounded-[24px] p-[24px] sm:rounded-[40px] sm:p-[40px] "> <div class='h-12'> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/12/c_test_logo1_mini.png" class="max-h-[20px]" /> </div> <div class='flex-1'> <div class='text-[14px] sm:text-[24px] md:text-[32px] el:text-[20px] leading-[18px] sm:leading-[30px] md:leading-[38px] el:leading-[26px] font-light ls-t'> "Commune has played a pivotal role in the relaunch of our user community, allowing us to deepen the connections between our users and provide an effective platform for problem-solving. <br /><br /> Their AI-powered tools have made it easier for our global members to access and share knowledge, overcoming geographical and time zone barriers. We look forward to continuing to evolve our online community into a truly global platform with Commune's support." </div> </div> <div class='flex mt-8 el:mt-0'> <div><img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/c_test_person1.png" class="min-w-[56px] min-h-[56px] w-[56px] h-[56px]" /></div> <div class='ml-4 md:ml-8'> <span class='text-[16px] sm:text-[24px] font-semibold block uppercase'>KASUMI ITO</span> <span class='text-[12px] leading-[14px] sm:text-[16px] sm:leading-[16px] block'>Customer Marketing Manager</span> </div> </div> </div> <div class="flex-1 flex items-center justify-center"> <img decoding="async" src=" https://commune.us/wp-content/uploads/2024/11/c_test_main1.png" /> </div> </div> </div> <div> <div class="flex flex-col-reverse el:flex-row"> <div class="flex flex-col flex-1 bg-cgray1 rounded-[24px] p-[24px] sm:rounded-[40px] sm:p-[40px] "> <div class='h-12'> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/12/c_test_logo3_mini.png" class="max-h-[20px]" /> </div> <div class='flex-1'> <div class='text-[14px] sm:text-[24px] md:text-[32px] el:text-[20px] leading-[18px] sm:leading-[30px] md:leading-[38px] el:leading-[26px] font-light ls-t'> "Commune has been pivotal in helping us connect more deeply with our customers. Their platform’s features, like custom reactions, challenges, and event tools, are expertly designed to keep participants engaged and motivated. <br /><br /> With Commune, we’re building a space where our customers not only share their experiences but also collaborate with us to shape the future of our products." </div> </div> <div class='flex mt-8 el:mt-0'> <div><img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/c_test_person3.png" class="min-w-[56px] min-h-[56px] w-[56px] h-[56px]" /></div> <div class='ml-4 md:ml-8'> <span class='text-[16px] sm:text-[24px] font-semibold block uppercase'>TOMOMI NAGATA</span> <span class='text-[12px] leading-[14px] sm:text-[16px] sm:leading-[16px] block'>Innovation Design Group, Planning and Design Department, Creative Division.</span> </div> </div> </div> <div class="flex-1 flex items-center justify-center"> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/c_test_main3.png" /> </div> </div> </div> <div> <div class="flex flex-col-reverse el:flex-row"> <div class="flex flex-col flex-1 bg-cgray1 rounded-[24px] p-[24px] sm:rounded-[40px] sm:p-[40px] "> <div class='h-12'> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/12/c_test_logo4_mini.png" class="max-h-[20px]" /> </div> <div class='flex-1'> <div class='text-[14px] sm:text-[24px] md:text-[32px] el:text-[20px] leading-[18px] sm:leading-[30px] md:leading-[38px] el:leading-[26px] font-light ls-t'> "Commune has enabled us to create a vibrant community where our loyal fans share their experiences and passion for All-Bran. The platform allows us to directly engage with our customers, gaining valuable real-time feedback that informs our marketing strategies. <br /><br /> With Commune, we are excited to build a space where fans can connect, exchange ideas, and inspire healthier lifestyles together." </div> </div> <div class='flex mt-8 el:mt-0'> <div><img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/c_test_person4.png" class="min-w-[56px] min-h-[56px] w-[56px] h-[56px]" /></div> <div class='ml-4 md:ml-8'> <span class='text-[16px] sm:text-[24px] font-semibold block uppercase'>AKARI YANAGISAWA</span> <span class='text-[12px] leading-[14px] sm:text-[16px] sm:leading-[16px] block'>Assistant Brand Manager, Marketing Department</span> </div> </div> </div> <div class="flex-1 flex items-center justify-center"> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/c_test_main4.png" /> </div> </div> </div> </div> <div class="w-full hidden el:flex mt-8"> <div class="slick-tab no1 active transition-all flex-1 h-24 flex items-center justify-center border-t-2 "> <img decoding="async" src="https://commune.us/wp-content/uploads/2025/01/c_test_logo_b.png" class="transition-all " /> </div> <div class="slick-tab no2 transition-all flex-1 h-24 flex items-center justify-center border-t-2 "> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/c_test_logo1.png" class="transition-all" /> </div> <div class="slick-tab no3 transition-all flex-1 h-24 flex items-center justify-center border-t-2 "> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/c_test_logo3.png" class="transition-all" /> </div> <div class="slick-tab no4 transition-all flex-1 h-24 flex items-center justify-center border-t-2 "> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/c_test_logo4.png" class="transition-all" /> </div> </div> <div class="flex justify-center gap-2 flex el:hidden mt-8"> <div class="slick-dot no1 active"></div> <div class="slick-dot no2"></div> <div class="slick-dot no3"></div> <div class="slick-dot no4"></div> </div> </div> </div> <div class="max-w-[1920px] w-full mx-auto mt-20 sm:mt-40 mb-20 sm:mb-40 "> <div class='relative px-4 sm:px-6 el:px-20'> <div> <span class='text-[14px] leading-[14px] sm:text-[16px] sm:leading-[17px] el:text-[20px] el:leading-[21px] border border-cblack px-4 el:px-6 py-2 rounded-full inline-block ls-t'><b class='font-semibold'>Tailored to Industry:</b> Optimized for Your Community</span> </div> <div class=''> <div class='mt-20 el:mt-40 text-[14px] sm:text-[24px] md:text-[36px] el:text-[24px] font-medium block el:hidden'> <div> <div class="flex border-b border-cblack pb-10 mb-10"> <div class='flex-1 flex items-center justify-items-start border-r border-cblack pl-[12px] sm:pl-[24px] md:pl-[40px]'> <div> <img decoding="async" class='w-6 h-6 sm:w-10 sm:h-10 md:w-16 md:h-16 mr-2 sm:mr-4 md:mr-6' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAEKElEQVR4Ae1aT0gUURh/s664oYSoUCydBGvZIDIiiMwshY5hlJ2iS5C3oiI6GZSXKKUunfrnNTqIxxKi2E5dglAy6hTRP/WSisruTr8n86ZvxpndN7Nv3Rl7A+P73vfvfb/ffPNmdpAxfWgGNAP/MwNGnMC3tLRsRb0DhmGcwLgTZ9o0za8Yh+bn559jDHzEgoDGxsZtDQ0N1wH8AhBucaMECdMgYLdbLzNPyDhxH7B/qrW19SM/uUzjMB8gtgGXzTeO+vnJyH08lUp9AfhL8FkHnsfBlvWLL6eX7gAUMiUWcjPOwWOhXdZiM3NzcxmxcKk44eM3IvYi1rznZ6d6rCmNhcZJd4AAz4OpbCUT4PmUyg5fjzgrfP3Q3Nx81gt8JpNhw8PD6wNCaqQJCJk/VBiufDaRSDyhwSCETUxMsFwuxwYHB6mpIjlZUXT1gm/i6teJ9Ol0mo2Pj7P29nahUjZGrgP4jg90JynCsbGxqoDna0SuA7Djn0Fd9obW09PDOjs7KR9K5ch1AJ4wpynC/v5+OlUuR44A3Pt7KcqOjg46VS5HjgB0QIqizGZDv+PQNL5y5AhABzj2paamJt/iVRgiR4AKUEFyaAKCsLUZfXUHbMarGgSTdAfg8TRLE1uvrEI1IwSMtgyf7UTPxd+uec2n0gSg0mlaLb7Q7BFzkDMEmQOfseQ1E3wcLzVQTq0ZIvTH8cwtVReez5yAbuJzDfJLPsfnqGcY+EkPhBhXqQJy5AgI0gGPKRiA68Pv9hHovEhMwjYKWy+Nyefzjt/41FYr2f7VJVMAQD0F8HMu309o+5FisfgCZxLHMfhcgQ//amsf8HmETjlvK3wEfF4zqWl21rH12Ka2tjZb5kLYT2KBCOCbGu7rdwC4w7F6mQnAf1tdXd23sLDwq4wr22gCgtwCbHFx8cfy8vIBAPpQDoiww3dqZWVlvwx4EbORYyACeGFLS0vf8b3uEIC9lSj0NXwPcuIkfGviEpgAXiXuyz+4n7uxqfWCiIcelT8oFApHcF8e5b4e9sioAu0BflW779uwGxLP785V7U3Q6xHmh7Mmevdur7qIULeA6iJqmS9yBGBPcbxyV5ucyBEAwDdwfq42cJE/9CaYzzHHG5tI6B6TXf++8bttMvNqrxPFDpDhRZmPJkAZlTFNpDsgphdOWdm6A5RRGdNEugNieuGUla07QBmVMU2kOyCmF05Z2boDlFEZ00S6A2J64ZSVrTugAip/SsTK+JRLI5NDxsdznfAdYLL3nhmpUsaH+nvJMjlkfLxyQxeaAHwRvYv4ok9eri6aBrtdwi5lstYp5VvROqEJqD/MJk2T3fGrDLZb9V3slZ9dVr+2jsHu+/lXuk7oz+KiIPMNyxYS7DLmfZZusq7IRo1u5/8UCf+w40atE7Y+HacZ0AzEk4G/TbQfGZrHf7QAAAAASUVORK5CYII=" /> </div> <div class='flex items-center'>Food Industry</div> </div> <div class='flex-1 flex items-center justify-items-start border-cblack pl-[12px] sm:pl-[24px] md:pl-[40px]'> <div> <img decoding="async" class='w-6 h-6 sm:w-10 sm:h-10 md:w-16 md:h-16 mr-2 sm:mr-4 md:mr-6' src="data:image/png;base64,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" /> </div> <div class='flex items-center'>Education Industry</div> </div> </div> <div class="flex border-b border-cblack pb-10 mb-10"> <div class='flex-1 flex items-center justify-items-start border-r border-cblack pl-[12px] sm:pl-[24px] md:pl-[40px]'> <div> <img decoding="async" class='w-6 h-6 sm:w-10 sm:h-10 md:w-16 md:h-16 mr-2 sm:mr-4 md:mr-6' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAFEklEQVR4Ae1aXWgUVxQ+dza+RIzbbFaxKCg2qRbxByQPWloxVhqU9qk/9iEBHwyhDwYlmhVfSilYqLSgPgTEFrEtTSkiotVC/xCrb23qD2KV+FJ/k93NLmtWdnduz10yyZ17Z+I4ubNzU+fCZc45c+75+fbce2fnDkDUIgQiBJ5nBMh0k49jMwxjN9ppJYSsZvYopX/h5RLKDw4PD+eZTNc2LQAaGxvfxKS/wuTmuyR4F+UdIyMjP7vcD13sGwBMfjMmf95LBlgR7el0+pwX3Vrr+AKAlX0sFruJwSY9BvwQwXpJx+lgeEzApoZzu1NI/j7yncVicQHrjMbOZFabh1XQYTE6Xet8BrOOH4fJ7cQSH7BkhULhOE6RIv7q31ky1FmP9BGL1+XqqwIwsVf5BDD5MzzP6FKpJC58tjGifli8LwAw2BeFgAsCD/l8foSXIWiLeF4X2nURTCQSyzDIT7G/FWSwODV+KJfLqVwu90+QftxsOwIwvr//6DYoAPlYpVJpz2azvwdge0qTEgDjT3a3sGQTU45Uf/MePjA1o1lpOql3NWlRWgNwi9sVQvIsogVYeTsmQ6sNJQGAyX/Au+7t7QV8gLF1/j6jxfsW/zS9np4eUeU9URA0LwGADpfyTru7u3lWKd3V1SXae1kUBM07AWDz2dDQYONVMslk0mYOqy9uE9SAeSoATjG0tLRMiHl6QjhO8Pd4WtQLk/cFQF9fHzQ3N1c7o92aVz238bWQS9sgPgBR3jFb0IJsTU1NNvO4FUox2RQUM74qQHEMoZqLAAgVfg2cRxWgwY8QagjPfQVIW46qbXBozIRTD4rwzb0i3EE6nEZvm2AcLUPd96Nt8dtOMQQCwK/pEmy/koNCxfZI4eS/JjJKIWcS4510W+In0aHyKfBnrgwdf49qkzxLmBBoiNHKyfgvmVWBA/D5ncfwJKyKF7PjeULq68zyR7yI0cor4GKmJPrQid8gBqMcgLwm815MlPE4FeaKcuUAiA688PTSOTB72qud0W7Nq57beCe5FgCYA4cA7g5Ve5V2ihRlXvVchjuKtQCA/Du5RfO0GDF/j6dFvWfhtQDgWQJWrRsBoBrRmWZPiwqgc+2vxWguI+EoyeL2MdIAjwItAIDFy+3hXrts55GjVwXZklckHT8Cvx9I+PHlOoYsQQAGL0zcp19+ArRUArJyHVDTBHLlD6AnPgPbP7f/FQCb3gV6/muAsfFz0Sy+iT68B6z/kuzKJ0/r54CxedsEYNMhtJgCZN5CIB8e8JyHsfMgkEa3L/M8m6kqagEAi4S0vgEk1Q/igsinw+4xHbLmNV48LdppDXiMFustq/j9D+CxtcUGeiVrXgfji7NATx8DenMQYOgaQGwWwOJlQFpWg7GlE8hstWeVEgD4yQr7OGKllWl/fz+kUimLDfzKEiTvS8fmgfnl15aqE3wnuB+Jj/16NAZu+B1ak3GP2pK2nKU1wDTNQ1gFwR4I1iRVb04kADKZzCgC0Olt+MzXkgBgKSEIZxGEFdjPzPwUp85AWgQtdVz9cQmGrRbv9ZrEp1avujroOVaADoHVKoYIANVI4ynMqGqbquw5xaa8AghQ4X+rqvCV2PlNtKIcgJIxay+ug0XRUfg8LeJB6T4xDuUAZDe+MFiB2NsIwpjoLCwet6U8iym9KXFdjEE5AMwBO4Wt0NhadPwtdvn9lhhFQDzzXY3BIK1OJ8MBuY3MRghECMwgBP4DOmyYmFAjOx8AAAAASUVORK5CYII=" /> </div> <div class='flex items-center'>E-commerce & D2C</div> </div> <div class='flex-1 flex items-center justify-items-start border-cblack pl-[12px] sm:pl-[24px] md:pl-[40px]'> <div> <img decoding="async" class='w-6 h-6 sm:w-10 sm:h-10 md:w-16 md:h-16 mr-2 sm:mr-4 md:mr-6' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAADaElEQVR4Ae1Zy2sTQRj/1cYWg1ghiTZafDWm1lctCkJAxIsnLXrxJurNQ3vSg/SiXooHPUjxIF76B0iVeBQVPcT6ANFia2toa1EqdWPpw4a0knUmZeNksrMmuxu2Y2dg2e893/ebb2eTWUANhYBCQCGgEFi5CFSJSr90sufmnvDRjg3rttWIbGSQT86MLXyceN5969H5y2b5+syEVNZcf6Rd9uJpHbSGrJ5tJ6QpAKuokdmor9tRayaXUWZVixAAGQu1k7PwESg32KvRh3jw7kbO7XTrFRzefsoyRKXtLSdnlK51AC1+YjqZuwwgmHmKyErbF00oELgGAC3eGCxtyPg7a8PSvJ3BszYsbejt3l0DwG4CXvspALxeAa/nVx3g9Qp4Pb/qAK9XwOv5VQd4vQJez686wK0VCNdF8qFYOi/kCNaGpTmzPMvasHTewCYh7ID5hZmyQtJ/gDQxelH6X6PS9uz8vzLTLFtAC4/E7lzo17cG9hYYy8qMaR/Q3tNiWquwA7S5cVnrLcrbqhYhAK/JAcf/MvpGeoWlCAHoG+3FWOq90FEWRXLyLd58iQvTFQJAPW4/OYtvU0NCZ16xuRVoOMhLxXzDofLtNx0Qx+M1X6cG0f30HC8u4KsLOIbx+/3X0ouzeDlyH7U+PxpD1pXtbiNH6SeAerJvrlkP/BgG9CwTkCNbzgDR4+Xbh/cD1eRLhfaZC8ixjwfu4e6Li5jL/Mxp0un0dc4kx5rujFQTCAR01mF8SEPyGfC9H1icB3zk0Dy0i1xNwMZmoGYtaw38zpAkCQg00clPQBWBOrQTCNIruuTPepRrn5klcQeXYtN5qP9qPxDeBzQeA7Y0BdnwSKVSprWaCqknD4CmaQUBlzsTDJYGgOUesNyLdCM/BYAbKMocQ3WAzKvnRu6ufRs0konH4+jq6kIy+fdLkaFzco9EIujs7ERbG/nB4eJw/TUYi8UwPExezBUY0WgUiUSipMievQYrVTytuhKxV/wm6PoewPen6Bck36Kl2vHxnfIrvgMUAE5bSHZ/1QGyr6DT/FUHOEVQdn/VAbKvoNP8VQc4RVB2/5L/DsteqOhYXD0CopXVdX1ApLOSEz8rtSOd3dhWtVh1wFWSra1zLbuJWqHjICb9uElrUUMhoBBQCCgEFAIcAn8ANP0M4ENkt4wAAAAASUVORK5CYII=" /> </div> <div class='flex items-center'>Retail Industry</div> </div> </div> <div class="flex"> <div class='flex-1 flex items-center justify-items-start border-r border-cblack pl-[12px] sm:pl-[24px] md:pl-[40px]'> <div> <img decoding="async" class='w-6 h-6 sm:w-10 sm:h-10 md:w-16 md:h-16 mr-2 sm:mr-4 md:mr-6' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAACxElEQVR4Ae1aTWsTQRh+p0nThvjRtDFSKIVFvHpWKtiTJwn04E9QUIpYFc3NWwgexb/g0Qqhf6DQgz/AW1O8FESbiydpdrvjzNKVZbOz2ex8ZJZ9l4bszr4fz/O870xn2QDggQqgAqgAKlBeBYgO6vTe47q3ePHcJ/QJULhW8eFp9ejrQdZcJv2rWUFlsQuA17xnLnhvAchNAkxf9nexAB+Z/1QBLv13Xeq9AULaJvyVCBBW7JJ4Oy4WIeDEx6LX9M7DhrfS2HUJIw6kxUWLHjr9pQSIVzwodxT5lPOAePPKCxfoa+a7NsV84rasPw+YS4BJ4hPYUgfoVueqV6kw4uQVM1ydWThJ/yi4mQRQQrxafelSusfmeDMKJMt5IJyEf1KO2GxLMgEIiVMK7/jilGyVPkqAvqcAe6zaK+mWyXdl/WuH+4lcEwdDCP+JAwSrejhexG+RAMIp4G7v3Hd97wurWK6KF0WkBRFQ3yef87a7KKaN40IB2P/eTRsBq8YkFEB1IlvjoQC2VsYULuwAU0rbmgc7wNbKmMKFHWBKaVvzlL4DhA9DWSp28OcM+r9/wMn53yzmym1uLdWh23bg0fUbuWNLdcCHX/Mjzxlz4TkGmUNKgOPxfCofJSyLQUqAKJCinkutAXHSo9EoPqTlutVqKYtb+g5AAZT1UkEDlb4DlC6C8SYYDAbQ6/VgOBzGb1lzrbUD+v2+1eR5FbQKYE2ZU4BoFaDb7YLjOCnp539L6xrQ6XSAf1QfuBFSqKjWKaAQp7ZQKIA2aQsSWOsiiBsh3AjZPw+0LoK4EcKNUMmngP308WkQH4eFG6E8r71UPqXNMn3Wvx8KzcPXZyID4S9F765vUNm3LqKkpsdv1+rw7edpIlfhPmBM6blpoLrypXERCvCg0fy0sbjs6gJlKu5mrT7mXEzlwzyoACqACqACRVLgH2Kg97Wxu5D+AAAAAElFTkSuQmCC" /> </div> <div class='flex items-center'>Manufacturing</div> </div> <div class='flex-1 flex items-center justify-items-start border-cblack pl-[12px] sm:pl-[24px] md:pl-[40px]'> <div> <img decoding="async" class='w-6 h-6 sm:w-10 sm:h-10 md:w-16 md:h-16 mr-2 sm:mr-4 md:mr-6' src="data:image/png;base64,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" /> </div> <div class='flex items-center'>Customer Success</div> </div> </div> </div> </div> <div class='mt-20 el:mt-40 text-[14px] sm:text-[24px] md:text-[36px] el:text-[24px] font-medium hidden el:block'> <div class='flex my-12 el:my-20'> <div class='flex-1 flex items-center justify-items-start border-r border-cblack pl-10'> <div> <img decoding="async" class='w-10 h-10 el:w-16 el:h-16 mr-4 el:mr-6' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAEKElEQVR4Ae1aT0gUURh/s664oYSoUCydBGvZIDIiiMwshY5hlJ2iS5C3oiI6GZSXKKUunfrnNTqIxxKi2E5dglAy6hTRP/WSisruTr8n86ZvxpndN7Nv3Rl7A+P73vfvfb/ffPNmdpAxfWgGNAP/MwNGnMC3tLRsRb0DhmGcwLgTZ9o0za8Yh+bn559jDHzEgoDGxsZtDQ0N1wH8AhBucaMECdMgYLdbLzNPyDhxH7B/qrW19SM/uUzjMB8gtgGXzTeO+vnJyH08lUp9AfhL8FkHnsfBlvWLL6eX7gAUMiUWcjPOwWOhXdZiM3NzcxmxcKk44eM3IvYi1rznZ6d6rCmNhcZJd4AAz4OpbCUT4PmUyg5fjzgrfP3Q3Nx81gt8JpNhw8PD6wNCaqQJCJk/VBiufDaRSDyhwSCETUxMsFwuxwYHB6mpIjlZUXT1gm/i6teJ9Ol0mo2Pj7P29nahUjZGrgP4jg90JynCsbGxqoDna0SuA7Djn0Fd9obW09PDOjs7KR9K5ch1AJ4wpynC/v5+OlUuR44A3Pt7KcqOjg46VS5HjgB0QIqizGZDv+PQNL5y5AhABzj2paamJt/iVRgiR4AKUEFyaAKCsLUZfXUHbMarGgSTdAfg8TRLE1uvrEI1IwSMtgyf7UTPxd+uec2n0gSg0mlaLb7Q7BFzkDMEmQOfseQ1E3wcLzVQTq0ZIvTH8cwtVReez5yAbuJzDfJLPsfnqGcY+EkPhBhXqQJy5AgI0gGPKRiA68Pv9hHovEhMwjYKWy+Nyefzjt/41FYr2f7VJVMAQD0F8HMu309o+5FisfgCZxLHMfhcgQ//amsf8HmETjlvK3wEfF4zqWl21rH12Ka2tjZb5kLYT2KBCOCbGu7rdwC4w7F6mQnAf1tdXd23sLDwq4wr22gCgtwCbHFx8cfy8vIBAPpQDoiww3dqZWVlvwx4EbORYyACeGFLS0vf8b3uEIC9lSj0NXwPcuIkfGviEpgAXiXuyz+4n7uxqfWCiIcelT8oFApHcF8e5b4e9sioAu0BflW779uwGxLP785V7U3Q6xHmh7Mmevdur7qIULeA6iJqmS9yBGBPcbxyV5ucyBEAwDdwfq42cJE/9CaYzzHHG5tI6B6TXf++8bttMvNqrxPFDpDhRZmPJkAZlTFNpDsgphdOWdm6A5RRGdNEugNieuGUla07QBmVMU2kOyCmF05Z2boDlFEZ00S6A2J64ZSVrTugAip/SsTK+JRLI5NDxsdznfAdYLL3nhmpUsaH+nvJMjlkfLxyQxeaAHwRvYv4ok9eri6aBrtdwi5lstYp5VvROqEJqD/MJk2T3fGrDLZb9V3slZ9dVr+2jsHu+/lXuk7oz+KiIPMNyxYS7DLmfZZusq7IRo1u5/8UCf+w40atE7Y+HacZ0AzEk4G/TbQfGZrHf7QAAAAASUVORK5CYII=" /> </div> <div class='flex items-center leading-9'>Food Industry</div> </div> <div class='flex-1 flex items-center justify-items-start border-r border-cblack pl-10'> <div> <img decoding="async" class='w-10 h-10 el:w-16 el:h-16 mr-4 el:mr-6' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAHFUlEQVR4Ae1aWUwdVRg+rGXfA7QFyg5CKkkfsNaofTHxoSFpDAlLadAYqI/EaKM2McaqqcbwaCXGoi2LIfWBtE/GJhoTQF4QGgJUIOxr2beyXb//2HNzZ+5wme3eS9qZZHLOnH//5pz/LDOMWZeFgIWAhYCFgIXAc4uAj7ciLyoqCg8LC3uL7K+trd1tbW1d9YYv3gDAp6Sk5G0fH58vcSdQ0DabbQb3x83Nzbfo0ZNAeBSAsrKyQgRah8ALlIIE7R/QqhobG/9WorujzSMAlJeXJyG4bxBAicogmgHEBw0NDeMq+XWzuRWAysrKoO3t7asI/ioCCtbiJWQ2IXMjMDDwRn19/ZYWWS28bgMA3b0EQXyNIJK1OCTnhY4x6PgQw6JZTjPj2XQASktLX4RjNM5fMsNBoQNAdKBe1dTU1C3azChNA6CioiJ+d3f3KwReCcd8zXBOQcc+gKj39/f/6Pbt27MKdM1NhgGoqqoKWF1drUHg12A9XLMH+gRWAcT18PDw2rq6uh19Kv6XMgQA5vMiX1/fb6Eq04gTBmT/3d/ffx/rh1a9OnQBcOnSpZy9vb3v8dZf12vYTDn0hj/8/Pyq79y5069VryYAiouLIwMCAq7D4BUE76/VmDv54dMufLq5s7NzraWlZVmtLVUAIHA/BP4ejHwGIzFqlXuDDz4uwMdPAcR3AGLvMB8OBQDz+WtQSt099zBlR4kOn/vgczXWD3+68utAABB4OpTUQkmRKwVHnYYYWhFDDYAYUvLVCYD8/PwYdPfmmJiYN+Li4hjmXCU5w21YM7C5uTm2vr5uWJcrBZgluI0nT570DA0NnQfvgiO/EwBZWVmjCwsLfPkKIFhOTg47efKko4wp9a6uLjYzM2OKLrVK8DLXYTPMkV++YvNZWlqyr92RSNjDhw9ZW1sbQ7ujnOE6QDasQ6sCxBMql5EDYIuIiBiTM62srLD29nbW3d3NtrbM2ZhhiMnNuP0ZucDJhlMLbWE7OjoezM7OvuzEjQas/FhGRgZLT09XIqtuoxwAG2xjY0O1jCvGxcVFRr0KSU/CJg/68ePHkpglD46SZ86ceXV5ebkJXV8xAQQHB7Pc3FwWHx/vKObxOoHY19fHNjc3VdlWDYDQVlBQUD0/P1+Lrq94oBEdHc3y8vIYDjiFiEdKHKSy3t5eRm9e6QoKCtrELFYzPj5+05GuGYCnwn4I8gcIX0bXlecNzpKSksIwg7ht2hRB0NB59OgRGx0dFU2SEpl+PzY29meA8y4Ie6hLxoReALgRJMgYdPl7QF0xP9CagUBITk5m8rEn8VLHA43tsbExHjyBoHShN7ZhSFxA0rZPMaYCIIziTN/mqvuFhobyYWFWpqfkRvYOWjSJYYhvC0457TAAdC3zaLwXFhbyLN7f3++UycnRzs5OniApUVLC1HNRYqMER4lO6QoJCeELNSOJWBcAwhkyTMvlkZERhmUmk3dNchwJlJ06dYpPm2qX1aSH9JFeWsrKL9JD0zDppWnZyGUIADJMDqSlpbETJ06wgYEBNjk5KfGHAhgeHmYTExP8bRGfq4vkqVfhOF2RjeSzs7PZsWPHFOlaGw0DIAySQ6dPn+ZvhcYr1hCCxEsKqKenh2dvmjaRUCV0Wm0qyQmmyMhInlfkcoKutzQNAOEAOXj27Fk2NTXF3yR2YYLESwKG9hbiTVIj9RzqIUozBwFLG7Ljx49L9Jj1YDoAwjFymHIEdf/BwUHRbC+pq4vdIM4XFYOnJTcNL5z32eXMrrgNAHKUHM/MzGRJSUm8N0xPT0v8p8CVrsTERP7WsZpTIpva5lYAhKcUCJbU9vyA7wiCJClxzs/HeVRUlKTdnQ8eAUAEQIGdO3eOj3ca9yLT4wMoz+zuOHgRtg8qPQqAcIICTUhIYNio8LFPz2rXCEKHWaVXACDnKeDU1FSz4nClhw4cQp4yOB0+GFtGuTJ7RGjYRN0XrjjWRZvXeoBwwN0lNlKV2JTdhR0b6vfk9p55ABDwBgL/RR64eH4eAAjBdrmIAsY5Bn1FluSBZz4HoPv/iA1bE91UF29elM88ANhfnBfBOtZFmy4AkE07hIKjUsKntgN84T9jPqU51nmTXgCcsukBxj3ZrOsvEV0A4JeULxDZ756MzpUtvP3f8PfYDSUe0OwzgGNd8OoCAMI2rN8voLQrFwq9UDbiCI18kRx/Cz8wBb6DU6lSuqku2kXpdIoqCGpL/Ch1BRn2E/AnqZUxiW8Yb/RzvPlbRvQZBkAYxw+Sb6J+GZn2Ikq3bOQR8Bp0/4r7JwT+AKXhyzQAhCf4YTIUXfIigHgFDueiPRf1REHXWI6Dvx96elD+heOx+2b/N2w6AEoBEij4Nv8CaNkAIw13gBIfAqUDxEHQB8Dfj5+c1H3xVFJmtVkIWAhYCFgIWAhYCByGwH/XurwmlkBcjAAAAABJRU5ErkJggg==" /> </div> <div class='flex items-center leading-9'>Education Industry</div> </div> <div class='flex-1 flex items-center justify-items-start pl-10'> <div> <img decoding="async" class='w-10 h-10 el:w-16 el:h-16 mr-4 el:mr-6' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAFEklEQVR4Ae1aXWgUVxQ+dza+RIzbbFaxKCg2qRbxByQPWloxVhqU9qk/9iEBHwyhDwYlmhVfSilYqLSgPgTEFrEtTSkiotVC/xCrb23qD2KV+FJ/k93NLmtWdnduz10yyZ17Z+I4ubNzU+fCZc45c+75+fbce2fnDkDUIgQiBJ5nBMh0k49jMwxjN9ppJYSsZvYopX/h5RLKDw4PD+eZTNc2LQAaGxvfxKS/wuTmuyR4F+UdIyMjP7vcD13sGwBMfjMmf95LBlgR7el0+pwX3Vrr+AKAlX0sFruJwSY9BvwQwXpJx+lgeEzApoZzu1NI/j7yncVicQHrjMbOZFabh1XQYTE6Xet8BrOOH4fJ7cQSH7BkhULhOE6RIv7q31ky1FmP9BGL1+XqqwIwsVf5BDD5MzzP6FKpJC58tjGifli8LwAw2BeFgAsCD/l8foSXIWiLeF4X2nURTCQSyzDIT7G/FWSwODV+KJfLqVwu90+QftxsOwIwvr//6DYoAPlYpVJpz2azvwdge0qTEgDjT3a3sGQTU45Uf/MePjA1o1lpOql3NWlRWgNwi9sVQvIsogVYeTsmQ6sNJQGAyX/Au+7t7QV8gLF1/j6jxfsW/zS9np4eUeU9URA0LwGADpfyTru7u3lWKd3V1SXae1kUBM07AWDz2dDQYONVMslk0mYOqy9uE9SAeSoATjG0tLRMiHl6QjhO8Pd4WtQLk/cFQF9fHzQ3N1c7o92aVz238bWQS9sgPgBR3jFb0IJsTU1NNvO4FUox2RQUM74qQHEMoZqLAAgVfg2cRxWgwY8QagjPfQVIW46qbXBozIRTD4rwzb0i3EE6nEZvm2AcLUPd96Nt8dtOMQQCwK/pEmy/koNCxfZI4eS/JjJKIWcS4510W+In0aHyKfBnrgwdf49qkzxLmBBoiNHKyfgvmVWBA/D5ncfwJKyKF7PjeULq68zyR7yI0cor4GKmJPrQid8gBqMcgLwm815MlPE4FeaKcuUAiA688PTSOTB72qud0W7Nq57beCe5FgCYA4cA7g5Ve5V2ihRlXvVchjuKtQCA/Du5RfO0GDF/j6dFvWfhtQDgWQJWrRsBoBrRmWZPiwqgc+2vxWguI+EoyeL2MdIAjwItAIDFy+3hXrts55GjVwXZklckHT8Cvx9I+PHlOoYsQQAGL0zcp19+ArRUArJyHVDTBHLlD6AnPgPbP7f/FQCb3gV6/muAsfFz0Sy+iT68B6z/kuzKJ0/r54CxedsEYNMhtJgCZN5CIB8e8JyHsfMgkEa3L/M8m6kqagEAi4S0vgEk1Q/igsinw+4xHbLmNV48LdppDXiMFustq/j9D+CxtcUGeiVrXgfji7NATx8DenMQYOgaQGwWwOJlQFpWg7GlE8hstWeVEgD4yQr7OGKllWl/fz+kUimLDfzKEiTvS8fmgfnl15aqE3wnuB+Jj/16NAZu+B1ak3GP2pK2nKU1wDTNQ1gFwR4I1iRVb04kADKZzCgC0Olt+MzXkgBgKSEIZxGEFdjPzPwUp85AWgQtdVz9cQmGrRbv9ZrEp1avujroOVaADoHVKoYIANVI4ynMqGqbquw5xaa8AghQ4X+rqvCV2PlNtKIcgJIxay+ug0XRUfg8LeJB6T4xDuUAZDe+MFiB2NsIwpjoLCwet6U8iym9KXFdjEE5AMwBO4Wt0NhadPwtdvn9lhhFQDzzXY3BIK1OJ8MBuY3MRghECMwgBP4DOmyYmFAjOx8AAAAASUVORK5CYII=" /> </div> <div class='flex items-center leading-9'>E-commerce & D2C</div> </div> </div> <hr class='border-cblack mx-72' /> <div class='flex my-12 el:my-20'> <div class='flex-1 flex items-center justify-items-start border-r border-cblack pl-10'> <div> <img decoding="async" class='w-10 h-10 el:w-16 el:h-16 mr-4 el:mr-6' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAADaElEQVR4Ae1Zy2sTQRj/1cYWg1ghiTZafDWm1lctCkJAxIsnLXrxJurNQ3vSg/SiXooHPUjxIF76B0iVeBQVPcT6ANFia2toa1EqdWPpw4a0knUmZeNksrMmuxu2Y2dg2e893/ebb2eTWUANhYBCQCGgEFi5CFSJSr90sufmnvDRjg3rttWIbGSQT86MLXyceN5969H5y2b5+syEVNZcf6Rd9uJpHbSGrJ5tJ6QpAKuokdmor9tRayaXUWZVixAAGQu1k7PwESg32KvRh3jw7kbO7XTrFRzefsoyRKXtLSdnlK51AC1+YjqZuwwgmHmKyErbF00oELgGAC3eGCxtyPg7a8PSvJ3BszYsbejt3l0DwG4CXvspALxeAa/nVx3g9Qp4Pb/qAK9XwOv5VQd4vQJez686wK0VCNdF8qFYOi/kCNaGpTmzPMvasHTewCYh7ID5hZmyQtJ/gDQxelH6X6PS9uz8vzLTLFtAC4/E7lzo17cG9hYYy8qMaR/Q3tNiWquwA7S5cVnrLcrbqhYhAK/JAcf/MvpGeoWlCAHoG+3FWOq90FEWRXLyLd58iQvTFQJAPW4/OYtvU0NCZ16xuRVoOMhLxXzDofLtNx0Qx+M1X6cG0f30HC8u4KsLOIbx+/3X0ouzeDlyH7U+PxpD1pXtbiNH6SeAerJvrlkP/BgG9CwTkCNbzgDR4+Xbh/cD1eRLhfaZC8ixjwfu4e6Li5jL/Mxp0un0dc4kx5rujFQTCAR01mF8SEPyGfC9H1icB3zk0Dy0i1xNwMZmoGYtaw38zpAkCQg00clPQBWBOrQTCNIruuTPepRrn5klcQeXYtN5qP9qPxDeBzQeA7Y0BdnwSKVSprWaCqknD4CmaQUBlzsTDJYGgOUesNyLdCM/BYAbKMocQ3WAzKvnRu6ufRs0konH4+jq6kIy+fdLkaFzco9EIujs7ERbG/nB4eJw/TUYi8UwPExezBUY0WgUiUSipMievQYrVTytuhKxV/wm6PoewPen6Bck36Kl2vHxnfIrvgMUAE5bSHZ/1QGyr6DT/FUHOEVQdn/VAbKvoNP8VQc4RVB2/5L/DsteqOhYXD0CopXVdX1ApLOSEz8rtSOd3dhWtVh1wFWSra1zLbuJWqHjICb9uElrUUMhoBBQCCgEFAIcAn8ANP0M4ENkt4wAAAAASUVORK5CYII=" /> </div> <div class='flex items-center leading-9'>Retail Industry</div> </div> <div class='flex-1 flex items-center justify-items-start border-r border-cblack pl-10'> <div> <img decoding="async" class='w-10 h-10 el:w-16 el:h-16 mr-4 el:mr-6' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAACxElEQVR4Ae1aTWsTQRh+p0nThvjRtDFSKIVFvHpWKtiTJwn04E9QUIpYFc3NWwgexb/g0Qqhf6DQgz/AW1O8FESbiydpdrvjzNKVZbOz2ex8ZJZ9l4bszr4fz/O870xn2QDggQqgAqgAKlBeBYgO6vTe47q3ePHcJ/QJULhW8eFp9ejrQdZcJv2rWUFlsQuA17xnLnhvAchNAkxf9nexAB+Z/1QBLv13Xeq9AULaJvyVCBBW7JJ4Oy4WIeDEx6LX9M7DhrfS2HUJIw6kxUWLHjr9pQSIVzwodxT5lPOAePPKCxfoa+a7NsV84rasPw+YS4BJ4hPYUgfoVueqV6kw4uQVM1ydWThJ/yi4mQRQQrxafelSusfmeDMKJMt5IJyEf1KO2GxLMgEIiVMK7/jilGyVPkqAvqcAe6zaK+mWyXdl/WuH+4lcEwdDCP+JAwSrejhexG+RAMIp4G7v3Hd97wurWK6KF0WkBRFQ3yef87a7KKaN40IB2P/eTRsBq8YkFEB1IlvjoQC2VsYULuwAU0rbmgc7wNbKmMKFHWBKaVvzlL4DhA9DWSp28OcM+r9/wMn53yzmym1uLdWh23bg0fUbuWNLdcCHX/Mjzxlz4TkGmUNKgOPxfCofJSyLQUqAKJCinkutAXHSo9EoPqTlutVqKYtb+g5AAZT1UkEDlb4DlC6C8SYYDAbQ6/VgOBzGb1lzrbUD+v2+1eR5FbQKYE2ZU4BoFaDb7YLjOCnp539L6xrQ6XSAf1QfuBFSqKjWKaAQp7ZQKIA2aQsSWOsiiBsh3AjZPw+0LoK4EcKNUMmngP308WkQH4eFG6E8r71UPqXNMn3Wvx8KzcPXZyID4S9F765vUNm3LqKkpsdv1+rw7edpIlfhPmBM6blpoLrypXERCvCg0fy0sbjs6gJlKu5mrT7mXEzlwzyoACqACqACRVLgH2Kg97Wxu5D+AAAAAElFTkSuQmCC" /> </div> <div class='flex items-center leading-9'>Manufacturing</div> </div> <div class='flex-1 flex items-center justify-items-start pl-10'> <div> <img decoding="async" class='w-10 h-10 el:w-16 el:h-16 mr-4 el:mr-6' src="data:image/png;base64,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" /> </div> <div class='flex items-center leading-9'>Customer Success</div> </div> </div> </div> </div> </div> </div> <div class="bg-cblack"> <div class="max-w-[1920px] w-full mx-auto "> <div class='pt-20 sm:pt-40 sm:px-6 el:px-20 text-cwhite' id="pricing"> <div class='text-center px-4 sm:px-0 '> <h2 class='text-[32px] sm:text-[40px] md:text-[48px] el:text-[64px] font-semibold mb-10'>Pricing to Fit Your Needs</h2> <div class="flex justify-center"> <div class="sm:flex-[3]"></div> <p class="flex-[6] text-[16px] sm:text-[20px] md:text-[20px] el:text-[24px] inline-block ls-t">Commune offers flexible plans for businesses of any size, with options for customization, integrations, and expert support to boost your community's potential.</p> <div class="sm:flex-[3]"></div> </div> </div> <div class='overflow-y-hidden overflow-x-auto whitespace-nowrap hidden sm:block'> <div class='pb-20 pt-40 pricing-card-wrap'> <div class='bg-cwhite text-cblack inline-block align-top rounded-[24px] p-6 w-full sm:w-[302px] mx-2 whitespace-normal'> <div class='h-[200px] flex flex-col'> <h3 class='text-[32px] sm:text-[40px] font-semibold'>Starter</h3> <p class='text-[16px] leading-[18px] flex-1 '>Perfect for those just beginning to build a community.</p> <span class='flex text-2xl font-semibold max-h-16'> <span class='block align-top'>$</span> <span class='block -mt-8 align-top text-[96px] text-cblue'>89</span> <span class='block flex flex-col ml-2'> <span class='flex-1 font-medium'><del>$98</del></span> <span class='text-[16px]'>/month</span> </span> </span> </div> <div class='my-8'> <a class="requestButton cursor-pointer w-full inline-block rounded-full bg-cblack text-cwhite text-[24px] sm:text-[20px] font-semibold text-center py-2"> Get started</a> </div> <div class='h-[230px] sm:h-[210px] flex flex-col'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Key Features</h4> <ul class="list-disc font-light ml-4 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Forum, Knowledge Base, Event Management</li> <li>Push Notifications, Rewards, Badges</li> <li>AI-based content recommendations</li> <li>Commune Mobile App</li> <li>Analytics Dashboard</li> </ul> </div> <div class='mt-8 flex-1 flex'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Customer Success</h4> <ul class="list-disc font-light ml-6 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Chat support and AI-powered community insights.</li> </ul> </div> </div> </div> </div> <div class='bg-cwhite text-cblack inline-block align-top rounded-[24px] p-6 w-full sm:w-[302px] mx-2 whitespace-normal'> <div class='h-[200px] flex flex-col'> <h3 class='text-[32px] sm:text-[40px] font-semibold'>Growth</h3> <p class='text-[16px] leading-[18px] flex-1 '>For businesses ready to scale with customization and integrations.</p> <span class='flex text-2xl font-semibold max-h-16'> <span class='block align-top'>$</span> <span class='block -mt-8 align-top text-[96px] text-cblue'>199</span> <span class='block flex flex-col ml-2'> <span class='flex-1 font-medium'><del>$219</del></span> <span class='text-[16px]'>/month</span> </span> </span> </div> <div class='my-8'> <a class="requestButton cursor-pointer w-full inline-block rounded-full bg-cblack text-cwhite text-[24px] sm:text-[20px] font-semibold text-center py-2"> Get started</a> </div> <div class='h-[230px] sm:h-[210px] flex flex-col'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Everything in Starter, plus:</h4> <ul class="list-disc font-light ml-4 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Live streaming, Single Sign-On (SSO), API Integration</li> <li>Automated Workflow, Custom Pop-ups, HTML Customize Blocks</li> <li>Monthly Customer Success consultation (optional +$199)</li> </ul> </div> <div class='mt-8 flex-1 flex'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Customer Success</h4> <ul class="list-disc font-light ml-6 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Onboarding & consultation session included.</li> </ul> </div> </div> </div> </div> <div class='bg-cwhite text-cblack inline-block align-top rounded-[24px] p-6 w-full sm:w-[302px] mx-2 whitespace-normal'> <div class='h-[200px] flex flex-col'> <h3 class='text-[32px] sm:text-[40px] font-semibold'>Professional</h3> <p class='text-[16px] leading-[18px] flex-1 '>Designed for advanced management with expert guide.</p> <span class='flex text-2xl font-semibold max-h-16'> <span class='block align-top'>$</span> <span class='block -mt-8 align-top text-[96px] text-cblue'>499</span> <span class='block flex flex-col ml-2'> <span class='flex-1 font-medium'><del>$549</del></span> <span class='text-[16px]'>/month</span> </span> </span> </div> <div class='my-8'> <a class="requestButton cursor-pointer w-full inline-block rounded-full bg-cblack text-cwhite text-[24px] sm:text-[20px] font-semibold text-center py-2"> Get started</a> </div> <div class='h-[230px] sm:h-[210px] flex flex-col'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Everything in Growth, plus:</h4> <ul class="list-disc font-light ml-4 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>White-label App, 2-Factor Authentication, Password Policy Suite</li> <li>Advanced Access Control</li> <li>Monthly consultation with Customer Success experts</li> </ul> </div> <div class='mt-8 flex-1 flex'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Customer Success</h4> <ul class="list-disc font-light ml-6 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Monthly expert consultation and strategic support.</li> </ul> </div> </div> </div> </div> <div class='bg-cwhite text-cblack inline-block align-top rounded-[24px] p-6 w-full sm:w-[302px] mx-2 whitespace-normal'> <div class='h-[200px] flex flex-col'> <h3 class='text-[32px] sm:text-[40px] font-semibold'>Enterprise</h3> <p class='text-[16px] leading-[18px] flex-1 '>Tailored for large-scale communities with full customization and dedicated support.</p> </div> <div class='my-8'> <a class="requestButton cursor-pointer w-full inline-block rounded-full bg-cblack text-cwhite text-[24px] sm:text-[20px] font-semibold text-center py-2"> Contact us</a> </div> <div class='h-[230px] sm:h-[210px] flex flex-col'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Everything in Professional, plus:</h4> <ul class="list-disc font-light ml-4 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Beta Feature Early Access, Audit Trail Manager, User Function Control</li> <li>24/7 content monitoring, custom billing, and dedicated support</li> </ul> </div> <div class='mt-8 flex-1 flex'> <div class=" flex-1 text-center flex flex-col items-center justify-center justify-center-end"> <div class="flex-1"></div> <div> <img decoding="async" class="w-[80px]" src="https://commune.us/wp-content/uploads/2024/11/pricingimg-1.png" class='w-[130px] h-[130px] inline-block' /> </div> </div> </div> </div> </div> </div> <div class="pb-20 text-center text-[16px]">* Prices displayed in USD, based on an annual upfront payment.</div> </div> <div class=" pt-10 pb-20 block sm:hidden"> <div class="pricing-contents"> <div class='bg-cwhite text-cblack inline-block align-top rounded-[24px] p-6 w-full sm:w-[302px] mx-2 whitespace-normal'> <div class='h-[200px] flex flex-col'> <h3 class='text-[32px] sm:text-[40px] font-semibold'>Starter</h3> <p class='text-[16px] leading-[18px] flex-1 '>Perfect for those just beginning to build a community.</p> <span class='flex text-2xl font-semibold max-h-16'> <span class='block align-top'>$</span> <span class='block -mt-8 align-top text-[96px] text-cblue'>89</span> <span class='block flex flex-col ml-2'> <span class='flex-1 font-medium'><del>$98</del></span> <span class='text-[16px]'>/month</span> </span> </span> </div> <div class='my-8'> <a class="requestButton cursor-pointer w-full inline-block rounded-full bg-cblack text-cwhite text-[24px] sm:text-[20px] font-semibold text-center py-2"> Get started</a> </div> <div class='h-[230px] sm:h-[210px] flex flex-col'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Key Features</h4> <ul class="list-disc font-light ml-4 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Forum, Knowledge Base, Event Management</li> <li>Push Notifications, Rewards, Badges</li> <li>AI-based content recommendations</li> <li>Commune Mobile App</li> <li>Analytics Dashboard</li> </ul> </div> <div class='mt-8 flex-1 flex'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Customer Success</h4> <ul class="list-disc font-light ml-6 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Chat support and AI-powered community insights.</li> </ul> </div> </div> </div> </div> <div class='bg-cwhite text-cblack inline-block align-top rounded-[24px] p-6 w-full sm:w-[302px] mx-2 whitespace-normal'> <div class='h-[200px] flex flex-col'> <h3 class='text-[32px] sm:text-[40px] font-semibold'>Growth</h3> <p class='text-[16px] leading-[18px] flex-1 '>For businesses ready to scale with customization and integrations.</p> <span class='flex text-2xl font-semibold max-h-16'> <span class='block align-top'>$</span> <span class='block -mt-8 align-top text-[96px] text-cblue'>199</span> <span class='block flex flex-col ml-2'> <span class='flex-1 font-medium'><del>$219</del></span> <span class='text-[16px]'>/month</span> </span> </span> </div> <div class='my-8'> <a class="requestButton cursor-pointer w-full inline-block rounded-full bg-cblack text-cwhite text-[24px] sm:text-[20px] font-semibold text-center py-2"> Get started</a> </div> <div class='h-[230px] sm:h-[210px] flex flex-col'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Everything in Starter, plus:</h4> <ul class="list-disc font-light ml-4 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Live streaming, Single Sign-On (SSO), API Integration</li> <li>Automated Workflow, Custom Pop-ups, HTML Customize Blocks</li> <li>Monthly Customer Success consultation (optional +$199)</li> </ul> </div> <div class='mt-8 flex-1 flex'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Customer Success</h4> <ul class="list-disc font-light ml-6 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Onboarding & consultation session included.</li> </ul> </div> </div> </div> </div> <div class='bg-cwhite text-cblack inline-block align-top rounded-[24px] p-6 w-full sm:w-[302px] mx-2 whitespace-normal'> <div class='h-[200px] flex flex-col'> <h3 class='text-[32px] sm:text-[40px] font-semibold'>Professional</h3> <p class='text-[16px] leading-[18px] flex-1 '>Designed for advanced management with expert guide.</p> <span class='flex text-2xl font-semibold max-h-16'> <span class='block align-top'>$</span> <span class='block -mt-8 align-top text-[96px] text-cblue'>499</span> <span class='block flex flex-col ml-2'> <span class='flex-1 font-medium'><del>$549</del></span> <span class='text-[16px]'>/month</span> </span> </span> </div> <div class='my-8'> <a class="requestButton cursor-pointer w-full inline-block rounded-full bg-cblack text-cwhite text-[24px] sm:text-[20px] font-semibold text-center py-2"> Get started</a> </div> <div class='h-[230px] sm:h-[210px] flex flex-col'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Everything in Growth, plus:</h4> <ul class="list-disc font-light ml-4 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>White-label App, 2-Factor Authentication, Password Policy Suite</li> <li>Advanced Access Control</li> <li>Monthly consultation with Customer Success experts</li> </ul> </div> <div class='mt-8 flex-1 flex'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Customer Success</h4> <ul class="list-disc font-light ml-6 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Monthly expert consultation and strategic support.</li> </ul> </div> </div> </div> </div> <div class='bg-cwhite text-cblack inline-block align-top rounded-[24px] p-6 w-full sm:w-[302px] mx-2 whitespace-normal'> <div class='h-[200px] flex flex-col'> <h3 class='text-[32px] sm:text-[40px] font-semibold'>Enterprise</h3> <p class='text-[16px] leading-[18px] flex-1 '>Tailored for large-scale communities with full customization and dedicated support.</p> </div> <div class='my-8'> <a class="requestButton cursor-pointer w-full inline-block rounded-full bg-cblack text-cwhite text-[24px] sm:text-[20px] font-semibold text-center py-2"> Contact us</a> </div> <div class='h-[230px] sm:h-[210px] flex flex-col'> <div> <h4 class='uppercase font-semibold text-[16px] sm:text-[14px]'>Everything in Professional, plus:</h4> <ul class="list-disc font-light ml-4 text-[16px] sm:text-[14px] leading-[18px] sm:leading-[16px]"> <li>Beta Feature Early Access, Audit Trail Manager, User Function Control</li> <li>24/7 content monitoring, custom billing, and dedicated support</li> </ul> </div> <div class='mt-8 flex-1 flex'> <div class=" flex-1 text-center flex flex-col items-center justify-center justify-center-end"> <div class="flex-1"></div> <div> <img decoding="async" class="w-[80px]" src="https://commune.us/wp-content/uploads/2024/11/pricingimg-1.png" class='w-[130px] h-[130px] inline-block' /> </div> </div> </div> </div> </div> </div> <div class="flex justify-center gap-4 flex sm:hidden mt-10"> <div class="pricing-slick-dot no1 active"></div> <div class="pricing-slick-dot no2"></div> <div class="pricing-slick-dot no3"></div> <div class="pricing-slick-dot no4"></div> </div> <div class="pt-10 text-center text-[14px]">* Prices displayed in USD, based on an annual upfront payment.</div> </div> </div> </div> </div> <div class="bg-cgray1"> <div class="max-w-[1920px] w-full mx-auto "> <form id="reqestForm" method="POST" class=" pb-20"> <div class='px-4 sm:px-6 el:px-20 pt-20 flex-col flex md:flex-row '> <div class='mb-8 el:mb-0 flex-[5]'> <span class='text-[14px] leading-[14px] sm:text-[16px] sm:leading-[17px] el:text-[20px] el:leading-[21px] border border-cblack px-4 el:px-6 py-2 rounded-full inline-block ls-t'>Book a Personal <b class='font-semibold'>20-Minute Demo</b> with Commune's CEO</span> <div class="mt-4 sm:mt-8 el:mt-10 tx-a"> <p class=''>Unlock the full potential of your community with a free consultation. From engagement strategies to seamless onboarding and scalable growth, we’re here to help you every step of the way.</p> <p class=' font-semibold mt-10 el:mt-20 mb-4 el:mb-6'>What can you expect from the demo?</p> <ul class="list-disc ml-[16px] sm:ml-[24px] el:ml-[32px]"> <li>1-on-1 Platform Walkthrough</li> <li>Expert Advice</li> <li>Plan Selection Guidance</li> </ul> </div> </div> <div class="flex-1"></div> <div class="mb-[24px] flex-[6]"> <div class='mb-4'> <label class='tx-a font-semibold block'>Name<span class='align-top text-cred'>*</span></label> <input name="sender_name" type="text" required="required" class='requestField font-light border-b focus:border-b-[2px] focus:bg-white/30 rounded-t-[4px] px-3 pt-1 pb-1 focus:pb-[3px] border-cblack w-full text-[20px] sm:text-[24px] bg-transparent transition-all outline-none md:mb-2 el:mb-4' /> </div> <div class='mb-4'> <label class='tx-a font-semibold block'>Email<span class='align-top text-cred'>*</span></label> <input name="email" type="text" required="required" class='requestField font-light border-b focus:border-b-[2px] focus:bg-white/30 rounded-t-[4px] px-3 pt-1 pb-1 focus:pb-[3px] border-cblack w-full text-[20px] sm:text-[24px] bg-transparent transition-all outline-none md:mb-2 el:mb-4' /> </div> <div class='mb-4'> <label class='tx-a font-semibold block'>Company Name<span class='align-top text-cred'>*</span></label> <input name="company" type="text" required="required" class='requestField font-light border-b focus:border-b-[2px] focus:bg-white/30 rounded-t-[4px] px-3 pt-1 pb-1 focus:pb-[3px] border-cblack w-full text-[20px] sm:text-[24px] bg-transparent transition-all outline-none md:mb-2 el:mb-4' /> </div> <div class='mb-4'> <label class='tx-a font-semibold block'>Company Size</label> <input name="company_size" type="text" class='requestField font-light border-b focus:border-b-[2px] focus:bg-white/30 rounded-t-[4px] px-3 pt-1 pb-1 focus:pb-[3px] border-cblack w-full text-[20px] sm:text-[24px] bg-transparent transition-all outline-none md:mb-2 el:mb-4' /> </div> <div class='mb-4'> <label class='tx-a font-semibold block'>Current Challenge</label> <input name="current_challenge" type="text" class='requestField font-light border-b focus:border-b-[2px] focus:bg-white/30 rounded-t-[4px] px-3 pt-1 pb-1 focus:pb-[3px] border-cblack w-full text-[20px] sm:text-[24px] bg-transparent transition-all outline-none md:mb-2 el:mb-4' /> </div> </div> </div> <div class=""> <div class="col-span-2 flex mt-20 sm:mb-20 justify-center md:flex-row flex-col items-center"> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/ceo-1.png" class='w-[64px] h-[64px] sm:w-[58px] sm:h-[58px]' /> <div class='my-4 sm:my-6 md:my-0 bg-white ls-t text-cblack text-[14px] sm:text-[24px] el:text-[20px] rounded-full px-4 sm:px-8 md:px-12 h-[38px] sm:h-[56px] flex items-center'> Let’s Launch Your Journey and Ignite Your Community! </div> <div class="flex"> <button type="submit" class="inline-block relative text-[16px] sm:text-[24px] md:text-[24px] el:text-[20px] px-16 md:px-12 pt-3 pb-2 rounded-full bg-cblack !text-cwhite group overflow-hidden hover:!bg-white active:!bg-cblack focus:!bg-cblack transition-all duration-500 max-h-40px sm:max-h-[58px] el:max-h-[53px]"> Send Message <span class=' inline-block w-16 h-16 rounded-full bg-cblue absolute -left-10 -bottom-20 group-hover:w-[420px] group-hover:h-[420px] transition-all duration-500'></span> <span class='absolute top-3 left-16 md:left-12 group-hover:text-cblack transition-[color] duration-500'>Send Message</span> </a> </div> </div> </div> </form> </div> </div> </div> <div class="max-w-[1920px] w-full mx-auto "> <footer class='mt-20 mb-40 mx-4 block md:hidden text-[16px] sm:text-[24px]'> <div> <div class='flex justify-center items-center mb-10'> <img decoding="async" class="min-h-[24px] md:min-h-[32px]" src="https://commune.us/wp-content/uploads/2024/11/202411_logo.svg" alt="logo" /> </div> <div class=' text-center mb-10'> <a target="_blank" rel="noopener noreferrer" href="https://docs.google.com/document/d/e/2PACX-1vSj-HHwMgn8mQFxDDKbvVSDyqQPkmdtfD2hUw4g6aMGzkFhRCJjlOpGnhQQYBLujDIms5ijQtnLs-l4/pub">Privacy Policy</a> <span class='inline-block px-6'>|</span> <a target="_blank" rel="noopener noreferrer" href="https://docs.google.com/document/d/e/2PACX-1vRbEPJkSxNSw491cIOt3PIqpeUKfY-l4wcmMTzXwnR8CcIAieIwNCDa9PC8SgPmPllMpKSap8MA_VAw/pub">Terms of Service</a> </div> <div class='flex items-center justify-center flex-row-reverse mb-10'> <a href="https://www.linkedin.com/company/communeus/" target="_blank" rel="noopener noreferrer" class='inline-block mx-[20px]'> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M40 20.0005C40 31.0467 31.0457 40.001 19.9995 40.001C8.95432 40 0 31.0457 0 20.0005C0 8.95432 8.95432 0 20.0005 0C31.0467 0 40.001 8.95432 40.001 20.0005H40Z" fill="#121214" /> <path d="M12.9169 14.6531C14.3396 14.6531 15.493 13.4998 15.493 12.077C15.493 10.6543 14.3396 9.50098 12.9169 9.50098C11.4942 9.50098 10.3408 10.6543 10.3408 12.077C10.3408 13.4998 11.4942 14.6531 12.9169 14.6531Z" fill="white" /> <path d="M14.8707 16.3701H10.9618C10.8556 16.3701 10.7695 16.4562 10.7695 16.5624V29.0572C10.7695 29.1634 10.8556 29.2494 10.9618 29.2494H14.8707C14.9769 29.2494 15.063 29.1634 15.063 29.0572V16.5624C15.063 16.4562 14.9769 16.3701 14.8707 16.3701Z" fill="white" /> <path d="M29.6606 21.0926V28.3909C29.6606 28.863 29.274 29.2496 28.8019 29.2496H26.2258C25.7537 29.2496 25.3671 28.863 25.3671 28.3909V22.3801C25.3671 21.1952 24.4058 20.2339 23.2209 20.2339C22.0361 20.2339 21.0747 21.1952 21.0747 22.3801V28.3909C21.0747 28.863 20.6881 29.2496 20.216 29.2496H17.6399C17.1678 29.2496 16.7812 28.863 16.7812 28.3909V17.228C16.7812 16.7558 17.1678 16.3693 17.6399 16.3693H20.216C20.6881 16.3693 21.0747 16.7558 21.0747 17.228V17.7776C21.9334 16.6652 23.3548 15.9404 24.9383 15.9404C27.308 15.9404 29.6606 17.6578 29.6606 21.0926Z" fill="white" /> </g> <defs> <clipPath id="clip0_2063_6172"> <rect width="40" height="40" fill="white" /> </clipPath> </defs> </svg> </a> <a href='https://www.youtube.com/channel/UCXSl_w_ZSfOG3qfG56VMi2A' target="_blank" rel="noopener noreferrer" class='inline-block mx-[20px]'> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clipPath="url(#clip0_2063_6178)"> <path d="M40 20.0005C40 31.0467 31.0457 40.001 19.9995 40.001C8.95432 40 0 31.0457 0 20.0005C0 8.95432 8.95432 0 20.0005 0C31.0467 0 40.001 8.95432 40.001 20.0005H40Z" fill="#121214" /> <path d="M28.6195 11.5254H11.3813C9.67803 11.5254 8.29688 12.9065 8.29688 14.6088V25.3902C8.29688 27.0935 9.67803 28.4737 11.3813 28.4737H28.6195C30.3218 28.4737 31.7029 27.0935 31.7029 25.3902V14.6088C31.7029 12.9065 30.3218 11.5254 28.6195 11.5254ZM22.7688 20.7445L17.975 23.1403C17.4213 23.4172 16.771 23.0155 16.771 22.3974V17.6057C16.771 16.9876 17.4223 16.5859 17.975 16.8617L22.7688 19.2576C23.3808 19.5636 23.3808 20.4384 22.7688 20.7445Z" fill="white" /> </g> <defs> <clipPath id="clip0_2063_6178"> <rect width="40" height="40" fill="white" /> </clipPath> </defs> </svg> </a> </div> <div class='text-center'>© 2025 Commune All rights reserved.</div> </div> </footer> <footer class='my-20 mx-6 el:mx-20 hidden md:block text-[16px] sm:text-[24px]'> <div class='grid grid-cols-2'> <div> <div class='h-16'> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/202411_logo.svg" alt="logo" /> </div> <div class=''>© 2025 Commune All rights reserved.</div> </div> <div> <div class=' text-right h-16'> <a target="_blank" rel="noopener noreferrer" href="https://docs.google.com/document/d/e/2PACX-1vSj-HHwMgn8mQFxDDKbvVSDyqQPkmdtfD2hUw4g6aMGzkFhRCJjlOpGnhQQYBLujDIms5ijQtnLs-l4/pub">Privacy Policy</a> <span class='inline-block px-6'>|</span> <a target="_blank" rel="noopener noreferrer" href="https://docs.google.com/document/d/e/2PACX-1vRbEPJkSxNSw491cIOt3PIqpeUKfY-l4wcmMTzXwnR8CcIAieIwNCDa9PC8SgPmPllMpKSap8MA_VAw/pub">Terms of Service</a> </div> <div class='flex flex-row-reverse'> <a href="https://www.linkedin.com/company/communeus/" target="_blank" rel="noopener noreferrer" class='inline-block ml-6'> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M40 20.0005C40 31.0467 31.0457 40.001 19.9995 40.001C8.95432 40 0 31.0457 0 20.0005C0 8.95432 8.95432 0 20.0005 0C31.0467 0 40.001 8.95432 40.001 20.0005H40Z" fill="#121214" /> <path d="M12.9169 14.6531C14.3396 14.6531 15.493 13.4998 15.493 12.077C15.493 10.6543 14.3396 9.50098 12.9169 9.50098C11.4942 9.50098 10.3408 10.6543 10.3408 12.077C10.3408 13.4998 11.4942 14.6531 12.9169 14.6531Z" fill="white" /> <path d="M14.8707 16.3701H10.9618C10.8556 16.3701 10.7695 16.4562 10.7695 16.5624V29.0572C10.7695 29.1634 10.8556 29.2494 10.9618 29.2494H14.8707C14.9769 29.2494 15.063 29.1634 15.063 29.0572V16.5624C15.063 16.4562 14.9769 16.3701 14.8707 16.3701Z" fill="white" /> <path d="M29.6606 21.0926V28.3909C29.6606 28.863 29.274 29.2496 28.8019 29.2496H26.2258C25.7537 29.2496 25.3671 28.863 25.3671 28.3909V22.3801C25.3671 21.1952 24.4058 20.2339 23.2209 20.2339C22.0361 20.2339 21.0747 21.1952 21.0747 22.3801V28.3909C21.0747 28.863 20.6881 29.2496 20.216 29.2496H17.6399C17.1678 29.2496 16.7812 28.863 16.7812 28.3909V17.228C16.7812 16.7558 17.1678 16.3693 17.6399 16.3693H20.216C20.6881 16.3693 21.0747 16.7558 21.0747 17.228V17.7776C21.9334 16.6652 23.3548 15.9404 24.9383 15.9404C27.308 15.9404 29.6606 17.6578 29.6606 21.0926Z" fill="white" /> </g> <defs> <clipPath id="clip0_2063_6172"> <rect width="40" height="40" fill="white" /> </clipPath> </defs> </svg> </a> <a href="https://www.youtube.com/channel/UCXSl_w_ZSfOG3qfG56VMi2A" target="_blank" rel="noopener noreferrer" class='inline-block ml-6'> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clipPath="url(#clip0_2063_6178)"> <path d="M40 20.0005C40 31.0467 31.0457 40.001 19.9995 40.001C8.95432 40 0 31.0457 0 20.0005C0 8.95432 8.95432 0 20.0005 0C31.0467 0 40.001 8.95432 40.001 20.0005H40Z" fill="#121214" /> <path d="M28.6195 11.5254H11.3813C9.67803 11.5254 8.29688 12.9065 8.29688 14.6088V25.3902C8.29688 27.0935 9.67803 28.4737 11.3813 28.4737H28.6195C30.3218 28.4737 31.7029 27.0935 31.7029 25.3902V14.6088C31.7029 12.9065 30.3218 11.5254 28.6195 11.5254ZM22.7688 20.7445L17.975 23.1403C17.4213 23.4172 16.771 23.0155 16.771 22.3974V17.6057C16.771 16.9876 17.4223 16.5859 17.975 16.8617L22.7688 19.2576C23.3808 19.5636 23.3808 20.4384 22.7688 20.7445Z" fill="white" /> </g> <defs> <clipPath id="clip0_2063_6178"> <rect width="40" height="40" fill="white" /> </clipPath> </defs> </svg> </a> </div> </div> </div> </footer> </div> <div id="requestFormModal" class="fixed hidden w-full h-full top-0 left-0 z-[100]"> <div class='bg-cblack/30 w-full h-full absolute top-0 left-0 requestFormModalBack'> </div> <div class='w-full h-full modalback absolute flex items-center justify-center px-[16px]'> <div class="bg-white max-w-[440px] sm:max-w-[678px] w-[678px] rounded-[24px] sm:rounded-[40px] px-[24px] py-[32px] sm:py-[40px] sm:px-[32px] sm:py-[64px]"> <div class="flex mb-[24px] sm:mb-[40px] items-center"> <div class="flex-1 text-[32px] sm:text-[48px] font-semibold">Let’s connect!</div> <div> <button class="sm:p-4 requestModalClose"> <svg class="h-[20px] w-[20px] sm:h-[28px] sm:h-[28px]" width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 25L24.6274 2.37258" stroke="#0E0E0E" stroke-width="3" stroke-linecap="round" /> <path d="M2 2L24.6274 24.6274" stroke="#0E0E0E" stroke-width="3" stroke-linecap="round" /> </svg> </button> </div> </div> <form id="reqestFormInModal" method="POST"> <div class="mb-[24px]"> <div class='mb-4'> <label class='text-[16px] font-semibold block'>Name<span class='align-top text-cred'>*</span></label> <input name="sender_name" type="text" required="required" class='requestField font-light border-b focus:border-b-[2px] focus:bg-cgray1 rounded-t-[4px] px-3 pt-1 sm:pt-2 pb-1 sm:pb-2 focus:pb-[3px] sm:focus:pb-[7px] border-cblack w-full text-[16px] bg-transparent transition-all outline-none ' /> </div> <div class='mb-4'> <label class='text-[16px] font-semibold block'>Email<span class='align-top text-cred'>*</span></label> <input name="email" type="text" required="required" class='requestField font-light border-b focus:border-b-[2px] focus:bg-cgray1 rounded-t-[4px] px-3 pt-1 sm:pt-2 pb-1 sm:pb-2 focus:pb-[3px] sm:focus:pb-[7px] border-cblack w-full text-[16px] bg-transparent transition-all outline-none ' /> </div> <div class='mb-4'> <label class='text-[16px] font-semibold block'>Company Name<span class='align-top text-cred'>*</span></label> <input name="company" type="text" required="required" class='requestField font-light border-b focus:border-b-[2px] focus:bg-cgray1 rounded-t-[4px] px-3 pt-1 sm:pt-2 pb-1 sm:pb-2 focus:pb-[3px] sm:focus:pb-[7px] border-cblack w-full text-[16px] bg-transparent transition-all outline-none ' /> </div> <div class='mb-4'> <label class='text-[16px] font-semibold block'>Company Size</label> <input name="company_size" type="text" class='requestField font-light border-b focus:border-b-[2px] focus:bg-cgray1 rounded-t-[4px] px-3 pt-1 sm:pt-2 pb-1 sm:pb-2 focus:pb-[3px] sm:focus:pb-[7px] border-cblack w-full text-[16px] bg-transparent transition-all outline-none ' /> </div> <div class='mb-4'> <label class='text-[16px] font-semibold block'>Current Challenge</label> <textarea name="current_challenge" rows='2' class='requestField font-light border-b focus:border-b-[2px] focus:bg-cgray1 rounded-t-[4px] px-3 pt-1 sm:pt-2 pb-1 sm:pb-2 focus:pb-[3px] sm:focus:pb-[7px] border-cblack w-full text-[16px] bg-transparent transition-all outline-none '></textarea> </div> </div> <div class="flex justify-center flex-col items-center"> <div class=""> <button type="submit" class="relative text-[14px] sm:text-[16px] el:text-[24px] px-12 pt-3 pb-2 rounded-full bg-cblack hover:!bg-white active:!bg-cblack focus:!bg-cblack text-cwhite group overflow-hidden hover:bg-cwhite transition-all duration-500 "> Send Message <span class=' inline-block w-16 h-16 rounded-full bg-cblue absolute -left-8 -bottom-20 group-hover:w-[420px] group-hover:h-[420px] transition-all duration-500'></span> <span class='absolute top-3 left-12 group-hover:text-cblack transition-[color] duration-500'>Send Message</span> </button> </div> </div> </form> </div> </div> </div> <div id="successModal" class="fixed duration-300 opacity-0 invisible w-full h-full top-0 left-0 z-[100]"> <div class='bg-cblack/30 w-full h-full absolute top-0 left-0 requestFormModalBack'> </div> <div class='w-full h-full modalback absolute flex items-center justify-center px-[16px]'> <div class="bg-white text-center sm:max-w-[628px] rounded-[32px] sm:rounded-[40px] px-[24px] py-[40px] sm:px-[32px] sm:py-[64px]"> <div class="text-[32px] sm:text-[48px] leading-[36px] sm:leading-[52px] mb-[32px] font-semibold"> Message sent successfully! </div> <div class=" text-[14px] leading-[18px] sm:text-[20px] sm:leading-[24px]">Thank you for your interest in Commune! Our CEO will be in touch soon with all the details that matter most to you! </div> <div class="my-[40px]"> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/success.png" class='inline w-[120px] h-[120px] sm:w-[160px] sm:h-[160px]' /> </div> <div> <button class="closeSuccessModal bg-cblack hover:!bg-cblack active:!bg-cblack focus:!bg-cblack h-[40px] sm:h-[48px] text-cwhite px-[48px] sm:px-[80px] rounded-full ">Gsot it!</button> </div> </div> </div> </div> <div id="failModal" class="fixed duration-300 opacity-0 invisible w-full h-full top-0 left-0 z-[100]"> <div class='bg-cblack/30 w-full h-full absolute top-0 left-0 requestFormModalBack'> </div> <div class='w-full h-full modalback absolute flex items-center justify-center px-[16px]'> <div class="bg-white text-center sm:max-w-[628px] rounded-[32px] sm:rounded-[40px] px-[24px] py-[40px] sm:px-[32px] sm:py-[64px]"> <div class="text-[32px] sm:text-[48px] leading-[36px] sm:leading-[52px] mb-[32px] font-semibold"> Oh Sanp! </div> <div class=" text-[14px] leading-[18px] sm:text-[20px] sm:leading-[24px]">Looks like something went wrong while processing your request. Please give it another try. </div> <div class="my-[40px]"> <img decoding="async" src="https://commune.us/wp-content/uploads/2024/11/fail.png" class='inline w-[120px] h-[120px] sm:w-[160px] sm:h-[160px]' /> </div> <div> <button class="closeFailModal bg-cblack hover:!bg-cblack active:!bg-cblack focus:!bg-cblack h-[40px] sm:h-[48px] text-cwhite px-[48px] sm:px-[80px] rounded-full ">Try again</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-e261d3f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e261d3f" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ed4dc0" data-id="0ed4dc0" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-aa6ea0a elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="aa6ea0a" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <script> tailwind.config = { theme: { screens: { sm: '600px', md: '960px', lg: '1280px', el: '1440px', xl: "1920px" }, container: { screens: { sm: '600px', md: '960px', lg: '1280px', el: '1440px', xl: "1920px" }, padding: { DEFAULT: '1rem', sm: '2rem', "xl": '40px', }, }, extend: { blur: { xx: '96px', }, fontSize: { sm: '14px', base: '16px', lg: '20px', xl: '24px', '2xl': '24px', '3xl': '32px', "4xl": '48px', "5xl": '64px', }, colors: { cblack: "#0E0E0E", cgray1: "#F2F2F2", cblue: "#18BCEA", cwhite: "#ffffff", cred: '#EE4355', } } }, } $(() => { try { const area = document.getElementById('hover-effect-area'); var fragment = document.createDocumentFragment(); // リスト項目を作成して DocumentFragment に追加 for (var i = 0; i < 2000; i++) { const div1 = document.createElement('div'); div1.classList.add('w-8', 'h-8', 'blur-xx', 'transition-all', 'inline-block', 'float-left', 'hover-effect-cell', 'opacity-0'); const div2 = document.createElement('div'); div2.classList.add('bg-cblue/70', 'w-20', 'h-20', 'select-none', '-mt-6', '-ml-6'); div1.appendChild(div2); fragment.appendChild(div1); } area.appendChild(fragment); } catch (e) { console.error(e) } // header $('.cus-openmenu').click(() => { $('.cus-sidemenu').removeClass('hidden') }) $('.cus-closemenu').click(() => { $('.cus-sidemenu').addClass('hidden') }) $('.cus-sidemenu-item-toggle.no1').click((e) => { const isOpened = $('.cus-sidemenu-item-toggle.no1').data('isOpened') if (isOpened) { $('.cus-sidemenu-item-toggle-group.no1').addClass('max-h-0') $('.cus-sidemenu-item-toggle-group.no1').removeClass('max-h-[320px]') $('.cus-sidemenu-item-toggle-arrow.no1').removeClass(['-rotate-90', 'opacity-15']) $('.cus-sidemenu-item-toggle.no1').data('isOpened', false) } else { $('.cus-sidemenu-item-toggle-group.no1').removeClass('max-h-0') $('.cus-sidemenu-item-toggle-group.no1').addClass('max-h-[320px]') $('.cus-sidemenu-item-toggle-arrow.no1').addClass(['-rotate-90', 'opacity-15']) $('.cus-sidemenu-item-toggle.no1').data('isOpened', true) } }) $('.cus-sidemenu-item-toggle.no2').click((e) => { const isOpened = $('.cus-sidemenu-item-toggle.no2').data('isOpened') if (isOpened) { $('.cus-sidemenu-item-toggle-group.no2').addClass('max-h-0') $('.cus-sidemenu-item-toggle-group.no2').removeClass('max-h-[320px]') $('.cus-sidemenu-item-toggle-arrow.no2').removeClass(['-rotate-90', 'opacity-15']) $('.cus-sidemenu-item-toggle.no2').data('isOpened', false) } else { $('.cus-sidemenu-item-toggle-group.no2').removeClass('max-h-0') $('.cus-sidemenu-item-toggle-group.no2').addClass('max-h-[320px]') $('.cus-sidemenu-item-toggle-arrow.no2').addClass(['-rotate-90', 'opacity-15']) $('.cus-sidemenu-item-toggle.no2').data('isOpened', true) } }) $('.cus-sidemenu-item-toggle.no3').click((e) => { const isOpened = $('.cus-sidemenu-item-toggle.no3').data('isOpened') if (isOpened) { $('.cus-sidemenu-item-toggle-group.no3').addClass('max-h-0') $('.cus-sidemenu-item-toggle-group.no3').removeClass('max-h-[320px]') $('.cus-sidemenu-item-toggle-arrow.no3').removeClass(['-rotate-90', 'opacity-15']) $('.cus-sidemenu-item-toggle.no3').data('isOpened', false) } else { $('.cus-sidemenu-item-toggle-group.no3').removeClass('max-h-0') $('.cus-sidemenu-item-toggle-group.no3').addClass('max-h-[320px]') $('.cus-sidemenu-item-toggle-arrow.no3').addClass(['-rotate-90', 'opacity-15']) $('.cus-sidemenu-item-toggle.no3').data('isOpened', true) } }) // hero1 $("#hoverEffectArea").on("mousemove", (e) => { var x = e.clientX; var y = e.clientY; var z = document.elementsFromPoint(x, y); const cell = z.find((el) => { return el.classList.contains('hover-effect-cell') }) if (cell) { Array.from(document.getElementsByClassName('hover-effect-cell opacity-100')).forEach(element => { element.classList.remove('opacity-100') element.classList.add('opacity-0') element.classList.add('duration-1000') element.classList.remove('duration-0') }); cell.classList.add('opacity-100'); cell.classList.remove('opacity-0'); cell.classList.remove('duration-1000') cell.classList.add('duration-0') } }); // hero2_c $("#hero2HoverArea").on("mousemove", (e) => { const elem = document.getElementById('hero2HoverArea') elem.children[0].style.left = e.offsetX + - 36 + 'px'; elem.children[0].style.top = e.offsetY - 36 + 'px'; }) // accordion $(".accordionitem").on("click", function () { const isOpened = !!$(this).data('isOpened'); if (isOpened) { $(this).removeClass('bg-cgray1') $(this).find('.message-box').removeClass('max-h-[320px]') $(this).find('.message-box').addClass('max-h-0') $(this).find('.arrow-icon').removeClass(['-rotate-90', 'opacity-15']) } else { $(this).find('.message-box').addClass('max-h-[320px]') $(this).find('.message-box').removeClass('max-h-0') $(this).find('.arrow-icon').addClass(['-rotate-90', 'opacity-15']) $(this).addClass('bg-cgray1') } $(this).data('isOpened', !isOpened) }) if ($('.sectionPin1')[0]) {// forC // hook1 $('.hookimg').css('height', document.body.clientWidth * 0.25 + 'px') $(window).resize(function () { $('#hookimg').css('height', document.body.clientWidth * 0.25 + 'px') }); } const reset = () => { try { document.getElementById('hookimganother1').style.minWidth = document.getElementById('hookimg1').clientWidth + 'px'; document.getElementById('hookimganother1').style.height = document.getElementById('hookimg1').clientHeight + 'px'; document.getElementById('hookimganother2').style.minWidth = document.getElementById('hookimg2').clientWidth + 'px'; document.getElementById('hookimganother2').style.height = document.getElementById('hookimg2').clientHeight + 'px'; } catch (e) { } try { document.getElementById('hookimganother3').style.minWidth = document.getElementById('hookimg3').clientWidth + 'px'; document.getElementById('hookimganother3').style.height = document.getElementById('hookimg3').clientHeight + 'px'; } catch (e) { } } try { $(window).resize(function () { reset(); }); reset() setInterval(reset, 1000) } catch (e) { console.error(e) } $(".requestButton").on("click", function () { $('#requestFormModal').removeClass('hidden') }); $(".requestModalClose").on("click", function () { $('#requestFormModal').addClass('hidden') }); $('#requestFormModal').on("click", function (e) { if ($($(e.target)[0]).hasClass('modalback')) { $('#requestFormModal').addClass('hidden'); e.preventDefault(); return false; } }) const handleSubmit = ($form) => { $form.find(':submit').prop('disabled', 'true'); const sender_name = $form.find('input[name="sender_name"]').val(); const email = $form.find('input[name="email"]').val(); const company = $form.find('input[name="company"]').val(); const company_size = $form.find('input[name="company_size"]').val(); const current_challenge = $form.find('textarea[name="current_challenge"]').val(); const onError = () => { $('#failModal').removeClass(["opacity-0", "invisible"]) $('#failModal').addClass(["opacity-100", "visible"]) $form.find(':submit').prop('disabled', 'false'); } fetch('https://docs.google.com/forms/u/0/d/e/1FAIpQLSe0bIt06_M_HMEM7WSyHmLjL6f3JpcBmqxDmS1bpNvXa8jJtg/formResponse', { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: `entry.1075205164=${sender_name}&entry.16204001=${email}&entry.1166094497=${company}&entry.1171404015=${company_size}&entry.1269152607=${current_challenge}` }).then(data => { $('#successModal').removeClass(["opacity-0", "invisible"]) $('#successModal').addClass(["opacity-100", "visible"]) $('#requestFormModal').addClass('hidden'); $form.find(':submit').prop('disabled', 'false'); $form[0].reset(); }) .catch(error => { console.log(error) onError(); }); return; const data = { "fields": [ { "objectTypeId": "0-1", "name": "sender_name", "value": sender_name }, { "objectTypeId": "0-1", "name": "email", "value": email }, { "objectTypeId": "0-1", "name": "company", "value": company }, { "objectTypeId": "0-1", "name": "company_size", "value": company_size }, { "objectTypeId": "0-1", "name": "current_challenge", "value": current_challenge } ] } } // form modal $('#reqestFormInModal').one('submit', function (e) { handleSubmit($('#reqestFormInModal')) e.preventDefault(); return false }) $('#reqestForm').one('submit', function (e) { handleSubmit($('#reqestForm')) e.preventDefault(); return false }) $(".closeFailModal").on("click", function () { $('#failModal').addClass(["opacity-0", "invisible"]) $('#failModal').removeClass(["opacity-100", "visible"]) }); $(".closeSuccessModal").on("click", function () { $('#successModal').addClass(["opacity-0", "invisible"]) $('#successModal').removeClass(["opacity-100", "visible"]) }); //slick $('.testimonials-contents').slick({ infinite: false, arrows: false, }); $('.testimonials-contents').on('beforeChange', function (event, slick, currentSlide, index) { if (index === 0) { $('.caseButtonLeft').addClass('opacity-30') $('.caseButtonRight').removeClass('opacity-30') } else if (index === slick.slideCount - 1) { $('.caseButtonRight').addClass('opacity-30') $('.caseButtonLeft').removeClass('opacity-30') } else { $('.caseButtonLeft').removeClass('opacity-30') $('.caseButtonRight').removeClass('opacity-30') } $('.slick-tab').removeClass('active') $(".slick-tab.no" + (index + 1)).addClass('active') $('.slick-dot').removeClass('active') $(".slick-dot.no" + (index + 1)).addClass('active') }); $('.slick-tab').on('click', function () { const index = $(this).index() $('.testimonials-contents').slick('slickGoTo', index) }) $('.caseButtonLeft').on('click', function () { $('.testimonials-contents').slick('slickPrev') }); $('.caseButtonRight').on('click', function () { $('.testimonials-contents').slick('slickNext') }); $('.slick-dot').on('click', function () { const index = $(this).index() $('.testimonials-contents').slick('slickGoTo', index) }) $('.pricing-contents').slick({ infinite: false, arrows: false, }); $('.pricing-contents').on('beforeChange', function (event, slick, currentSlide, index) { $('.pricing-slick-dot').removeClass('active') $(".pricing-slick-dot.no" + (index + 1)).addClass('active') }); $('.pricing-slick-dot').on('click', function () { const index = $(this).index() $('.pricing-contents').slick('slickGoTo', index) }) $('.ai-contents').slick({ slidesToShow: 2, infinite: false, arrows: false, responsive: [ { breakpoint: 1280, settings: { slidesToShow: 1.5 } }, { breakpoint: 960, settings: { slidesToShow: 1 } }, { breakpoint: 600, settings: { mobileFirst: true, slidesToShow: 1 } } ] }); $('.ai-contents').on('beforeChange', function (event, slick, currentSlide, index) { $('.ai-contents').slick('slickGoTo', index) $('.ai-slick-dot').removeClass('active') $(".ai-slick-dot.no" + (index + 1)).addClass('active') }); $('.ai-slick-dot').on('click', function () { const index = $(this).index() $('.ai-contents').slick('slickGoTo', index) $('.ai-slick-dot').removeClass('active') $(".ai-slick-dot.no" + (index + 1)).addClass('active') }) $('.aipanel').on('click', function () { const index = $(this).index() $('.ai-contents').slick('slickGoTo', index) }) // header制御 const header = $('.header'); const headerHeight = header.outerHeight(); let beforeScrollTop = 0; $(window).scroll(function () { const scrollTop = $(this).scrollTop(); if ((scrollTop > beforeScrollTop) && (scrollTop > headerHeight)) { header.addClass('header_hide'); } else { header.removeClass('header_hide'); } beforeScrollTop = scrollTop; }); $('.headersubmenuitem0').on('click', function () { $('.headersubmenu0').hide(); setTimeout(() => { $('.headersubmenu0').show(); }, 10) }) $('.headersubmenuitem1').on('click', function () { $('.headersubmenu1').hide(); setTimeout(() => { $('.headersubmenu1').show(); }, 10) }) $('.headersubmenuitem2').on('click', function () { $('.headersubmenu2').hide(); setTimeout(() => { $('.headersubmenu2').show(); }, 10) }) if (location.pathname === "/ex" || location.pathname === "/ex/") { $('a[href="/ex#brand_promise"]').attr('href', '#brand_promise') $('a[href="/ex#successful_story"]').attr('href', '#successful_story') $('.cus-sidemenu-item-toggle.no3').click(); } if (location.pathname === "/") { $('.cus-sidemenu-item-toggle.no2').click(); } $('.cus-sidemenu-item-toggle').on('click', function (e) { if ($(this).attr('href') === '/') { if (location.pathname === '/') { e.preventDefault(); return false; } } else if ($(this).attr('href') === '/ex') { if (location.pathname === "/ex" || location.pathname === "/ex/" || location.pathname === "/employeeexperience.html") { console.log(location.pathname) e.preventDefault(); e.stopPropagation(); return false; } } }) }) </script> </div> </div> </div> </div> </div> </section> </div> <div class="post-tags"> </div> </div> </main> <footer itemtype="https://schema.org/WPFooter" itemscope="itemscope" id="colophon" role="contentinfo"> <div class='footer-width-fixer'> <div data-elementor-type="wp-post" data-elementor-id="151" class="elementor elementor-151"> <section class="elementor-section elementor-top-section elementor-element elementor-element-4a4e6f1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4a4e6f1" data-element_type="section" data-settings="{"background_background":"classic","shape_divider_bottom":"curve"}"> <div class="elementor-shape elementor-shape-bottom" data-negative="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"> <path class="elementor-shape-fill" d="M1000,4.3V0H0v4.3C0.9,23.1,126.7,99.2,500,100S1000,22.7,1000,4.3z"/> </svg> </div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52c6d7d" data-id="52c6d7d" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-4f4b65c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4f4b65c" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-1ee09e7" data-id="1ee09e7" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-862e476 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="862e476" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-b7573b5" data-id="b7573b5" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-05f32d0 elementor-widget elementor-widget-image" data-id="05f32d0" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://commune.us/"> <img width="198" height="34" src="https://commune.us/wp-content/uploads/2023/02/Logo_commune_white.svg" class="attachment-full size-full wp-image-10222" alt="" loading="lazy" /> </a> </div> </div> <div class="elementor-element elementor-element-b2d339e elementor-widget elementor-widget-text-editor" data-id="b2d339e" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.14.0 - 26-06-2023 */ .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}</style> <p>Commune is an AI-powered community platform driving customer-led growth</p> </div> </div> <div class="elementor-element elementor-element-3fb2e9a e-grid-align-left e-grid-align-mobile-center elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="3fb2e9a" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.14.0 - 26-06-2023 */ .elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));height:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}</style> <div class="elementor-social-icons-wrapper elementor-grid"> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-ca45cd1" href="https://www.linkedin.com/company/communeus/" target="_blank"> <span class="elementor-screen-only">Linkedin</span> <i class="fab fa-linkedin"></i> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-db2cccf" href="https://www.youtube.com/channel/UCXSl_w_ZSfOG3qfG56VMi2A" target="_blank"> <span class="elementor-screen-only">Youtube</span> <i class="fab fa-youtube"></i> </a> </span> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-ccd6726" data-id="ccd6726" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-07d895b elementor-widget elementor-widget-heading" data-id="07d895b" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">Quick links</p> </div> </div> <div class="elementor-element elementor-element-2d17156 elementor-align-left elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="2d17156" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://commune.us/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://commune.us/case-studies/"> <span class="elementor-icon-list-text">Case Studies</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://commune.us/pricing/"> <span class="elementor-icon-list-text">Pricing</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://commune.us/downloadables/"> <span class="elementor-icon-list-text">Resources</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://commmune.notion.site/External-Sales-partnership-opportunity-with-Commune-5adcdc9f0ed24840a4a45accfc4bb200"> <span class="elementor-icon-list-text">Partnerships</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://commune.us/contact/"> <span class="elementor-icon-list-text">Contact</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-fee0bd1" data-id="fee0bd1" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-37729df elementor-widget elementor-widget-heading" data-id="37729df" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">Products</p> </div> </div> <div class="elementor-element elementor-element-e940a44 elementor-align-left elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="e940a44" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://commune.us/product-overview/"> <span class="elementor-icon-list-text">Product overview</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://commune.us/integrations/"> <span class="elementor-icon-list-text">Integrations</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-c073814" data-id="c073814" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6a995a3 elementor-widget elementor-widget-heading" data-id="6a995a3" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">Our office</p> </div> </div> <div class="elementor-element elementor-element-5dcac9e elementor-widget elementor-widget-text-editor" data-id="5dcac9e" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <a style="color: #FFFFFF;" href="https://earth.google.com/web/search/55+E+3rd+Avenue+San+Mateo,+California+94401/@37.56394454,-122.32503496,22.29997129a,647.31354409d,35y,-125.96303702h,60t,0r/data=CpYBGmwSZgolMHg4MDhmOWU3MWIzNzkwZjJkOjB4MzUxMTY3ODMyZGY2MTE0OBl8e9egL8hCQCFItC5_z5RewCorNTUgRSAzcmQgQXZlbnVlIFNhbiBNYXRlbywgQ2FsaWZvcm5pYSA5NDQwMRgCIAEiJgokCbHU2jfOxElAER8TEkLRwklAGYAJEW57k7W_IdADhadDN7u_KAI6AwoBMA" target="_blank" rel="noopener">55 E 3rd Avenue San Mateo, California 94401</a> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-b60a9ac elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="b60a9ac" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d1f8ae" data-id="1d1f8ae" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-9196183 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9196183" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-3355852" data-id="3355852" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-699c690 elementor-hidden-mobile elementor-widget elementor-widget-text-editor" data-id="699c690" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p><span style="color: #ffffff;">© 2024 Commune All rights reserved.</span></p> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-bea1a8b" data-id="bea1a8b" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-16f9b9d" data-id="16f9b9d" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-777c726 elementor-widget elementor-widget-text-editor" data-id="777c726" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <a style="color: #FFFFFF;" href="https://docs.google.com/document/d/e/2PACX-1vSj-HHwMgn8mQFxDDKbvVSDyqQPkmdtfD2hUw4g6aMGzkFhRCJjlOpGnhQQYBLujDIms5ijQtnLs-l4/pub">Privacy Policy </a> | <a style="color: #FFFFFF;" href="https://docs.google.com/document/d/e/2PACX-1vRbEPJkSxNSw491cIOt3PIqpeUKfY-l4wcmMTzXwnR8CcIAieIwNCDa9PC8SgPmPllMpKSap8MA_VAw/pub">Terms of Service</a> </div> </div> <div class="elementor-element elementor-element-571966d elementor-hidden-desktop elementor-widget elementor-widget-text-editor" data-id="571966d" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <span style="color: #FFFF;">© 2024 Commune All rights reserved.</span> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> </div> </footer> </div> <link rel='stylesheet' id='eael-3353-css' href='https://commune.us/wp-content/uploads/essential-addons-elementor/eael-3353.css?ver=1737704264' media='all' /> <link rel='stylesheet' id='elementor-post-3353-css' href='https://commune.us/wp-content/uploads/elementor/css/post-3353.css?ver=1730915308' media='all' /> <link rel='stylesheet' id='eael-4006-css' href='https://commune.us/wp-content/uploads/essential-addons-elementor/eael-4006.css?ver=1737704264' media='all' /> <link rel='stylesheet' id='elementor-post-4006-css' href='https://commune.us/wp-content/uploads/elementor/css/post-4006.css?ver=1730915308' media='all' /> <script id='eael-general-js-extra'> var localize = {"ajaxurl":"https:\/\/commune.us\/wp-admin\/admin-ajax.php","nonce":"1995f0e4cc","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https:\/\/commune.us\/","cart_redirectition":"","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}}; </script> <script src='https://commune.us/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=5.8.3' id='eael-general-js'></script> <script src='https://commune.us/wp-content/uploads/essential-addons-elementor/eael-3351.js?ver=1737704264' id='eael-3351-js'></script> <script id='leadin-script-loader-js-js-extra'> var leadin_wordpress = {"userRole":"visitor","pageType":"home","leadinPluginVersion":"10.1.28"}; </script> <script src='https://js.hs-scripts.com/21935141.js?integration=WordPress&ver=10.1.28' async defer id='hs-script-loader'></script> <script src='https://commune.us/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=1.0.0' id='hello-theme-frontend-js'></script> <script src='https://commune.us/wp-content/plugins/elementskit-lite/libs/framework/assets/js/frontend-script.js?ver=2.9.0' id='elementskit-framework-js-frontend-js'></script> <script id='elementskit-framework-js-frontend-js-after'> var elementskit = { resturl: 'https://commune.us/wp-json/elementskit/v1/', } </script> <script src='https://commune.us/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widget-scripts.js?ver=2.9.0' id='ekit-widget-scripts-js'></script> <script src='https://commune.us/wp-content/uploads/essential-addons-elementor/eael-3353.js?ver=1737704264' id='eael-3353-js'></script> <script src='https://commune.us/wp-content/uploads/essential-addons-elementor/eael-4006.js?ver=1737704264' id='eael-4006-js'></script> <script src='https://commune.us/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.7.5' id='elementor-pro-webpack-runtime-js'></script> <script src='https://commune.us/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.14.1' id='elementor-webpack-runtime-js'></script> <script src='https://commune.us/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.14.1' id='elementor-frontend-modules-js'></script> <script src='https://commune.us/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2' id='wp-polyfill-inert-js'></script> <script src='https://commune.us/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.11' id='regenerator-runtime-js'></script> <script src='https://commune.us/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script src='https://commune.us/wp-includes/js/dist/hooks.min.js?ver=4169d3cf8e8d95a3d6d5' id='wp-hooks-js'></script> <script src='https://commune.us/wp-includes/js/dist/i18n.min.js?ver=9e794f35a71bb98672ae' id='wp-i18n-js'></script> <script id='wp-i18n-js-after'> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id='elementor-pro-frontend-js-before'> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/commune.us\/wp-admin\/admin-ajax.php","nonce":"cca93e8b9a","urls":{"assets":"https:\/\/commune.us\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/commune.us\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/commune.us\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script src='https://commune.us/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.7.5' id='elementor-pro-frontend-js'></script> <script src='https://commune.us/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2' id='elementor-waypoints-js'></script> <script src='https://commune.us/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2' id='jquery-ui-core-js'></script> <script id='elementor-frontend-js-before'> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.14.1","is_static":false,"experimentalFeatures":{"e_dom_optimization":true,"e_optimized_assets_loading":true,"e_optimized_css_loading":true,"a11y_improvements":true,"additional_custom_breakpoints":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"landing-pages":true,"page-transitions":true,"notes":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/commune.us\/wp-content\/plugins\/elementor\/assets\/"},"swiperClass":"swiper-container","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"title","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":11666,"title":"Commune%20%7C%20Leading%20Advocacy%20Community%20Platform","excerpt":"","featuredImage":false}}; </script> <script src='https://commune.us/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.14.1' id='elementor-frontend-js'></script> <script src='https://commune.us/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.7.5' id='pro-elements-handlers-js'></script> <script src='https://commune.us/wp-content/plugins/elementskit-lite/widgets/init/assets/js/animate-circle.min.js?ver=2.9.0' id='animate-circle-js'></script> <script id='elementskit-elementor-js-extra'> var ekit_config = {"ajaxurl":"https:\/\/commune.us\/wp-admin\/admin-ajax.php","nonce":"b83f67d71e"}; </script> <script src='https://commune.us/wp-content/plugins/elementskit-lite/widgets/init/assets/js/elementor.js?ver=2.9.0' id='elementskit-elementor-js'></script> <script src='https://commune.us/wp-includes/js/underscore.min.js?ver=1.13.4' id='underscore-js'></script> <script id='wp-util-js-extra'> var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; </script> <script src='https://commune.us/wp-includes/js/wp-util.min.js?ver=6.2.6' id='wp-util-js'></script> <script id='wpforms-elementor-js-extra'> var wpformsElementorVars = {"captcha_provider":"recaptcha","recaptcha_type":"v2"}; </script> <script src='https://commune.us/wp-content/plugins/wpforms-lite/assets/js/integrations/elementor/frontend.min.js?ver=1.8.2.3' id='wpforms-elementor-js'></script> </body> </html>

CINXE.COM

Commune | Leading Advocacy Community Platform