<!doctype html><html lang="en"><head>
    <meta charset="utf-8">
    <title>eCommerce Marketing, Web Design &amp; Development Agency - Groove Commerce</title>
    <link rel="shortcut icon" href="https://www.groovecommerce.com/hubfs/Group%20203.svg">
    <meta name="description" content="Since 2007, our innovative eCommerce marketing, web design, and development agency has driven revenue and ROI for mid-market and enterprise clients across different industries.">
    
    
    
    
    
    <meta name="viewport" content="width=device-width, initial-scale=1">

    
    <meta property="og:description" content="Since 2007, our innovative eCommerce marketing, web design, and development agency has driven revenue and ROI for mid-market and enterprise clients across different industries.">
    <meta property="og:title" content="eCommerce Marketing, Web Design &amp; Development Agency - Groove Commerce">
    <meta name="twitter:description" content="Since 2007, our innovative eCommerce marketing, web design, and development agency has driven revenue and ROI for mid-market and enterprise clients across different industries.">
    <meta name="twitter:title" content="eCommerce Marketing, Web Design &amp; Development Agency - Groove Commerce">

    

    
    <style>
a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
</style>

<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/template_assets/1/159493452307/1741260271743/template_main_v2.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/template_assets/1/90789394749/1741260268084/template_theme-overrides.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/166499520066/1741328592960/module_Header_Global_Module_May_2024_v1.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/91318048167/1741328472539/module_Home_Hero_Banner_Module.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/template_assets/1/91315877419/1741260290626/template_slick.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/100122798105/1741328531533/module_Logo_Slider_Global_Module.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/90789763220/1741328460816/module_Three_Column_-_Services_Module.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/91587705673/1741328478815/module_Featured_Work_Module.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/91306006938/1741328469346/module_Partners_Module.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/91552009776/1741328476726/module_Two_Column_Video_and_Content_Module.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/91618587651/1741328479687/module_Testimonials_Carousel_Module.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/91545152589/1741328474570/module_Text_and_CTA_callout_Module.min.css">
<link rel="stylesheet" href="https://www.groovecommerce.com/hubfs/hub_generated/module_assets/1/109012683548/1741328535698/module_Footer_Global_Module_March_2023.min.css">
<style>
  @font-face {
    font-family: "IBM Plex Sans";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("/_hcms/googlefonts/IBM_Plex_Sans/500.woff2") format("woff2"), url("/_hcms/googlefonts/IBM_Plex_Sans/500.woff") format("woff");
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("/_hcms/googlefonts/IBM_Plex_Sans/regular.woff2") format("woff2"), url("/_hcms/googlefonts/IBM_Plex_Sans/regular.woff") format("woff");
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("/_hcms/googlefonts/IBM_Plex_Sans/700.woff2") format("woff2"), url("/_hcms/googlefonts/IBM_Plex_Sans/700.woff") format("woff");
  }
  @font-face {
    font-family: "Archivo";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("/_hcms/googlefonts/Archivo/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Archivo/regular.woff") format("woff");
  }
  @font-face {
    font-family: "Archivo";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("/_hcms/googlefonts/Archivo/700.woff2") format("woff2"), url("/_hcms/googlefonts/Archivo/700.woff") format("woff");
  }
  @font-face {
    font-family: "Archivo";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url("/_hcms/googlefonts/Archivo/300.woff2") format("woff2"), url("/_hcms/googlefonts/Archivo/300.woff") format("woff");
  }
</style>

    

    
<!--  Added by GoogleAnalytics4 integration -->
<script>
var _hsp = window._hsp = window._hsp || [];
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

var useGoogleConsentModeV2 = true;
var waitForUpdateMillis = 1000;


if (!window._hsGoogleConsentRunOnce) {
  window._hsGoogleConsentRunOnce = true;

  gtag('consent', 'default', {
    'ad_storage': 'denied',
    'analytics_storage': 'denied',
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'wait_for_update': waitForUpdateMillis
  });

  if (useGoogleConsentModeV2) {
    _hsp.push(['useGoogleConsentModeV2'])
  } else {
    _hsp.push(['addPrivacyConsentListener', function(consent){
      var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics));
      var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement));

      gtag('consent', 'update', {
        'ad_storage': hasAdsConsent ? 'granted' : 'denied',
        'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied',
        'ad_user_data': hasAdsConsent ? 'granted' : 'denied',
        'ad_personalization': hasAdsConsent ? 'granted' : 'denied'
      });
    }]);
  }
}

gtag('js', new Date());
gtag('set', 'developer_id.dZTQ1Zm', true);
gtag('config', 'G-6N6XWSCEBX');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6N6XWSCEBX"></script>

<!-- /Added by GoogleAnalytics4 integration -->

    <link rel="canonical" href="https://www.groovecommerce.com">

<!-- Google Tag Manager -->
<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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NNPNTW');</script>
<!-- End Google Tag Manager -->

<meta name="google-site-verification" content="wMEXVhyU7KwBuR_X31d8Tup0JXfBObAnDEIKDGxU6UY">
<meta name="google-site-verification" content="oT8RRWy1fn45kB_t17WDVXck-7m2Q2Mgx832QuofRwE">
<meta name="google-site-verification" content="fB9iIfZoV4mOeR_zGemd6MDjQOIqnZ_EZqlpXiIj5T4">

<meta name="msvalidate.01" content="D0DB162989232D8653567672F94DBBAA">

<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Groove Commerce">

<script type="application/ld+json">
{
    "@context": "http://schema.org/",
    "@type": "Organization",
    "founder": {
		"@type": "Person",
		"additionalName": "Ethan Giffin"
	},
	"foundingDate": "May 2, 2007",
    "name": "Groove Commerce",
    "description": "Looking for eCommerce design, development or marketing? Groove Commerce has experts in eCommerce services for mid-market retailers. Discover more about Groove Commerce.",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "2 Village Square, Suite 220",
        "addressLocality": "Baltimore",
        "addressRegion": "MD",
        "postalCode": "21210"
    },
    "telephone": "1-800-564-9826",
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "reviewCount": "8"
    },    
    "sameAs": [
    "https://www.facebook.com/iGotGroove",
    "https://twitter.com/groovecommerce",
    "https://www.linkedin.com/company/groove-commerce/",
    "https://www.instagram.com/groovecommerce/"
  ]
}
</script>

<script type="application/ld+json">
 {
 "@context": "http://schema.org",
 "@type": "WebSite",
 "url": "https://www.groovecommerce.com",
 "potentialAction": {
 "@type": "SearchAction",
 "target": "https://www.groovecommerce.com/search?term={search_term_string}",
 "query-input": "required name=search_term_string"
 }
 }
 </script>
<script>
  gtag('config', 'AW-1039111811/dSU4CMD4sKEDEIOtvu8D', {
    'phone_conversion_number': '800-564-9826'
  });
</script>

<!-- Global site tag (gtag.js) - Google Ads: 1039111811 -->
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=AW-1039111811"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-1039111811');
</script>

<!-- Event snippet for Page view conversion page -->
<script>
  gtag('event', 'conversion', {'send_to': 'AW-1039111811/niU1CM7f9rsDEIOtvu8D'});
</script>

<meta property="og:url" content="https://www.groovecommerce.com">
<meta name="twitter:card" content="summary">
<meta http-equiv="content-language" content="en">





<meta name="msvalidate.01" content="D0DB162989232D8653567672F94DBBAA">
  <meta name="generator" content="HubSpot"></head>
  <body>

    <div class="body-wrapper   hs-content-id-6716202607 hs-site-page page hs-content-path- hs-content-name-home  ">

      
      
      
      <div id="hs_cos_wrapper_header_2024_v1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="header-main-wrapper">

  <div data-aos="fade-in" data-aos-duration="2000" data-aos-delay="500">
    <div class="header-top-bar">
      <div class="content-wrapper">
        <div class="top-bar-content">
          Expand Your Knowledge <span>|</span> The eCommerce Masters Podcast  
          
          
          <a href="https://www.groovecommerce.com/ecommerce-masters-podcast/">
            Watch &amp; Listen Now &gt;
          </a>
        </div>
      </div>
      <div class="close-button">
        <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Union.svg" alt="X">
      </div>
    </div>
  </div>

  <header class="header header_v2" data-aos="fade-in" data-aos-duration="2000">
    <div class="content-wrapper">
      <div class="dis-flex header-flex vmiddle">

        <div class="header-logo">
          
          
          <a href="https://www.groovecommerce.com">
            
            
            
            
            <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Logo.svg" class="header-white-logo" alt="Logo" loading="lazy" width="113" height="27">
            
            
            
            
            
            <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/black-logo.svg" class="header-black-logo" alt="black-logo" loading="lazy" width="113" height="28">
            
          </a>
        </div><div class="mobile-trigger">
          <span class="line line-1"></span>
          <span class="line line-2"></span>
        </div>


        <div class="header-menu">
          <span id="hs_cos_wrapper_module_166663727374" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu">
            <div id="hs_menu_wrapper_module_166663727374" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="166663727374" aria-label="Navigation Menu">
              

              <ul class="desktop-menu" aria-role="menubar">
                
                <li class="hs-menu-item hs-menu-depth-1 hs_services_menu_item has-children-default-type hs-item-has-children  hs-item-has-children has-children-type-2 " aria-haspopup="true" role="menuitem">
          <a href="#" aria-role="menuitem">Services</a>

          
          
          
          
          
          
          
          

          
          
          

          
          
          

          
          
          
          

          
          
          
          <ul class="hs-menu-children-wrapper ddmenu_type_2" aria-role="menu" role="menu">
            <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children  hs-menu-links" role="menuitem">
              
              <span class="hs-menu-heading">Our Services</span>
              

              <ul role="menu" class="hs-menu-children-wrapper">
                
                
                <li class="hs-menu-item hs-menu-link-items">
                  <ul role="menu" class="hs-menu-children-wrapper">
                    
                    
                    <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-item" role="menuitem">
                      
                      
                      <a href="https://www.groovecommerce.com/ecommerce-website-design/">
                        <span class="icon" style="background-color:rgba(252, 168, 153,1.0);"><svg width="22" height="24" viewbox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.3341 19.7314C14.0894 19.8983 13.8035 19.9996 13.5006 19.9996H8.50094C8.19813 19.9996 7.9122 19.8974 7.66562 19.7314L7.04781 22.1249C7.01594 22.2486 7 22.3752 7 22.4999C7 23.3268 7.67313 23.9999 8.5 23.9999H13.4997C14.3266 23.9999 14.9997 23.3268 14.9997 22.4999C14.9997 22.3752 14.9837 22.2486 14.9519 22.124L14.3341 19.7314Z" fill="#272D35" /><path d="M11.4258 4.2395C11.2439 3.9423 10.7536 3.9423 10.5717 4.2395L5.07141 13.2395C4.97485 13.3989 4.97297 13.5976 5.06954 13.7579L8.06954 18.7576C8.16141 18.9086 8.3236 19.0004 8.49892 19.0004H13.4986C13.6749 19.0004 13.8371 18.9086 13.928 18.7576L16.928 13.7579C17.0236 13.5976 17.0227 13.3989 16.9261 13.2395L11.4258 4.2395ZM10.9992 15.0001C9.89393 15.0001 8.99957 14.1048 8.99957 13.0005C8.99957 11.8951 9.89489 11.0008 10.9992 11.0008C12.1046 11.0008 12.9989 11.8961 12.9989 13.0005C12.9989 14.1048 12.1045 15.0001 10.9992 15.0001Z" fill="#272D35" /><path d="M20.4994 0C19.8479 0 19.2976 0.419064 19.0913 1.00032H12.4997V0.499704C12.4997 0.224088 12.2756 2.4e-05 12 2.4e-05H10.0003C9.72473 2.4e-05 9.50067 0.224086 9.50067 0.499704L9.49973 1.00032H2.90813C2.70188 0.419064 2.15158 0 1.5 0C0.671256 0 0 0.672192 0 1.5C0 2.32781 0.671256 3 1.5 3C2.15155 3 2.70187 2.58094 2.90813 1.99968H7.16813C5.11781 3.12562 3.62621 5.12064 3.16973 7.5H2.49941C2.22379 7.5 1.99973 7.72406 1.99973 7.99968V9.99936C1.99973 10.275 2.22379 10.499 2.49941 10.499H4.49909C4.77564 10.5 4.9997 10.2759 4.9997 10.0003V7.99968C4.9997 7.72406 4.77564 7.5 4.50002 7.5H4.1897C4.77658 4.84224 6.85034 2.7684 9.49971 2.18904V2.5003C9.49971 2.77591 9.72377 2.99998 9.99938 2.99998H11.9991C12.2747 2.99998 12.4987 2.77591 12.4987 2.5003L12.4997 2.18904C15.149 2.76842 17.2229 4.84224 17.8097 7.5H17.4994C17.2237 7.5 16.9997 7.72406 16.9997 7.99968V9.99936C16.9997 10.275 17.2237 10.499 17.4994 10.499H19.499C19.7747 10.499 19.9987 10.275 19.9987 9.99936L19.9997 7.99968C19.9997 7.72406 19.7756 7.5 19.5 7.5H18.8297C18.3731 5.12062 16.8815 3.12552 14.8313 1.99968H19.0913C19.2984 2.58094 19.8469 3 20.4994 3C21.3281 3 21.9994 2.32781 21.9994 1.5C21.9994 0.672192 21.3282 0 20.4994 0Z" fill="#272D35" /><path d="M11.9996 13.0005C11.9996 14.3337 9.99902 14.3337 9.99902 13.0005C9.99902 11.6665 11.9996 11.6665 11.9996 13.0005Z" fill="#272D35" /></svg></span>
                        eCommerce Design
                      </a>
                    </li>
                    
                    
                    
                    <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-item" role="menuitem">
                      
                      
                      <a href="https://www.groovecommerce.com/ecommerce-development">
                        <span class="icon" style="background-color:rgba(58, 186, 168,1.0);"><svg width="20" height="18" viewbox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.6396 0.360352H1.35965C0.96216 0.360352 0.639648 0.682864 0.639648 1.08035V16.9204C0.639648 17.3178 0.96216 17.6404 1.35965 17.6404H18.6396C19.0371 17.6404 19.3596 17.3178 19.3596 16.9204V1.08035C19.3596 0.682864 19.0371 0.360352 18.6396 0.360352ZM7.43189 11.4004L6.32751 12.3125L3.9275 9.43254C3.71094 9.16722 3.71094 8.78567 3.9275 8.52035L6.32751 5.64035L7.43189 6.55254L5.41534 8.97606L7.43189 11.4004ZM9.25627 14.1848L7.86408 13.8248L10.4318 3.81611L11.824 4.17611L9.25627 14.1848ZM16.0718 9.43259L13.6718 12.3126L12.5674 11.4004L14.583 8.97592L12.5674 6.5524L13.6718 5.64021L16.0718 8.52021C16.2884 8.78553 16.2884 9.16727 16.0718 9.43259Z" fill="#272D35" /></svg></span>
                        eCommerce Development
                      </a>
                    </li>
                    
                    
                    
                    <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-item" role="menuitem">
                      
                      
                      <a href="https://www.groovecommerce.com/ecommerce-seo-agency">
                        <span class="icon" style="background-color:rgba(234, 225, 211,1.0);"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.791 10.3708V2.35435C13.791 2.15279 13.955 1.98873 14.1566 1.98873H15.7606C15.9622 1.98873 16.1263 2.1528 16.1263 2.35435V10.3718C16.1263 10.5734 15.9622 10.7374 15.7606 10.7374H14.1566C13.955 10.7365 13.791 10.5733 13.791 10.3708ZM17.3778 10.7364H18.9818C19.1834 10.7364 19.3474 10.5724 19.3474 10.3708V0.696671C19.3474 0.495109 19.1834 0.331055 18.9818 0.331055H17.3778C17.1762 0.331055 17.0121 0.495116 17.0121 0.696671V10.3708C17.0121 10.5724 17.1762 10.7364 17.3778 10.7364ZM21.2046 18.9713L17.7097 15.4755C17.4997 15.2655 17.1781 15.2046 16.9044 15.3199L14.6778 13.0933C14.9815 12.6902 15.2469 12.258 15.4672 11.8071C15.5225 11.6927 15.5159 11.5605 15.4494 11.4527C15.3819 11.3449 15.2666 11.2811 15.1391 11.2811L13.4834 11.282C13.4609 11.282 13.4375 11.2839 13.415 11.2886C13.2706 11.2614 13.1244 11.3224 13.0428 11.4452C12.8337 11.7592 12.5919 12.0555 12.3228 12.3246C11.2494 13.398 9.82153 13.9896 8.30281 13.9896C6.78409 13.9896 5.35633 13.398 4.28281 12.3246C3.20936 11.2511 2.61781 9.82327 2.61781 8.30455C2.61781 6.78583 3.20936 5.35807 4.28281 4.28455C6.47749 2.08987 10.0663 2.07204 12.2825 4.24518C12.2844 4.24705 12.2872 4.24893 12.2919 4.25362L12.2956 4.25737C12.2994 4.26112 12.3041 4.26487 12.3078 4.26768C12.3116 4.27049 12.3153 4.27424 12.3219 4.27799L12.3256 4.2808C12.3294 4.28362 12.3331 4.28643 12.3378 4.28924C12.3425 4.29205 12.3481 4.2958 12.3537 4.29862L12.3706 4.30799C12.3753 4.3108 12.38 4.31268 12.3875 4.31549C12.3922 4.31737 12.3969 4.32018 12.4016 4.32205C12.4062 4.32393 12.41 4.32487 12.4147 4.32674L12.4222 4.30612L12.4194 4.32862C12.425 4.33049 12.4297 4.33237 12.4362 4.33424C12.4419 4.33612 12.4475 4.33705 12.4569 4.33893C12.4616 4.33987 12.4662 4.3408 12.4709 4.34174L12.4897 4.34455C12.4944 4.34549 12.5 4.34643 12.5056 4.34643C12.5122 4.34737 12.5178 4.34737 12.5244 4.34737L12.5337 4.3483C12.5412 4.34924 12.5544 4.3483 12.5731 4.34737L12.5797 4.34643C12.59 4.34549 12.6003 4.34362 12.6106 4.34174C12.6181 4.33987 12.6256 4.33799 12.6331 4.33705L12.6378 4.33612C12.6416 4.33518 12.6453 4.33424 12.6491 4.3333C12.6528 4.33237 12.6566 4.33049 12.6603 4.32955L12.6678 4.32674C12.6725 4.32487 12.6781 4.32299 12.6837 4.32112C12.6875 4.31924 12.6903 4.3183 12.6941 4.31643L12.6978 4.31455C12.7044 4.31174 12.71 4.30893 12.7166 4.30518L12.7278 4.29862C12.7362 4.29299 12.7456 4.2883 12.7541 4.28174C12.7616 4.27705 12.7681 4.27143 12.7747 4.2658C12.7766 4.26393 12.7784 4.26299 12.7794 4.26112L12.7644 4.24518L12.7831 4.2583C12.7897 4.25268 12.7962 4.24705 12.8028 4.24049C12.8047 4.23862 12.8066 4.2358 12.8112 4.23112L12.815 4.22643C12.8187 4.22268 12.8225 4.21893 12.8253 4.21424C12.8281 4.21143 12.83 4.20768 12.8328 4.20487L12.8394 4.19549C12.8422 4.19268 12.8441 4.18893 12.8469 4.18518C12.8497 4.18143 12.8516 4.17768 12.8544 4.17393L12.8572 4.17018C12.86 4.16549 12.8637 4.15987 12.8666 4.15424C12.8684 4.15049 12.8703 4.1458 12.8741 4.1383C12.8769 4.13268 12.8787 4.12799 12.8816 4.12237C12.8844 4.11674 12.8862 4.11112 12.8881 4.10549L12.89 4.1008C12.8919 4.09705 12.8928 4.09237 12.8937 4.08862C12.8947 4.08487 12.8956 4.08112 12.8966 4.07737L12.8984 4.06799C12.8994 4.0633 12.9012 4.05862 12.9012 4.05393C12.9022 4.04737 12.9031 4.04174 12.9041 4.03612C12.905 4.03049 12.9059 4.02487 12.9059 4.0183C12.9069 4.0108 12.9069 4.00424 12.9069 3.99768C12.9069 3.99299 12.9078 3.98924 12.9078 3.98455V1.98487C12.9078 1.863 12.8469 1.74956 12.7466 1.68113C9.59463 -0.435742 5.35719 -0.0204222 2.66943 2.66739C-0.439289 5.77611 -0.439289 10.8339 2.66943 13.9426C4.17317 15.4463 6.17463 16.2741 8.30751 16.2741C10.0297 16.2741 11.7294 15.7079 13.0972 14.6795L15.3237 16.906C15.2075 17.1798 15.2694 17.5013 15.4794 17.7113L18.9742 21.2062C19.2724 21.5043 19.6689 21.6684 20.0917 21.6684C20.5145 21.6684 20.9111 21.5043 21.2092 21.2062C21.5064 20.909 21.6705 20.5115 21.6705 20.0887C21.6658 19.665 21.5017 19.2685 21.2046 18.9713ZM7.71296 6.32357C7.51139 6.32357 7.34734 6.48763 7.34734 6.68918V10.3708C7.34734 10.5723 7.5114 10.7364 7.71296 10.7364H9.31702C9.51858 10.7364 9.68264 10.5723 9.68264 10.3708V6.68918C9.68264 6.48762 9.51857 6.32357 9.31702 6.32357H7.71296ZM12.5382 4.99325H10.9341C10.7325 4.99325 10.5685 5.15731 10.5685 5.35886V10.3717C10.5685 10.5733 10.7325 10.7374 10.9341 10.7374H12.5382C12.7397 10.7374 12.9038 10.5733 12.9038 10.3717V5.35886C12.9038 5.1573 12.7397 4.99325 12.5382 4.99325Z" fill="#272D35" /></svg></span>
                        eCommerce SEO
                      </a>
                    </li>
                    
                    
                  </ul>
                </li>
                
                <li class="hs-menu-item hs-menu-link-items">
                  <ul role="menu" class="hs-menu-children-wrapper">
                    
                    
                    <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-item" role="menuitem">
                      
                      
                      <a href="https://www.groovecommerce.com/ecommerce-email-marketing-agency">
                        <span class="icon" style="background-color:rgba(215, 185, 141,1.0);"><svg width="24" height="16" viewbox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.96196 0.952803C2.30228 0.734365 2.69789 0.618124 3.10196 0.617188H20.8975C21.3015 0.618125 21.6972 0.734375 22.0375 0.952803L13.1097 8.71536C12.4722 9.26662 11.5272 9.26662 10.8897 8.71536L1.96196 0.952803ZM22.8475 14.0947C22.9628 13.8313 23.0228 13.5453 23.0219 13.2575V2.75009C23.0228 2.46228 22.9628 2.17635 22.8475 1.9129L15.8397 8.00002L22.8475 14.0947ZM14.8872 8.82792L13.93 9.66044C12.8209 10.6167 11.1784 10.6167 10.0693 9.66044L9.11213 8.82792L1.96181 15.0473C2.30213 15.2657 2.69775 15.382 3.10181 15.3829H20.8973C21.3014 15.382 21.697 15.2657 22.0373 15.0473L14.8872 8.82792ZM1.15196 1.90536C1.0357 2.17162 0.975705 2.45943 0.977582 2.75004V13.25C0.976644 13.5379 1.03664 13.8238 1.15196 14.0872L8.15972 8.00012L1.15196 1.90536Z" fill="#272D35" /></svg></span>
                        eCommerce Email Marketing
                      </a>
                    </li>
                    
                    
                    
                    <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-item" role="menuitem">
                      
                      
                      <a href="https://www.groovecommerce.com/ecommerce-ppc-agency">
                        <span class="icon" style="background-color:rgba(175, 190, 198,1.0);"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.73534 0C8.37768 0 8.08828 0.289408 8.08828 0.647063V4.52944C8.08828 4.8871 8.37769 5.1765 8.73534 5.1765C9.093 5.1765 9.38241 4.88709 9.38241 4.52944V0.647063C9.38241 0.289399 9.093 0 8.73534 0ZM3.01272 2.36582C2.84717 2.36582 2.68414 2.43154 2.55777 2.55792C2.30501 2.81068 2.30501 3.2252 2.55777 3.47798L4.84271 5.76292C5.09547 6.01568 5.51 6.01568 5.76277 5.76292C6.01555 5.51016 6.01553 5.09563 5.76277 4.84286L3.47783 2.55792C3.35145 2.43154 3.17828 2.36582 3.01272 2.36582ZM14.4576 2.36582C14.2921 2.36582 14.1189 2.43154 13.9926 2.55792L11.7076 4.84286C11.4549 5.09562 11.4549 5.51014 11.7076 5.76292C11.9604 6.01569 12.3749 6.01568 12.6277 5.76292L14.9126 3.47798C15.1654 3.22522 15.1654 2.81069 14.9126 2.55792C14.7862 2.43154 14.6232 2.36582 14.4576 2.36582ZM6.5211 6.52126L12.3951 22.0003L14.5284 17.2787L18.6535 21.3937L21.3934 18.6537L17.2784 14.5287L22 12.3954L6.5211 6.52126ZM0.647063 8.08838C0.289399 8.08838 0 8.37779 0 8.73544C0 9.0931 0.289408 9.3825 0.647063 9.3825H4.52944C4.8871 9.3825 5.1765 9.0931 5.1765 8.73544C5.1765 8.37779 4.88709 8.08838 4.52944 8.08838H0.647063ZM5.30785 11.5159C5.1423 11.5159 4.96915 11.5816 4.84278 11.708L2.55784 13.9929C2.30508 14.2457 2.30508 14.6602 2.55784 14.913C2.8106 15.1657 3.22512 15.1657 3.4779 14.913L5.76284 12.628C6.0156 12.3753 6.0156 11.9607 5.76284 11.708C5.63646 11.5816 5.4734 11.5159 5.30785 11.5159Z" fill="#31373E" /></svg></span>
                        eCommerce Paid Media
                      </a>
                    </li>
                    
                    
                    
                    <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-item" role="menuitem">
                      
                      
                      <a href="https://www.groovecommerce.com/b2b-ecommerce-agency">
                        <span class="icon" style="background-color:rgba(236, 241, 244,1.0);"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 18.5V0.5H3.5V18.5H0.5V21.5H9.5V17H12.5V21.5H21.5V18.5H18.5ZM8 14H5V12.5H8V14ZM8 9.5H5V8H8V9.5ZM8 5H5V3.5H8V5ZM12.5 14H9.5V12.5H12.5V14ZM12.5 9.5H9.5V8H12.5V9.5ZM12.5 5H9.5V3.5H12.5V5ZM17 14H14V12.5H17V14ZM17 9.5H14V8H17V9.5ZM17 5H14V3.5H17V5Z" fill="#31373E" /></svg></span>
                        B2B eCommerce
                      </a>
                    </li>
                    
                    
                  </ul>
                </li>
                
                <li class="hs-menu-item hs-menu-link-items">
                  <ul role="menu" class="hs-menu-children-wrapper">
                    
                    
                    <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-item" role="menuitem">
                      
                      
                      <a href="https://www.groovecommerce.com/ecommerce-website-management-services">
                        <span class="icon" style="background-color:rgba(162, 206, 239,1.0);"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 32 32">  <defs>    <style>      .cls-1 {        fill: #31373e;      }    </style>  </defs>  <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709)  -->  <g>    <g id="Layer_1">      <g id="Layer_2">        <g>          <path class="cls-1" d="M16,.2L1.6,3.8v7.4c0,9.8,6,18.5,14.1,20.6h.6c8.3-2.1,14.1-10.7,14.1-20.6V3.8S16,.2,16,.2ZM28.9,11.2c0,9.2-5.4,17.1-12.9,19.1-7.5-2-12.9-9.9-12.9-19.1v-6.2l12.9-3.2,12.9,3.2s0,6.2,0,6.2Z" />          <path class="cls-1" d="M4.4,6.1v5.1c0,.9,0,2,.2,2.9h11.4V3.2s-11.6,2.9-11.6,2.9Z" />          <path class="cls-1" d="M16,28.8c6-1.7,10.4-7.7,11.4-14.9h-11.4v14.9Z" />        </g>      </g>    </g>  </g></svg></span>
                        Support &amp; Maintenance
                      </a>
                    </li>
                    
                    
                    
                    
                    
                    
                  </ul>
                </li>
                
                
              </ul>
            </li>

            <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children hs-menu-card-item" role="menuitem">
              
              <span class="hs-menu-card-img">
                
                
                
                <a href="https://www.groovecommerce.com/ecommerce-performance-accessibility-audit#video">
                  
                  
                  
                  
                  <img src="https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=640&amp;height=520&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg" alt="Performance &amp; Accessibility Audit Thumbnail" loading="lazy" width="640" height="520" style="max-width: 100%; height: auto;" srcset="https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=320&amp;height=260&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 320w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=640&amp;height=520&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 640w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=960&amp;height=780&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 960w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=1280&amp;height=1040&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 1280w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=1600&amp;height=1300&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 1600w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=1920&amp;height=1560&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 1920w" sizes="(max-width: 640px) 100vw, 640px">
                  <span class="videobtn"><svg width="64" height="64" viewbox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32" fill="#ECF1F4" fill-opacity="0.5"></circle><path d="M47.4844 31.656L22.7102 45.4195L22.7102 17.8926L47.4844 31.656Z" fill="white"></path></svg></span>
                  
                </a>
                
              </span>
              
              
              <span class="hs-menu-card-description"><p>Don't know where to begin?<br>Claim your no-cost eCommerce audit.</p></span>
              
              
              <span class="hs-menu-card-btn-wrap">
                
                
                <a class="button green-button" href="https://www.groovecommerce.com/ecommerce-performance-accessibility-audit">
                  Request Your Audit Now
                </a>
              </span>
              
            </li>

          </ul>
          
          
          

          
          
          

          

          </li>
                
                <li class="hs-menu-item hs-menu-depth-1 hs_resources_menu_item   hs-item-has-children has-children-v2 " role="menuitem">
          <a href="https://www.groovecommerce.com/ecommerce-blog">Resources</a>

          
          
          
          
          
          
          <ul class="hs-menu-children-wrapper ddmenu_type_1" aria-role="menu" role="menu">
            
            <li class="hs-menu-item hs-menu-depth-2 hs-menu-heading-item" role="menuitem">
              <span class="hs-menu-children-heading">Expand Your Skills</span>
            </li>
            

            
            <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children first-item" role="menuitem">

              
              
              <a href="https://www.groovecommerce.com/ecommerce-blog">
                <span class="icon"><svg width="17" height="16" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.6543 5.5924L10.436 2.37403L11.204 1.60596L14.4224 4.82433L13.6543 5.5924Z" fill="#31373E" /><path d="M5.08532 14.1712L1.86761 10.9522L9.87803 2.9436L13.0957 6.16263L5.08532 14.1712Z" fill="#31373E" /><path d="M15.6922 3.5947C16.2094 3.07748 16.2094 2.24992 15.6922 1.7327L14.3474 0.387917C13.8302 -0.129306 12.9509 -0.129306 12.4854 0.387917L11.813 1.06031L15.0716 4.31889L15.6922 3.5947Z" fill="#31373E" /><path d="M0.0202909 15.4907C-0.0314314 15.6459 0.0202909 15.8011 0.123736 15.9045C0.175458 15.9562 0.278902 16.008 0.382347 16.008H0.537514L4.41677 14.6115L1.41688 11.6116L0.0202909 15.4907Z" fill="#31373E" /></svg></span>
                eCommerce Blog
              </a>

              <ul role="menu" class="hs-menu-children-wrapper">
                
                <li class="hs-menu-item hs-menu-depth-2 hs-menu-title-item" role="menuitem">
                  <span class="hs-menu-children-title">Read What’s Trending</span>
                </li>
                
                

                
                

                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-blog/dopple-justin-scott">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="17" height="16" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.6543 5.5924L10.436 2.37403L11.204 1.60596L14.4224 4.82433L13.6543 5.5924Z" fill="#31373E" /><path d="M5.08532 14.1712L1.86761 10.9522L9.87803 2.9436L13.0957 6.16263L5.08532 14.1712Z" fill="#31373E" /><path d="M15.6922 3.5947C16.2094 3.07748 16.2094 2.24992 15.6922 1.7327L14.3474 0.387917C13.8302 -0.129306 12.9509 -0.129306 12.4854 0.387917L11.813 1.06031L15.0716 4.31889L15.6922 3.5947Z" fill="#31373E" /><path d="M0.0202909 15.4907C-0.0314314 15.6459 0.0202909 15.8011 0.123736 15.9045C0.175458 15.9562 0.278902 16.008 0.382347 16.008H0.537514L4.41677 14.6115L1.41688 11.6116L0.0202909 15.4907Z" fill="#31373E" /></svg></span>Blog
                        
                      </span>
                      
                      <span class="title-txt">Designing for Conversions with Justin Scott from Dopple - EP022</span>
                    </span>
                  </a>
                </li>
                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-blog/shopify-dwayne-doshier">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="17" height="16" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.6543 5.5924L10.436 2.37403L11.204 1.60596L14.4224 4.82433L13.6543 5.5924Z" fill="#31373E" /><path d="M5.08532 14.1712L1.86761 10.9522L9.87803 2.9436L13.0957 6.16263L5.08532 14.1712Z" fill="#31373E" /><path d="M15.6922 3.5947C16.2094 3.07748 16.2094 2.24992 15.6922 1.7327L14.3474 0.387917C13.8302 -0.129306 12.9509 -0.129306 12.4854 0.387917L11.813 1.06031L15.0716 4.31889L15.6922 3.5947Z" fill="#31373E" /><path d="M0.0202909 15.4907C-0.0314314 15.6459 0.0202909 15.8011 0.123736 15.9045C0.175458 15.9562 0.278902 16.008 0.382347 16.008H0.537514L4.41677 14.6115L1.41688 11.6116L0.0202909 15.4907Z" fill="#31373E" /></svg></span>Blog
                        
                      </span>
                      
                      <span class="title-txt">Transforming Tradition with Dwayne Doshier from Shopify - EP021</span>
                    </span>
                  </a>
                </li>
                
                
              </ul>

            </li>
            
            <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children " role="menuitem">

              
              
              <a href="https://www.groovecommerce.com/ecommerce-resources">
                <span class="icon"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="2" width="10" height="16" fill="#31373E" /><path d="M3 3C3 2.44772 3.44772 2 4 2H6V18H4C3.44772 18 3 17.5523 3 17V3Z" fill="#31373E" /></svg></span>
                eBooks
              </a>

              <ul role="menu" class="hs-menu-children-wrapper">
                
                <li class="hs-menu-item hs-menu-depth-2 hs-menu-title-item" role="menuitem">
                  <span class="hs-menu-children-title">Read What’s Trending</span>
                </li>
                
                

                
                

                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-resources/ecommerce-black-friday/">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="2" width="10" height="16" fill="#31373E" /><path d="M3 3C3 2.44772 3.44772 2 4 2H6V18H4C3.44772 18 3 17.5523 3 17V3Z" fill="#31373E" /></svg></span>eBook
                        
                      </span>
                      
                      <span class="title-txt">eCommerce Black Friday 2025: Tips for Increasing Online Revenue</span>
                    </span>
                  </a>
                </li>
                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-resources/ecommerce-advertising-guide/">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="2" width="10" height="16" fill="#31373E" /><path d="M3 3C3 2.44772 3.44772 2 4 2H6V18H4C3.44772 18 3 17.5523 3 17V3Z" fill="#31373E" /></svg></span>eBook
                        
                      </span>
                      
                      <span class="title-txt">eCommerce Advertising: The Complete Guide To Paid Media</span>
                    </span>
                  </a>
                </li>
                
                
              </ul>

            </li>
            
            <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children " role="menuitem">

              
              
              <a href="https://www.groovecommerce.com/ecommerce-masters-podcast/">
                <span class="icon"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_5100_878)"><path d="M4.8125 7.5625V10.3125C4.81422 11.8035 5.35476 13.2429 6.3336 14.3671C7.31243 15.4912 8.66428 16.2242 10.1407 16.4313V20.2813H7.56252V22.0001H14.4375V20.2813H11.8593V16.4313C13.3357 16.2242 14.6874 15.4912 15.6664 14.3671C16.6453 13.243 17.1858 11.8037 17.1875 10.3125V7.5625H15.8125V10.3125C15.8125 12.0321 14.8956 13.6202 13.4062 14.4804C11.9169 15.3398 10.0831 15.3398 8.59368 14.4804C7.10439 13.6202 6.18732 12.032 6.18732 10.3125V7.5625H4.8125Z" fill="#31373E" /><path d="M14.0937 10.3125V3.09388C14.0937 1.38545 12.7083 0.000244141 11 0.000244141C9.29169 0.000244141 7.90637 1.38556 7.90637 3.09388V10.3125C7.90637 12.021 9.29169 13.4062 11 13.4062C12.7083 13.4062 14.0937 12.0208 14.0937 10.3125Z" fill="#31373E" /></g><defs><clippath id="clip0_5100_878"><rect width="22" height="22" fill="white" /></clippath></defs></svg></span>
                Podcasts
              </a>

              <ul role="menu" class="hs-menu-children-wrapper">
                
                <li class="hs-menu-item hs-menu-depth-2 hs-menu-title-item" role="menuitem">
                  <span class="hs-menu-children-title">Read What’s Trending</span>
                </li>
                
                

                
                

                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-blog/dopple-justin-scott">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_5100_878)"><path d="M4.8125 7.5625V10.3125C4.81422 11.8035 5.35476 13.2429 6.3336 14.3671C7.31243 15.4912 8.66428 16.2242 10.1407 16.4313V20.2813H7.56252V22.0001H14.4375V20.2813H11.8593V16.4313C13.3357 16.2242 14.6874 15.4912 15.6664 14.3671C16.6453 13.243 17.1858 11.8037 17.1875 10.3125V7.5625H15.8125V10.3125C15.8125 12.0321 14.8956 13.6202 13.4062 14.4804C11.9169 15.3398 10.0831 15.3398 8.59368 14.4804C7.10439 13.6202 6.18732 12.032 6.18732 10.3125V7.5625H4.8125Z" fill="#31373E" /><path d="M14.0937 10.3125V3.09388C14.0937 1.38545 12.7083 0.000244141 11 0.000244141C9.29169 0.000244141 7.90637 1.38556 7.90637 3.09388V10.3125C7.90637 12.021 9.29169 13.4062 11 13.4062C12.7083 13.4062 14.0937 12.0208 14.0937 10.3125Z" fill="#31373E" /></g><defs><clippath id="clip0_5100_878"><rect width="22" height="22" fill="white" /></clippath></defs></svg></span>Podcast
                        
                      </span>
                      
                      <span class="title-txt">Designing for Conversions with Justin Scott from Dopple - EP022</span>
                    </span>
                  </a>
                </li>
                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-blog/shopify-dwayne-doshier">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_5100_878)"><path d="M4.8125 7.5625V10.3125C4.81422 11.8035 5.35476 13.2429 6.3336 14.3671C7.31243 15.4912 8.66428 16.2242 10.1407 16.4313V20.2813H7.56252V22.0001H14.4375V20.2813H11.8593V16.4313C13.3357 16.2242 14.6874 15.4912 15.6664 14.3671C16.6453 13.243 17.1858 11.8037 17.1875 10.3125V7.5625H15.8125V10.3125C15.8125 12.0321 14.8956 13.6202 13.4062 14.4804C11.9169 15.3398 10.0831 15.3398 8.59368 14.4804C7.10439 13.6202 6.18732 12.032 6.18732 10.3125V7.5625H4.8125Z" fill="#31373E" /><path d="M14.0937 10.3125V3.09388C14.0937 1.38545 12.7083 0.000244141 11 0.000244141C9.29169 0.000244141 7.90637 1.38556 7.90637 3.09388V10.3125C7.90637 12.021 9.29169 13.4062 11 13.4062C12.7083 13.4062 14.0937 12.0208 14.0937 10.3125Z" fill="#31373E" /></g><defs><clippath id="clip0_5100_878"><rect width="22" height="22" fill="white" /></clippath></defs></svg></span>Podcast
                        
                      </span>
                      
                      <span class="title-txt">Transforming Tradition with Dwayne Doshier from Shopify - EP021</span>
                    </span>
                  </a>
                </li>
                
                
              </ul>

            </li>
            
          </ul>
          
          
          

          
          
          

          
          
          

          
          
          
          

          
          
          
          
          

          
          
          

          

          </li>
                
                <li class="hs-menu-item hs-menu-depth-1 hs_careers_menu_item   " role="menuitem">
          <a href="https://www.groovecommerce.com/careers/">Careers</a>

          
          
          
          
          
          
          
          

          
          
          

          
          
          

          
          
          
          

          
          
          
          
          

          
          
          

          

          </li>
                
              </ul>

              
              <ul class="mobile-menu" aria-role="menubar">
                
                <li class="hs-menu-item hs-menu-depth-1 hs_services_menu_item hs-item-has-children  hs-item-has-children has-children-type-2 " aria-role="menuitem" role="menuitem" aria-haspopup="true">
          <a href="#">Services</a>

          
          
          
          
          
          
          
          

          
          
          

          
          
          

          
          
          
          

          
          
          
          <ul class="hs-menu-children-wrapper ddmenu_type_2" aria-role="menu">
            
            <li class="hs-menu-item hs-menu-depth-2  hs-menu-heading" role="menuitem">
              <span class="hs-menu-heading">Our Services</span>
            </li>
            

            
            
            <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-items" role="menuitem">
              
              
              <a href="https://www.groovecommerce.com/ecommerce-website-design/">
                <span class="icon" style="background-color:rgba(252, 168, 153,1.0);"><svg width="22" height="24" viewbox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.3341 19.7314C14.0894 19.8983 13.8035 19.9996 13.5006 19.9996H8.50094C8.19813 19.9996 7.9122 19.8974 7.66562 19.7314L7.04781 22.1249C7.01594 22.2486 7 22.3752 7 22.4999C7 23.3268 7.67313 23.9999 8.5 23.9999H13.4997C14.3266 23.9999 14.9997 23.3268 14.9997 22.4999C14.9997 22.3752 14.9837 22.2486 14.9519 22.124L14.3341 19.7314Z" fill="#272D35" /><path d="M11.4258 4.2395C11.2439 3.9423 10.7536 3.9423 10.5717 4.2395L5.07141 13.2395C4.97485 13.3989 4.97297 13.5976 5.06954 13.7579L8.06954 18.7576C8.16141 18.9086 8.3236 19.0004 8.49892 19.0004H13.4986C13.6749 19.0004 13.8371 18.9086 13.928 18.7576L16.928 13.7579C17.0236 13.5976 17.0227 13.3989 16.9261 13.2395L11.4258 4.2395ZM10.9992 15.0001C9.89393 15.0001 8.99957 14.1048 8.99957 13.0005C8.99957 11.8951 9.89489 11.0008 10.9992 11.0008C12.1046 11.0008 12.9989 11.8961 12.9989 13.0005C12.9989 14.1048 12.1045 15.0001 10.9992 15.0001Z" fill="#272D35" /><path d="M20.4994 0C19.8479 0 19.2976 0.419064 19.0913 1.00032H12.4997V0.499704C12.4997 0.224088 12.2756 2.4e-05 12 2.4e-05H10.0003C9.72473 2.4e-05 9.50067 0.224086 9.50067 0.499704L9.49973 1.00032H2.90813C2.70188 0.419064 2.15158 0 1.5 0C0.671256 0 0 0.672192 0 1.5C0 2.32781 0.671256 3 1.5 3C2.15155 3 2.70187 2.58094 2.90813 1.99968H7.16813C5.11781 3.12562 3.62621 5.12064 3.16973 7.5H2.49941C2.22379 7.5 1.99973 7.72406 1.99973 7.99968V9.99936C1.99973 10.275 2.22379 10.499 2.49941 10.499H4.49909C4.77564 10.5 4.9997 10.2759 4.9997 10.0003V7.99968C4.9997 7.72406 4.77564 7.5 4.50002 7.5H4.1897C4.77658 4.84224 6.85034 2.7684 9.49971 2.18904V2.5003C9.49971 2.77591 9.72377 2.99998 9.99938 2.99998H11.9991C12.2747 2.99998 12.4987 2.77591 12.4987 2.5003L12.4997 2.18904C15.149 2.76842 17.2229 4.84224 17.8097 7.5H17.4994C17.2237 7.5 16.9997 7.72406 16.9997 7.99968V9.99936C16.9997 10.275 17.2237 10.499 17.4994 10.499H19.499C19.7747 10.499 19.9987 10.275 19.9987 9.99936L19.9997 7.99968C19.9997 7.72406 19.7756 7.5 19.5 7.5H18.8297C18.3731 5.12062 16.8815 3.12552 14.8313 1.99968H19.0913C19.2984 2.58094 19.8469 3 20.4994 3C21.3281 3 21.9994 2.32781 21.9994 1.5C21.9994 0.672192 21.3282 0 20.4994 0Z" fill="#272D35" /><path d="M11.9996 13.0005C11.9996 14.3337 9.99902 14.3337 9.99902 13.0005C9.99902 11.6665 11.9996 11.6665 11.9996 13.0005Z" fill="#272D35" /></svg></span>
                eCommerce Design
              </a>
            </li>
            
            
            
            <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-items" role="menuitem">
              
              
              <a href="https://www.groovecommerce.com/ecommerce-development">
                <span class="icon" style="background-color:rgba(58, 186, 168,1.0);"><svg width="20" height="18" viewbox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.6396 0.360352H1.35965C0.96216 0.360352 0.639648 0.682864 0.639648 1.08035V16.9204C0.639648 17.3178 0.96216 17.6404 1.35965 17.6404H18.6396C19.0371 17.6404 19.3596 17.3178 19.3596 16.9204V1.08035C19.3596 0.682864 19.0371 0.360352 18.6396 0.360352ZM7.43189 11.4004L6.32751 12.3125L3.9275 9.43254C3.71094 9.16722 3.71094 8.78567 3.9275 8.52035L6.32751 5.64035L7.43189 6.55254L5.41534 8.97606L7.43189 11.4004ZM9.25627 14.1848L7.86408 13.8248L10.4318 3.81611L11.824 4.17611L9.25627 14.1848ZM16.0718 9.43259L13.6718 12.3126L12.5674 11.4004L14.583 8.97592L12.5674 6.5524L13.6718 5.64021L16.0718 8.52021C16.2884 8.78553 16.2884 9.16727 16.0718 9.43259Z" fill="#272D35" /></svg></span>
                eCommerce Development
              </a>
            </li>
            
            
            
            <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-items" role="menuitem">
              
              
              <a href="https://www.groovecommerce.com/ecommerce-seo-agency">
                <span class="icon" style="background-color:rgba(234, 225, 211,1.0);"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.791 10.3708V2.35435C13.791 2.15279 13.955 1.98873 14.1566 1.98873H15.7606C15.9622 1.98873 16.1263 2.1528 16.1263 2.35435V10.3718C16.1263 10.5734 15.9622 10.7374 15.7606 10.7374H14.1566C13.955 10.7365 13.791 10.5733 13.791 10.3708ZM17.3778 10.7364H18.9818C19.1834 10.7364 19.3474 10.5724 19.3474 10.3708V0.696671C19.3474 0.495109 19.1834 0.331055 18.9818 0.331055H17.3778C17.1762 0.331055 17.0121 0.495116 17.0121 0.696671V10.3708C17.0121 10.5724 17.1762 10.7364 17.3778 10.7364ZM21.2046 18.9713L17.7097 15.4755C17.4997 15.2655 17.1781 15.2046 16.9044 15.3199L14.6778 13.0933C14.9815 12.6902 15.2469 12.258 15.4672 11.8071C15.5225 11.6927 15.5159 11.5605 15.4494 11.4527C15.3819 11.3449 15.2666 11.2811 15.1391 11.2811L13.4834 11.282C13.4609 11.282 13.4375 11.2839 13.415 11.2886C13.2706 11.2614 13.1244 11.3224 13.0428 11.4452C12.8337 11.7592 12.5919 12.0555 12.3228 12.3246C11.2494 13.398 9.82153 13.9896 8.30281 13.9896C6.78409 13.9896 5.35633 13.398 4.28281 12.3246C3.20936 11.2511 2.61781 9.82327 2.61781 8.30455C2.61781 6.78583 3.20936 5.35807 4.28281 4.28455C6.47749 2.08987 10.0663 2.07204 12.2825 4.24518C12.2844 4.24705 12.2872 4.24893 12.2919 4.25362L12.2956 4.25737C12.2994 4.26112 12.3041 4.26487 12.3078 4.26768C12.3116 4.27049 12.3153 4.27424 12.3219 4.27799L12.3256 4.2808C12.3294 4.28362 12.3331 4.28643 12.3378 4.28924C12.3425 4.29205 12.3481 4.2958 12.3537 4.29862L12.3706 4.30799C12.3753 4.3108 12.38 4.31268 12.3875 4.31549C12.3922 4.31737 12.3969 4.32018 12.4016 4.32205C12.4062 4.32393 12.41 4.32487 12.4147 4.32674L12.4222 4.30612L12.4194 4.32862C12.425 4.33049 12.4297 4.33237 12.4362 4.33424C12.4419 4.33612 12.4475 4.33705 12.4569 4.33893C12.4616 4.33987 12.4662 4.3408 12.4709 4.34174L12.4897 4.34455C12.4944 4.34549 12.5 4.34643 12.5056 4.34643C12.5122 4.34737 12.5178 4.34737 12.5244 4.34737L12.5337 4.3483C12.5412 4.34924 12.5544 4.3483 12.5731 4.34737L12.5797 4.34643C12.59 4.34549 12.6003 4.34362 12.6106 4.34174C12.6181 4.33987 12.6256 4.33799 12.6331 4.33705L12.6378 4.33612C12.6416 4.33518 12.6453 4.33424 12.6491 4.3333C12.6528 4.33237 12.6566 4.33049 12.6603 4.32955L12.6678 4.32674C12.6725 4.32487 12.6781 4.32299 12.6837 4.32112C12.6875 4.31924 12.6903 4.3183 12.6941 4.31643L12.6978 4.31455C12.7044 4.31174 12.71 4.30893 12.7166 4.30518L12.7278 4.29862C12.7362 4.29299 12.7456 4.2883 12.7541 4.28174C12.7616 4.27705 12.7681 4.27143 12.7747 4.2658C12.7766 4.26393 12.7784 4.26299 12.7794 4.26112L12.7644 4.24518L12.7831 4.2583C12.7897 4.25268 12.7962 4.24705 12.8028 4.24049C12.8047 4.23862 12.8066 4.2358 12.8112 4.23112L12.815 4.22643C12.8187 4.22268 12.8225 4.21893 12.8253 4.21424C12.8281 4.21143 12.83 4.20768 12.8328 4.20487L12.8394 4.19549C12.8422 4.19268 12.8441 4.18893 12.8469 4.18518C12.8497 4.18143 12.8516 4.17768 12.8544 4.17393L12.8572 4.17018C12.86 4.16549 12.8637 4.15987 12.8666 4.15424C12.8684 4.15049 12.8703 4.1458 12.8741 4.1383C12.8769 4.13268 12.8787 4.12799 12.8816 4.12237C12.8844 4.11674 12.8862 4.11112 12.8881 4.10549L12.89 4.1008C12.8919 4.09705 12.8928 4.09237 12.8937 4.08862C12.8947 4.08487 12.8956 4.08112 12.8966 4.07737L12.8984 4.06799C12.8994 4.0633 12.9012 4.05862 12.9012 4.05393C12.9022 4.04737 12.9031 4.04174 12.9041 4.03612C12.905 4.03049 12.9059 4.02487 12.9059 4.0183C12.9069 4.0108 12.9069 4.00424 12.9069 3.99768C12.9069 3.99299 12.9078 3.98924 12.9078 3.98455V1.98487C12.9078 1.863 12.8469 1.74956 12.7466 1.68113C9.59463 -0.435742 5.35719 -0.0204222 2.66943 2.66739C-0.439289 5.77611 -0.439289 10.8339 2.66943 13.9426C4.17317 15.4463 6.17463 16.2741 8.30751 16.2741C10.0297 16.2741 11.7294 15.7079 13.0972 14.6795L15.3237 16.906C15.2075 17.1798 15.2694 17.5013 15.4794 17.7113L18.9742 21.2062C19.2724 21.5043 19.6689 21.6684 20.0917 21.6684C20.5145 21.6684 20.9111 21.5043 21.2092 21.2062C21.5064 20.909 21.6705 20.5115 21.6705 20.0887C21.6658 19.665 21.5017 19.2685 21.2046 18.9713ZM7.71296 6.32357C7.51139 6.32357 7.34734 6.48763 7.34734 6.68918V10.3708C7.34734 10.5723 7.5114 10.7364 7.71296 10.7364H9.31702C9.51858 10.7364 9.68264 10.5723 9.68264 10.3708V6.68918C9.68264 6.48762 9.51857 6.32357 9.31702 6.32357H7.71296ZM12.5382 4.99325H10.9341C10.7325 4.99325 10.5685 5.15731 10.5685 5.35886V10.3717C10.5685 10.5733 10.7325 10.7374 10.9341 10.7374H12.5382C12.7397 10.7374 12.9038 10.5733 12.9038 10.3717V5.35886C12.9038 5.1573 12.7397 4.99325 12.5382 4.99325Z" fill="#272D35" /></svg></span>
                eCommerce SEO
              </a>
            </li>
            
            
            
            <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-items" role="menuitem">
              
              
              <a href="https://www.groovecommerce.com/ecommerce-email-marketing-agency">
                <span class="icon" style="background-color:rgba(215, 185, 141,1.0);"><svg width="24" height="16" viewbox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.96196 0.952803C2.30228 0.734365 2.69789 0.618124 3.10196 0.617188H20.8975C21.3015 0.618125 21.6972 0.734375 22.0375 0.952803L13.1097 8.71536C12.4722 9.26662 11.5272 9.26662 10.8897 8.71536L1.96196 0.952803ZM22.8475 14.0947C22.9628 13.8313 23.0228 13.5453 23.0219 13.2575V2.75009C23.0228 2.46228 22.9628 2.17635 22.8475 1.9129L15.8397 8.00002L22.8475 14.0947ZM14.8872 8.82792L13.93 9.66044C12.8209 10.6167 11.1784 10.6167 10.0693 9.66044L9.11213 8.82792L1.96181 15.0473C2.30213 15.2657 2.69775 15.382 3.10181 15.3829H20.8973C21.3014 15.382 21.697 15.2657 22.0373 15.0473L14.8872 8.82792ZM1.15196 1.90536C1.0357 2.17162 0.975705 2.45943 0.977582 2.75004V13.25C0.976644 13.5379 1.03664 13.8238 1.15196 14.0872L8.15972 8.00012L1.15196 1.90536Z" fill="#272D35" /></svg></span>
                eCommerce Email Marketing
              </a>
            </li>
            
            
            
            <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-items" role="menuitem">
              
              
              <a href="https://www.groovecommerce.com/ecommerce-ppc-agency">
                <span class="icon" style="background-color:rgba(175, 190, 198,1.0);"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.73534 0C8.37768 0 8.08828 0.289408 8.08828 0.647063V4.52944C8.08828 4.8871 8.37769 5.1765 8.73534 5.1765C9.093 5.1765 9.38241 4.88709 9.38241 4.52944V0.647063C9.38241 0.289399 9.093 0 8.73534 0ZM3.01272 2.36582C2.84717 2.36582 2.68414 2.43154 2.55777 2.55792C2.30501 2.81068 2.30501 3.2252 2.55777 3.47798L4.84271 5.76292C5.09547 6.01568 5.51 6.01568 5.76277 5.76292C6.01555 5.51016 6.01553 5.09563 5.76277 4.84286L3.47783 2.55792C3.35145 2.43154 3.17828 2.36582 3.01272 2.36582ZM14.4576 2.36582C14.2921 2.36582 14.1189 2.43154 13.9926 2.55792L11.7076 4.84286C11.4549 5.09562 11.4549 5.51014 11.7076 5.76292C11.9604 6.01569 12.3749 6.01568 12.6277 5.76292L14.9126 3.47798C15.1654 3.22522 15.1654 2.81069 14.9126 2.55792C14.7862 2.43154 14.6232 2.36582 14.4576 2.36582ZM6.5211 6.52126L12.3951 22.0003L14.5284 17.2787L18.6535 21.3937L21.3934 18.6537L17.2784 14.5287L22 12.3954L6.5211 6.52126ZM0.647063 8.08838C0.289399 8.08838 0 8.37779 0 8.73544C0 9.0931 0.289408 9.3825 0.647063 9.3825H4.52944C4.8871 9.3825 5.1765 9.0931 5.1765 8.73544C5.1765 8.37779 4.88709 8.08838 4.52944 8.08838H0.647063ZM5.30785 11.5159C5.1423 11.5159 4.96915 11.5816 4.84278 11.708L2.55784 13.9929C2.30508 14.2457 2.30508 14.6602 2.55784 14.913C2.8106 15.1657 3.22512 15.1657 3.4779 14.913L5.76284 12.628C6.0156 12.3753 6.0156 11.9607 5.76284 11.708C5.63646 11.5816 5.4734 11.5159 5.30785 11.5159Z" fill="#31373E" /></svg></span>
                eCommerce Paid Media
              </a>
            </li>
            
            
            
            <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-items" role="menuitem">
              
              
              <a href="https://www.groovecommerce.com/b2b-ecommerce-agency">
                <span class="icon" style="background-color:rgba(236, 241, 244,1.0);"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 18.5V0.5H3.5V18.5H0.5V21.5H9.5V17H12.5V21.5H21.5V18.5H18.5ZM8 14H5V12.5H8V14ZM8 9.5H5V8H8V9.5ZM8 5H5V3.5H8V5ZM12.5 14H9.5V12.5H12.5V14ZM12.5 9.5H9.5V8H12.5V9.5ZM12.5 5H9.5V3.5H12.5V5ZM17 14H14V12.5H17V14ZM17 9.5H14V8H17V9.5ZM17 5H14V3.5H17V5Z" fill="#31373E" /></svg></span>
                B2B eCommerce
              </a>
            </li>
            
            
            
            <li class="hs-menu-item hs-menu-depth-2 hs-menu-link-items" role="menuitem">
              
              
              <a href="https://www.groovecommerce.com/ecommerce-website-management-services">
                <span class="icon" style="background-color:rgba(162, 206, 239,1.0);"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 32 32">  <defs>    <style>      .cls-1 {        fill: #31373e;      }    </style>  </defs>  <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709)  -->  <g>    <g id="Layer_1">      <g id="Layer_2">        <g>          <path class="cls-1" d="M16,.2L1.6,3.8v7.4c0,9.8,6,18.5,14.1,20.6h.6c8.3-2.1,14.1-10.7,14.1-20.6V3.8S16,.2,16,.2ZM28.9,11.2c0,9.2-5.4,17.1-12.9,19.1-7.5-2-12.9-9.9-12.9-19.1v-6.2l12.9-3.2,12.9,3.2s0,6.2,0,6.2Z" />          <path class="cls-1" d="M4.4,6.1v5.1c0,.9,0,2,.2,2.9h11.4V3.2s-11.6,2.9-11.6,2.9Z" />          <path class="cls-1" d="M16,28.8c6-1.7,10.4-7.7,11.4-14.9h-11.4v14.9Z" />        </g>      </g>    </g>  </g></svg></span>
                Support &amp; Maintenance
              </a>
            </li>
            
            

            <li class="hs-menu-item hs-menu-depth-2 hs-menu-card-item" role="menuitem">
              
              <span class="hs-menu-card-img">
                
                
                
                <a href="https://www.groovecommerce.com/ecommerce-performance-accessibility-audit#video">
                  
                  
                  
                  
                  <img src="https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=640&amp;height=520&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg" alt="Performance &amp; Accessibility Audit Thumbnail" loading="lazy" width="640" height="520" style="max-width: 100%; height: auto;" srcset="https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=320&amp;height=260&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 320w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=640&amp;height=520&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 640w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=960&amp;height=780&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 960w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=1280&amp;height=1040&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 1280w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=1600&amp;height=1300&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 1600w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Audits%20and%20Consultations/Performance%20and%20Accessibility%20Audit/Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg?width=1920&amp;height=1560&amp;name=Performance%20%26%20Accessibility%20Audit%20Thumbnail.jpg 1920w" sizes="(max-width: 640px) 100vw, 640px">
                  <span class="videobtn"><svg width="64" height="64" viewbox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32" fill="#ECF1F4" fill-opacity="0.5"></circle><path d="M47.4844 31.656L22.7102 45.4195L22.7102 17.8926L47.4844 31.656Z" fill="white"></path></svg></span>
                  
                </a>
                
              </span>
              
              
              <span class="hs-menu-card-description"><p>Don't know where to begin?<br>Claim your no-cost eCommerce audit.</p></span>
              
              
              <span class="hs-menu-card-btn-wrap">
                
                
                <a class="button green-button" href="https://www.groovecommerce.com/ecommerce-performance-accessibility-audit">
                  Request Your Audit Now
                </a>
              </span>
              
            </li>

          </ul>
          
          
          

          
          
          

          

          </li>
                
                <li class="hs-menu-item hs-menu-depth-1 hs_resources_menu_item   hs-item-has-children has-children-v2 " role="menuitem">
          <a href="https://www.groovecommerce.com/ecommerce-blog">Resources</a>

          
          
          
          
          
          
          <ul class="hs-menu-children-wrapper ddmenu_type_1" aria-role="menu">
            
            <li class="hs-menu-item hs-menu-depth-2 hs-menu-heading-item" role="menuitem"><span class="hs-menu-children-heading">Expand Your Skills</span></li>
            

            
            <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children first-item" role="menuitem">

              
              <a href="https://www.groovecommerce.com/ecommerce-blog">
                <span class="icon"><svg width="17" height="16" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.6543 5.5924L10.436 2.37403L11.204 1.60596L14.4224 4.82433L13.6543 5.5924Z" fill="#31373E" /><path d="M5.08532 14.1712L1.86761 10.9522L9.87803 2.9436L13.0957 6.16263L5.08532 14.1712Z" fill="#31373E" /><path d="M15.6922 3.5947C16.2094 3.07748 16.2094 2.24992 15.6922 1.7327L14.3474 0.387917C13.8302 -0.129306 12.9509 -0.129306 12.4854 0.387917L11.813 1.06031L15.0716 4.31889L15.6922 3.5947Z" fill="#31373E" /><path d="M0.0202909 15.4907C-0.0314314 15.6459 0.0202909 15.8011 0.123736 15.9045C0.175458 15.9562 0.278902 16.008 0.382347 16.008H0.537514L4.41677 14.6115L1.41688 11.6116L0.0202909 15.4907Z" fill="#31373E" /></svg></span>
                eCommerce Blog
              </a>

              <ul role="menu" class="hs-menu-children-wrapper">
                
                <li class="hs-menu-item hs-menu-depth-2 hs-menu-title-item" role="menuitem"><span class="hs-menu-children-title">Read What’s Trending</span></li>
                
                

                
                
                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-blog/dopple-justin-scott">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="17" height="16" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.6543 5.5924L10.436 2.37403L11.204 1.60596L14.4224 4.82433L13.6543 5.5924Z" fill="#31373E" /><path d="M5.08532 14.1712L1.86761 10.9522L9.87803 2.9436L13.0957 6.16263L5.08532 14.1712Z" fill="#31373E" /><path d="M15.6922 3.5947C16.2094 3.07748 16.2094 2.24992 15.6922 1.7327L14.3474 0.387917C13.8302 -0.129306 12.9509 -0.129306 12.4854 0.387917L11.813 1.06031L15.0716 4.31889L15.6922 3.5947Z" fill="#31373E" /><path d="M0.0202909 15.4907C-0.0314314 15.6459 0.0202909 15.8011 0.123736 15.9045C0.175458 15.9562 0.278902 16.008 0.382347 16.008H0.537514L4.41677 14.6115L1.41688 11.6116L0.0202909 15.4907Z" fill="#31373E" /></svg></span>
                        
                        eCommerce Blog
                        
                      </span>
                      
                      <span class="title-txt">Designing for Conversions with Justin Scott from Dopple - EP022</span>
                    </span>
                  </a>
                </li>
                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-blog/shopify-dwayne-doshier">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="17" height="16" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.6543 5.5924L10.436 2.37403L11.204 1.60596L14.4224 4.82433L13.6543 5.5924Z" fill="#31373E" /><path d="M5.08532 14.1712L1.86761 10.9522L9.87803 2.9436L13.0957 6.16263L5.08532 14.1712Z" fill="#31373E" /><path d="M15.6922 3.5947C16.2094 3.07748 16.2094 2.24992 15.6922 1.7327L14.3474 0.387917C13.8302 -0.129306 12.9509 -0.129306 12.4854 0.387917L11.813 1.06031L15.0716 4.31889L15.6922 3.5947Z" fill="#31373E" /><path d="M0.0202909 15.4907C-0.0314314 15.6459 0.0202909 15.8011 0.123736 15.9045C0.175458 15.9562 0.278902 16.008 0.382347 16.008H0.537514L4.41677 14.6115L1.41688 11.6116L0.0202909 15.4907Z" fill="#31373E" /></svg></span>
                        
                        eCommerce Blog
                        
                      </span>
                      
                      <span class="title-txt">Transforming Tradition with Dwayne Doshier from Shopify - EP021</span>
                    </span>
                  </a>
                </li>
                
                
              </ul>

            </li>
            
            <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children " role="menuitem">

              
              <a href="https://www.groovecommerce.com/ecommerce-resources">
                <span class="icon"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="2" width="10" height="16" fill="#31373E" /><path d="M3 3C3 2.44772 3.44772 2 4 2H6V18H4C3.44772 18 3 17.5523 3 17V3Z" fill="#31373E" /></svg></span>
                eBooks
              </a>

              <ul role="menu" class="hs-menu-children-wrapper">
                
                <li class="hs-menu-item hs-menu-depth-2 hs-menu-title-item" role="menuitem"><span class="hs-menu-children-title">Read What’s Trending</span></li>
                
                

                
                
                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-resources/ecommerce-black-friday/">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="2" width="10" height="16" fill="#31373E" /><path d="M3 3C3 2.44772 3.44772 2 4 2H6V18H4C3.44772 18 3 17.5523 3 17V3Z" fill="#31373E" /></svg></span>
                        
                        eBooks
                        
                        eBooks
                        
                        eBooks
                        
                        eBooks
                        
                      </span>
                      
                      <span class="title-txt">eCommerce Black Friday 2025: Tips for Increasing Online Revenue</span>
                    </span>
                  </a>
                </li>
                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-resources/ecommerce-advertising-guide/">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="2" width="10" height="16" fill="#31373E" /><path d="M3 3C3 2.44772 3.44772 2 4 2H6V18H4C3.44772 18 3 17.5523 3 17V3Z" fill="#31373E" /></svg></span>
                        
                        eBooks
                        
                      </span>
                      
                      <span class="title-txt">eCommerce Advertising: The Complete Guide To Paid Media</span>
                    </span>
                  </a>
                </li>
                
                
              </ul>

            </li>
            
            <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children " role="menuitem">

              
              <a href="https://www.groovecommerce.com/ecommerce-masters-podcast/">
                <span class="icon"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_5100_878)"><path d="M4.8125 7.5625V10.3125C4.81422 11.8035 5.35476 13.2429 6.3336 14.3671C7.31243 15.4912 8.66428 16.2242 10.1407 16.4313V20.2813H7.56252V22.0001H14.4375V20.2813H11.8593V16.4313C13.3357 16.2242 14.6874 15.4912 15.6664 14.3671C16.6453 13.243 17.1858 11.8037 17.1875 10.3125V7.5625H15.8125V10.3125C15.8125 12.0321 14.8956 13.6202 13.4062 14.4804C11.9169 15.3398 10.0831 15.3398 8.59368 14.4804C7.10439 13.6202 6.18732 12.032 6.18732 10.3125V7.5625H4.8125Z" fill="#31373E" /><path d="M14.0937 10.3125V3.09388C14.0937 1.38545 12.7083 0.000244141 11 0.000244141C9.29169 0.000244141 7.90637 1.38556 7.90637 3.09388V10.3125C7.90637 12.021 9.29169 13.4062 11 13.4062C12.7083 13.4062 14.0937 12.0208 14.0937 10.3125Z" fill="#31373E" /></g><defs><clippath id="clip0_5100_878"><rect width="22" height="22" fill="white" /></clippath></defs></svg></span>
                Podcasts
              </a>

              <ul role="menu" class="hs-menu-children-wrapper">
                
                <li class="hs-menu-item hs-menu-depth-2 hs-menu-title-item" role="menuitem"><span class="hs-menu-children-title">Read What’s Trending</span></li>
                
                

                
                
                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-blog/dopple-justin-scott">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_5100_878)"><path d="M4.8125 7.5625V10.3125C4.81422 11.8035 5.35476 13.2429 6.3336 14.3671C7.31243 15.4912 8.66428 16.2242 10.1407 16.4313V20.2813H7.56252V22.0001H14.4375V20.2813H11.8593V16.4313C13.3357 16.2242 14.6874 15.4912 15.6664 14.3671C16.6453 13.243 17.1858 11.8037 17.1875 10.3125V7.5625H15.8125V10.3125C15.8125 12.0321 14.8956 13.6202 13.4062 14.4804C11.9169 15.3398 10.0831 15.3398 8.59368 14.4804C7.10439 13.6202 6.18732 12.032 6.18732 10.3125V7.5625H4.8125Z" fill="#31373E" /><path d="M14.0937 10.3125V3.09388C14.0937 1.38545 12.7083 0.000244141 11 0.000244141C9.29169 0.000244141 7.90637 1.38556 7.90637 3.09388V10.3125C7.90637 12.021 9.29169 13.4062 11 13.4062C12.7083 13.4062 14.0937 12.0208 14.0937 10.3125Z" fill="#31373E" /></g><defs><clippath id="clip0_5100_878"><rect width="22" height="22" fill="white" /></clippath></defs></svg></span>
                        
                        Podcasts
                        
                      </span>
                      
                      <span class="title-txt">Designing for Conversions with Justin Scott from Dopple - EP022</span>
                    </span>
                  </a>
                </li>
                
                <li class="hs-menu-item hs-menu-post-item hs-menu-depth-2 no-img" role="menuitem">
                  <a href="https://www.groovecommerce.com/ecommerce-blog/shopify-dwayne-doshier">
                    
                    <span class="text-group">
                      
                      <span class="tags">
                        <span class="tag-icon"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_5100_878)"><path d="M4.8125 7.5625V10.3125C4.81422 11.8035 5.35476 13.2429 6.3336 14.3671C7.31243 15.4912 8.66428 16.2242 10.1407 16.4313V20.2813H7.56252V22.0001H14.4375V20.2813H11.8593V16.4313C13.3357 16.2242 14.6874 15.4912 15.6664 14.3671C16.6453 13.243 17.1858 11.8037 17.1875 10.3125V7.5625H15.8125V10.3125C15.8125 12.0321 14.8956 13.6202 13.4062 14.4804C11.9169 15.3398 10.0831 15.3398 8.59368 14.4804C7.10439 13.6202 6.18732 12.032 6.18732 10.3125V7.5625H4.8125Z" fill="#31373E" /><path d="M14.0937 10.3125V3.09388C14.0937 1.38545 12.7083 0.000244141 11 0.000244141C9.29169 0.000244141 7.90637 1.38556 7.90637 3.09388V10.3125C7.90637 12.021 9.29169 13.4062 11 13.4062C12.7083 13.4062 14.0937 12.0208 14.0937 10.3125Z" fill="#31373E" /></g><defs><clippath id="clip0_5100_878"><rect width="22" height="22" fill="white" /></clippath></defs></svg></span>
                        
                        Podcasts
                        
                      </span>
                      
                      <span class="title-txt">Transforming Tradition with Dwayne Doshier from Shopify - EP021</span>
                    </span>
                  </a>
                </li>
                
                
              </ul>

            </li>
            
          </ul>
          
          
          

          
          
          

          
          
          

          
          
          
          

          
          
          
          
          

          
          
          

          

          </li>
                
                <li class="hs-menu-item hs-menu-depth-1 hs_careers_menu_item   " role="menuitem">
          <a href="https://www.groovecommerce.com/careers/">Careers</a>

          
          
          
          
          
          
          
          

          
          
          

          
          
          

          
          
          
          

          
          
          
          
          

          
          
          

          

          </li>
                
              </ul>


            </div>
          </span>

          <div class="header-cta" style="display:none;">
            <span id="hs_cos_wrapper_header_2024_v1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"><!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-f0d1145c-9be9-473d-bdc0-3c6e0c59d781"><span class="hs-cta-node hs-cta-f0d1145c-9be9-473d-bdc0-3c6e0c59d781" id="hs-cta-f0d1145c-9be9-473d-bdc0-3c6e0c59d781"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/188845/f0d1145c-9be9-473d-bdc0-3c6e0c59d781"><img class="hs-cta-img" id="hs-cta-img-f0d1145c-9be9-473d-bdc0-3c6e0c59d781" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/188845/f0d1145c-9be9-473d-bdc0-3c6e0c59d781.png" alt="Book a Call"></a></span><script charset="utf-8" src="/hs/cta/cta/current.js"></script><script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(188845, 'f0d1145c-9be9-473d-bdc0-3c6e0c59d781', {"useNewLoader":"true","region":"na1"}); </script></span><!-- end HubSpot Call-to-Action Code --></span>
          </div>
        </div>

        <div class="header-cta">
          <span id="hs_cos_wrapper_header_2024_v1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"><!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-f0d1145c-9be9-473d-bdc0-3c6e0c59d781"><span class="hs-cta-node hs-cta-f0d1145c-9be9-473d-bdc0-3c6e0c59d781" id="hs-cta-f0d1145c-9be9-473d-bdc0-3c6e0c59d781"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/188845/f0d1145c-9be9-473d-bdc0-3c6e0c59d781"><img class="hs-cta-img" id="hs-cta-img-f0d1145c-9be9-473d-bdc0-3c6e0c59d781" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/188845/f0d1145c-9be9-473d-bdc0-3c6e0c59d781.png" alt="Book a Call"></a></span><script charset="utf-8" src="/hs/cta/cta/current.js"></script><script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(188845, 'f0d1145c-9be9-473d-bdc0-3c6e0c59d781', {"useNewLoader":"true","region":"na1"}); </script></span><!-- end HubSpot Call-to-Action Code --></span>
        </div>
      </div>
    </div>
  </header>

</div></div>
      

      

      <main id="main-content" class="body-container-wrapper">
        



<div class="container-fluid body-container body-container--home animation">
<div class="row-fluid-wrapper">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1668176237490" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="" class="home-hero-banner widget_1668176237490 white">
  <div class="content-wrapper">
    <div class="dis-flex home-hero-flex vmiddle">
      <div class="home-hero-left">
        
        <h1 data-aos="fade-up">
          Innovative eCommerce Web Design, Development &amp; Marketing
        </h1>
        
        
        <div class="detail-content no-aos font18" data-aos="fade-up">
          <p>Increase your eCommerce revenue and enhance your site experience with the help of our innovative, award-winning eCommerce web designers, developers, and marketing experts.&nbsp;</p>
        </div>
        
        
        <div class="common-cta" data-aos="fade-up">
          
          
          <a class="button  white-button  " href="https://www.groovecommerce.com/contact-us-legacy">
            Talk To A Consultant
          </a>
        </div>
        
      </div>
      <div class="home-hero-right" data-aos="fade-in">
        
        
        
        
        
        <img src="https://www.groovecommerce.com/hs-fs/hubfs/Website/Homepage%20Assets/www.groovecommerce.com_.png?width=814&amp;height=712&amp;name=www.groovecommerce.com_.png" alt="www.groovecommerce.com_" width="814" height="712" srcset="https://www.groovecommerce.com/hs-fs/hubfs/Website/Homepage%20Assets/www.groovecommerce.com_.png?width=407&amp;height=356&amp;name=www.groovecommerce.com_.png 407w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Homepage%20Assets/www.groovecommerce.com_.png?width=814&amp;height=712&amp;name=www.groovecommerce.com_.png 814w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Homepage%20Assets/www.groovecommerce.com_.png?width=1221&amp;height=1068&amp;name=www.groovecommerce.com_.png 1221w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Homepage%20Assets/www.groovecommerce.com_.png?width=1628&amp;height=1424&amp;name=www.groovecommerce.com_.png 1628w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Homepage%20Assets/www.groovecommerce.com_.png?width=2035&amp;height=1780&amp;name=www.groovecommerce.com_.png 2035w, https://www.groovecommerce.com/hs-fs/hubfs/Website/Homepage%20Assets/www.groovecommerce.com_.png?width=2442&amp;height=2136&amp;name=www.groovecommerce.com_.png 2442w" sizes="(max-width: 814px) 100vw, 814px">
        
        
      </div>
    </div>
  </div>
</section>

<style>
  .home-hero-banner.widget_1668176237490{ background-color: rgba(39, 45, 53, 1.0);}
</style></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1674806589577" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="" class="logo-section tc widget_1674806589577  ">
  <div class="content-wrapper">
    
    <h3 data-aos="fade-up">
      Trusted by 100+ eCommerce Merchants
    </h3>
    
  </div>
  <div class="logo-flex">
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Case%20Studies/Kegworks%20Website/Kegworks-logo-dark.svg" alt="kegworks logo black ecommerce development company" loading="lazy" width="181" height="39">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hs-fs/hubfs/Dippin%20Dots%20Groove%20Commerce%20Logo.jpg?width=83&amp;height=90&amp;name=Dippin%20Dots%20Groove%20Commerce%20Logo.jpg" alt="Dippin Dots Groove Commerce Logo" loading="lazy" width="83" height="90" srcset="https://www.groovecommerce.com/hs-fs/hubfs/Dippin%20Dots%20Groove%20Commerce%20Logo.jpg?width=42&amp;height=45&amp;name=Dippin%20Dots%20Groove%20Commerce%20Logo.jpg 42w, https://www.groovecommerce.com/hs-fs/hubfs/Dippin%20Dots%20Groove%20Commerce%20Logo.jpg?width=83&amp;height=90&amp;name=Dippin%20Dots%20Groove%20Commerce%20Logo.jpg 83w, https://www.groovecommerce.com/hs-fs/hubfs/Dippin%20Dots%20Groove%20Commerce%20Logo.jpg?width=125&amp;height=135&amp;name=Dippin%20Dots%20Groove%20Commerce%20Logo.jpg 125w, https://www.groovecommerce.com/hs-fs/hubfs/Dippin%20Dots%20Groove%20Commerce%20Logo.jpg?width=166&amp;height=180&amp;name=Dippin%20Dots%20Groove%20Commerce%20Logo.jpg 166w, https://www.groovecommerce.com/hs-fs/hubfs/Dippin%20Dots%20Groove%20Commerce%20Logo.jpg?width=208&amp;height=225&amp;name=Dippin%20Dots%20Groove%20Commerce%20Logo.jpg 208w, https://www.groovecommerce.com/hs-fs/hubfs/Dippin%20Dots%20Groove%20Commerce%20Logo.jpg?width=249&amp;height=270&amp;name=Dippin%20Dots%20Groove%20Commerce%20Logo.jpg 249w" sizes="(max-width: 83px) 100vw, 83px">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hs-fs/hubfs/GE%20Groove%20Commerce%20Logo.jpg?width=208&amp;height=120&amp;name=GE%20Groove%20Commerce%20Logo.jpg" alt="GE Groove Commerce Logo" loading="lazy" width="208" height="120" srcset="https://www.groovecommerce.com/hs-fs/hubfs/GE%20Groove%20Commerce%20Logo.jpg?width=104&amp;height=60&amp;name=GE%20Groove%20Commerce%20Logo.jpg 104w, https://www.groovecommerce.com/hs-fs/hubfs/GE%20Groove%20Commerce%20Logo.jpg?width=208&amp;height=120&amp;name=GE%20Groove%20Commerce%20Logo.jpg 208w, https://www.groovecommerce.com/hs-fs/hubfs/GE%20Groove%20Commerce%20Logo.jpg?width=312&amp;height=180&amp;name=GE%20Groove%20Commerce%20Logo.jpg 312w, https://www.groovecommerce.com/hs-fs/hubfs/GE%20Groove%20Commerce%20Logo.jpg?width=416&amp;height=240&amp;name=GE%20Groove%20Commerce%20Logo.jpg 416w, https://www.groovecommerce.com/hs-fs/hubfs/GE%20Groove%20Commerce%20Logo.jpg?width=520&amp;height=300&amp;name=GE%20Groove%20Commerce%20Logo.jpg 520w, https://www.groovecommerce.com/hs-fs/hubfs/GE%20Groove%20Commerce%20Logo.jpg?width=624&amp;height=360&amp;name=GE%20Groove%20Commerce%20Logo.jpg 624w" sizes="(max-width: 208px) 100vw, 208px">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hs-fs/hubfs/Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg?width=136&amp;height=100&amp;name=Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg" alt="Official Nasa Gear Groove Commerce Logo" loading="lazy" width="136" height="100" srcset="https://www.groovecommerce.com/hs-fs/hubfs/Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg?width=68&amp;height=50&amp;name=Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg 68w, https://www.groovecommerce.com/hs-fs/hubfs/Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg?width=136&amp;height=100&amp;name=Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg 136w, https://www.groovecommerce.com/hs-fs/hubfs/Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg?width=204&amp;height=150&amp;name=Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg 204w, https://www.groovecommerce.com/hs-fs/hubfs/Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg?width=272&amp;height=200&amp;name=Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg 272w, https://www.groovecommerce.com/hs-fs/hubfs/Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg?width=340&amp;height=250&amp;name=Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg 340w, https://www.groovecommerce.com/hs-fs/hubfs/Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg?width=408&amp;height=300&amp;name=Official%20Nasa%20Gear%20Groove%20Commerce%20Logo.jpg 408w" sizes="(max-width: 136px) 100vw, 136px">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/US%20Open-logo.svg" alt="US Open shop bigcommerce logo" loading="lazy" width="199" height="153">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Monaco-logo.svg" alt="monaco cocktail ecommerce services logo" loading="lazy" width="156" height="120">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Elmhurst-logo.svg" alt="elmhurst 1925 dark logo email marketing case study" loading="lazy" width="114" height="57">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Cordova-logo.svg" alt="cordova outdoors groove commerce logo" loading="lazy" width="99" height="72">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Garrett-Wade-Logo.svg" alt="garrett wade bigcommerce website case study logo" loading="lazy" width="159" height="23">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/DocPop-logo.svg" alt="doc popcorn bigcommerce case study logo" loading="lazy" width="199" height="62">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Cutter-logo-dark.svg" alt="cutter and buck groove commerce logo bigcommerce website design" loading="lazy" width="212" height="22">
      
    </div>
    
    <div class="logo-item" data-aos="fade-in">
      
      
      
      
      <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Ballard-logo.svg" alt="ballard industrial case study bigcommerce b2b" loading="lazy" width="101" height="69">
      
    </div>
    
  </div>
</section>

<style>
  .logo-section.widget_1674806589577{background:rgba(234, 242, 246,1.0);}
</style>
</div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1668146381298" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="" class="services-section widget_1668146381298">
  <div class="content-wrapper">
    <div class="cp services-main white">
      
      <div class="services-top-content">
        
        <div class="eyebrow-heading" data-aos="fade-up">
          groove at a glance
        </div>
        
        
        <div class="dis-flex services-top-flex">
          
          <div class="services-top-left">
            <div class="detail-content font18">
              <h2 data-aos="fade-up">
                Six Practices. <br>Limitless Growth.
              </h2>
            </div>
          </div>
          
          
          <div class="services-top-right">
            <div class="detail-content font18">
              <p data-splitting="">Say goodbye to siloed agencies. Our cross-trained team delivers websites and marketing campaigns that drive rapid and sustainable ROI. We're more than an eCommerce agency, we're your new strategic partner.</p>
            </div>
          </div>
          
        </div>
        
      </div>
      
      <div class="services-flex dis-flex">
        
        <div class="service-item white" data-aos="fade-up">
          <div class="service-title">
            <div class="service-title-flex dis-flex vmiddle">
              
              <div class="service-img">
                
                
                
                <img src="https://www.groovecommerce.com/hubfs/Website/Navigation/eCommerce%20Design.svg" alt="eCommerce Design" loading="lazy" width="32" height="32">
              </div>
              
              
              <h4 id="Design">
                Design
              </h4>
              
            </div>
          </div>
          
          <div class="detail-content no-aos font14">
            <p data-splitting="">Data insights meet award-winning design. Learn how our creative specialists drive conversions with bespoke themes and marketing assets.</p>
          </div>
          
          <div class="service-button">
            
            
            <a class="button white-button md-button" href="https://www.groovecommerce.com/ecommerce-website-design/" aria-describedby="Design">
              Our Design Services
            </a>
          </div>
        </div>
        
        <div class="service-item white" data-aos="fade-up">
          <div class="service-title">
            <div class="service-title-flex dis-flex vmiddle">
              
              <div class="service-img">
                
                
                
                <img src="https://www.groovecommerce.com/hubfs/Website/Navigation/eCommerce%20Development.svg" alt="eCommerce Development" loading="lazy" width="32" height="32">
              </div>
              
              
              <h4 id="Development">
                Development
              </h4>
              
            </div>
          </div>
          
          <div class="detail-content no-aos font14">
            <p data-splitting="">From migrations to on-site optimizations, see how our platform-certified developers deliver custom themes, integrations and more.</p>
          </div>
          
          <div class="service-button">
            
            
            <a class="button white-button md-button" href="https://www.groovecommerce.com/ecommerce-development" aria-describedby="Development">
              Our Development Services
            </a>
          </div>
        </div>
        
        <div class="service-item white" data-aos="fade-up">
          <div class="service-title">
            <div class="service-title-flex dis-flex vmiddle">
              
              <div class="service-img">
                
                
                
                <img src="https://www.groovecommerce.com/hubfs/Website/Navigation/B2B%20eCommerce.svg" alt="B2B eCommerce" loading="lazy" width="32" height="32">
              </div>
              
              
              <h4 id="B2B-eCommerce">
                B2B eCommerce
              </h4>
              
            </div>
          </div>
          
          <div class="detail-content no-aos font14">
            <p>Complex B2B requirements meet cutting-edge eCommerce solutions. Our B2B experts transform your offline sales into online revenue.</p>
          </div>
          
          <div class="service-button">
            
            
            <a class="button white-button md-button" href="https://www.groovecommerce.com/b2b-ecommerce-agency" aria-describedby="B2B-eCommerce">
              Our B2B Services
            </a>
          </div>
        </div>
        
        <div class="service-item white" data-aos="fade-up">
          <div class="service-title">
            <div class="service-title-flex dis-flex vmiddle">
              
              <div class="service-img">
                
                
                
                <img src="https://www.groovecommerce.com/hubfs/Website/Navigation/eCommerce%20SEO.svg" alt="eCommerce SEO" loading="lazy" width="32" height="32">
              </div>
              
              
              <h4 id="eCommerce-SEO">
                eCommerce SEO
              </h4>
              
            </div>
          </div>
          
          <div class="detail-content no-aos font14">
            <p data-splitting="">Boost your rankings with data-driven SEO strategies. Our eCommerce SEO experts turn organic search into a powerful revenue stream.</p>
          </div>
          
          <div class="service-button">
            
            
            <a class="button white-button md-button" href="https://www.groovecommerce.com/ecommerce-seo-agency" aria-describedby="eCommerce-SEO">
              Our SEO Services
            </a>
          </div>
        </div>
        
        <div class="service-item white" data-aos="fade-up">
          <div class="service-title">
            <div class="service-title-flex dis-flex vmiddle">
              
              <div class="service-img">
                
                
                
                <img src="https://www.groovecommerce.com/hubfs/Website/Navigation/eCommerce%20Paid%20Media%20PPC.svg" alt="eCommerce Paid Media" loading="lazy" width="32" height="32">
              </div>
              
              
              <h4 id="eCommerce-PPC">
                eCommerce PPC
              </h4>
              
            </div>
          </div>
          
          <div class="detail-content no-aos font14">
            <p>Pay-per-click advertising is becoming more expensive each year. Our PPC experts maximize ROI with targeting and advanced optimizations.</p>
          </div>
          
          <div class="service-button">
            
            
            <a class="button white-button md-button" href="https://www.groovecommerce.com/ecommerce-ppc-agency" aria-describedby="eCommerce-PPC">
              Our Advertising Services
            </a>
          </div>
        </div>
        
        <div class="service-item white" data-aos="fade-up">
          <div class="service-title">
            <div class="service-title-flex dis-flex vmiddle">
              
              <div class="service-img">
                
                
                
                <img src="https://www.groovecommerce.com/hubfs/Website/Navigation/eCommerce%20Email%20Marketing.svg" alt="eCommerce Email &amp; SMS Marketing" loading="lazy" width="32" height="32">
              </div>
              
              
              <h4 id="Email-&amp;-SMS">
                Email &amp; SMS
              </h4>
              
            </div>
          </div>
          
          <div class="detail-content no-aos font14">
            <p>Transform your customer engagement with data-driven email and SMS strategies. Our experts turn every message into an opportunity.</p>
          </div>
          
          <div class="service-button">
            
            
            <a class="button white-button md-button" href="https://www.groovecommerce.com/ecommerce-email-marketing-agency" aria-describedby="Email-&amp;-SMS">
              Our Email &amp; SMS Services
            </a>
          </div>
        </div>
        
      </div>
    </div>
  </div>
</section>

<style>
  .services-section.widget_1668146381298{ background-color: rgba(234, 242, 246, 1.0);}
  .services-section.widget_1668146381298 .service-item{ background-color: rgba(39, 45, 53, 1.0);}
  .services-section.widget_1668146381298 .eyebrow-heading:before{ background:#EC8270; }  
  @media(min-width:1025px){
    .services-section.widget_1668146381298 .services-main{ background-color: rgba(49, 55, 62, 1.0);}
  }

  @media(max-width:1024px){
    .services-section.widget_1668146381298 .content-wrapper{ background-color: rgba(49, 55, 62, 1.0);}
  }
</style></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1668433132583" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="featured-work" class="work-section widget_1668433132583 black  ">
  <div class="content-wrapper">
    <div class="work-top">
      <div class="dis-flex work-top-flex">
        <div class="work-top-left">
          
          <div class="eyebrow-heading" data-aos="fade-up">
            ECOMMERCE CASE STUDIES
          </div>
          
          
          <h2 data-aos="fade-up">
            Award-Winning Results
          </h2>
          
        </div>
        
        <div class="work-top-right">
          <div class="work-top-button" data-aos="fade-up">
            
            
            <a class="button " href="https://www.groovecommerce.com/work">
              View All Work
            </a>
          </div>
        </div>
        
      </div>
    </div>

    <div class="dis-flex work-flex    ">
      <div class="work-left">
        <div class="work-left-content">
          
          <div class="work-left-item">
            
            <div class="work-left-logo desktop" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/US%20Open-logo.svg" alt="US Open-logo" loading="lazy" width="246" height="189">
            </div>
            

            
            <div class="work-left-logo mobile" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/US%20Open-logo.svg" alt="US Open-logo" loading="lazy" width="246" height="189">
            </div>
            
            
            <div class="detail-content">
              <p>With a rapid timeline, the US Open Shop needed to overhaul their existing BigCommerce store. Just in time for the world stage, we increased their eCommerce conversion rate by 36%. Game, set, match.</p>
            </div>
            
            
            <ul>
              
              <li data-aos="fade-up">+ 15% Traffic</li>
              
              <li data-aos="fade-up">+ 36% Conversion Rate</li>
              
              <li data-aos="fade-up">+ 22% eCommerce Orders</li>
              
            </ul>
            
            
            <div class="work-left-button" data-aos="fade-up">
              
              
              <a class="link-button" href="https://www.groovecommerce.com/work/us-open-shop-design-development/">
                <span>Read Case Study</span>
                <span class="img">
                  <svg class="line" width="11" height="2" viewbox="0 0 11 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.75C0 0.335786 0.205203 0 0.458333 0H10.5417C10.7948 0 11 0.335786 11 0.75C11 1.16421 10.7948 1.5 10.5417 1.5H0.458333C0.205203 1.5 0 1.16421 0 0.75Z" fill="#31373E"></path>
                  </svg>
                  <svg class="arrow" width="8" height="11" viewbox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.10826 0.824513C1.26551 0.647606 1.5364 0.631671 1.7133 0.788922L6.85616 5.36035C6.94765 5.44168 7 5.55825 7 5.68066C7 5.80308 6.94765 5.91965 6.85616 6.00098L1.7133 10.5724C1.5364 10.7297 1.26551 10.7137 1.10826 10.5368C0.951007 10.3599 0.966942 10.089 1.14385 9.93177L5.92634 5.68066L1.14385 1.42956C0.966942 1.27231 0.951007 1.00142 1.10826 0.824513Z" fill="#31373E" stroke="#31373E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </span>
              </a>
            </div>
            
          </div>
          
          <div class="work-left-item">
            
            <div class="work-left-logo desktop" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=105&amp;height=83&amp;name=Dippin-Dots-Logo.png" alt="Groove Commerce Homepage Case Studies Dippin' Dots" loading="lazy" width="105" height="83" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=53&amp;height=42&amp;name=Dippin-Dots-Logo.png 53w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=105&amp;height=83&amp;name=Dippin-Dots-Logo.png 105w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=158&amp;height=125&amp;name=Dippin-Dots-Logo.png 158w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=210&amp;height=166&amp;name=Dippin-Dots-Logo.png 210w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=263&amp;height=208&amp;name=Dippin-Dots-Logo.png 263w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=315&amp;height=249&amp;name=Dippin-Dots-Logo.png 315w" sizes="(max-width: 105px) 100vw, 105px">
            </div>
            

            
            <div class="work-left-logo mobile" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=105&amp;height=83&amp;name=Dippin-Dots-Logo.png" alt="Groove Commerce Homepage Case Studies Dippin' Dots" loading="lazy" width="105" height="83" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=53&amp;height=42&amp;name=Dippin-Dots-Logo.png 53w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=105&amp;height=83&amp;name=Dippin-Dots-Logo.png 105w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=158&amp;height=125&amp;name=Dippin-Dots-Logo.png 158w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=210&amp;height=166&amp;name=Dippin-Dots-Logo.png 210w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=263&amp;height=208&amp;name=Dippin-Dots-Logo.png 263w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Dippin-Dots-Logo.png?width=315&amp;height=249&amp;name=Dippin-Dots-Logo.png 315w" sizes="(max-width: 105px) 100vw, 105px">
            </div>
            
            
            <div class="detail-content">
              <p>With a bespoke design and custom-built shipping calendar, we increased revenue by 47% for this iconic ice cream brand. Talk about keeping it cool.</p>
            </div>
            
            
            <ul>
              
              <li data-aos="fade-up">+ 47% eCommerce Revenue</li>
              
              <li data-aos="fade-up">+ 13% Conversion Rate</li>
              
              <li data-aos="fade-up">+ 20% eCommerce Orders</li>
              
              <li data-aos="fade-up">+ 22% Average Order Value</li>
              
            </ul>
            
            
            <div class="work-left-button" data-aos="fade-up">
              
              
              <a class="link-button" href="https://www.groovecommerce.com/work/dippin-dots-design-development/">
                <span>Read Case Study</span>
                <span class="img">
                  <svg class="line" width="11" height="2" viewbox="0 0 11 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.75C0 0.335786 0.205203 0 0.458333 0H10.5417C10.7948 0 11 0.335786 11 0.75C11 1.16421 10.7948 1.5 10.5417 1.5H0.458333C0.205203 1.5 0 1.16421 0 0.75Z" fill="#31373E"></path>
                  </svg>
                  <svg class="arrow" width="8" height="11" viewbox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.10826 0.824513C1.26551 0.647606 1.5364 0.631671 1.7133 0.788922L6.85616 5.36035C6.94765 5.44168 7 5.55825 7 5.68066C7 5.80308 6.94765 5.91965 6.85616 6.00098L1.7133 10.5724C1.5364 10.7297 1.26551 10.7137 1.10826 10.5368C0.951007 10.3599 0.966942 10.089 1.14385 9.93177L5.92634 5.68066L1.14385 1.42956C0.966942 1.27231 0.951007 1.00142 1.10826 0.824513Z" fill="#31373E" stroke="#31373E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </span>
              </a>
            </div>
            
          </div>
          
          <div class="work-left-item">
            
            <div class="work-left-logo desktop" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Cordova-logo.svg" alt="cordova outdoors logo ecommerce paid media case study" loading="lazy" width="114" height="83">
            </div>
            

            
            <div class="work-left-logo mobile" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Cordova-logo.svg" alt="cordova outdoors logo ecommerce paid media case study" loading="lazy" width="114" height="83">
            </div>
            
            
            <div class="detail-content">
              <p>To make the most out of their advertising dollars, we helped this outdoor retailer scale their paid media strategy from basecamp to summit with a 409% return.</p>
            </div>
            
            
            <ul>
              
              <li data-aos="fade-up">+ 409% ROAS</li>
              
              <li data-aos="fade-up">+ 48% Sessions</li>
              
              <li data-aos="fade-up">+ 32% eCommerce Orders</li>
              
              <li data-aos="fade-up">+  45% Paid Revenue</li>
              
            </ul>
            
            
            <div class="work-left-button" data-aos="fade-up">
              
              
              <a class="link-button" href="https://www.groovecommerce.com/work/cordova-outdoors-paid-media/">
                <span>Read Case Study</span>
                <span class="img">
                  <svg class="line" width="11" height="2" viewbox="0 0 11 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.75C0 0.335786 0.205203 0 0.458333 0H10.5417C10.7948 0 11 0.335786 11 0.75C11 1.16421 10.7948 1.5 10.5417 1.5H0.458333C0.205203 1.5 0 1.16421 0 0.75Z" fill="#31373E"></path>
                  </svg>
                  <svg class="arrow" width="8" height="11" viewbox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.10826 0.824513C1.26551 0.647606 1.5364 0.631671 1.7133 0.788922L6.85616 5.36035C6.94765 5.44168 7 5.55825 7 5.68066C7 5.80308 6.94765 5.91965 6.85616 6.00098L1.7133 10.5724C1.5364 10.7297 1.26551 10.7137 1.10826 10.5368C0.951007 10.3599 0.966942 10.089 1.14385 9.93177L5.92634 5.68066L1.14385 1.42956C0.966942 1.27231 0.951007 1.00142 1.10826 0.824513Z" fill="#31373E" stroke="#31373E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </span>
              </a>
            </div>
            
          </div>
          
          <div class="work-left-item">
            
            <div class="work-left-logo desktop" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Cutter-logo-dark.svg" alt="cutter and buck ecommerce website designer logo" loading="lazy" width="245" height="25">
            </div>
            

            
            <div class="work-left-logo mobile" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Client%20Logo%20SVGs/Cutter-logo-dark.svg" alt="Cutter-logo-dark" loading="" width="300" height="30">
            </div>
            
            
            <div class="detail-content">
              <p>Ambitious goals meet outstanding results. See how we used SEO to drive a 36% increase in new users from organic search for this Seattle-based apparel brand.</p>
            </div>
            
            
            <ul>
              
              <li data-aos="fade-up">+ 50% eCommerce Revenue</li>
              
              <li data-aos="fade-up">+ 36% Organic Users</li>
              
              <li data-aos="fade-up">+ 35% Organic Sessions</li>
              
            </ul>
            
            
            <div class="work-left-button" data-aos="fade-up">
              
              
              <a class="link-button" href="https://www.groovecommerce.com/work/cutter-buck-search-engine-optimization/">
                <span>Read Case Study</span>
                <span class="img">
                  <svg class="line" width="11" height="2" viewbox="0 0 11 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.75C0 0.335786 0.205203 0 0.458333 0H10.5417C10.7948 0 11 0.335786 11 0.75C11 1.16421 10.7948 1.5 10.5417 1.5H0.458333C0.205203 1.5 0 1.16421 0 0.75Z" fill="#31373E"></path>
                  </svg>
                  <svg class="arrow" width="8" height="11" viewbox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.10826 0.824513C1.26551 0.647606 1.5364 0.631671 1.7133 0.788922L6.85616 5.36035C6.94765 5.44168 7 5.55825 7 5.68066C7 5.80308 6.94765 5.91965 6.85616 6.00098L1.7133 10.5724C1.5364 10.7297 1.26551 10.7137 1.10826 10.5368C0.951007 10.3599 0.966942 10.089 1.14385 9.93177L5.92634 5.68066L1.14385 1.42956C0.966942 1.27231 0.951007 1.00142 1.10826 0.824513Z" fill="#31373E" stroke="#31373E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </span>
              </a>
            </div>
            
          </div>
          
          <div class="work-left-item">
            
            <div class="work-left-logo desktop" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Case%20Studies/Elmhurst%20Klaviyo%20Jumpstart/Elmhurst-logo.svg" alt="Elmhurst-logo" loading="lazy" width="140" height="70">
            </div>
            

            
            <div class="work-left-logo mobile" data-aos="fade-up">
              
              
              
              <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Case%20Studies/Elmhurst%20Klaviyo%20Jumpstart/Elmhurst-logo.svg" alt="Elmhurst-logo" loading="lazy" width="140" height="70">
            </div>
            
            
            <div class="detail-content">
              <p>No shopping cart should be left behind. Learn how our Klaviyo Jumpstart helped Elmhurst 1925 migrate email service providers and increase revenue by 46%.</p>
            </div>
            
            
            <ul>
              
              <li data-aos="fade-up">+ 27% Campaign Revenue</li>
              
              <li data-aos="fade-up">+ 46% Flow Revenue</li>
              
            </ul>
            
            
            <div class="work-left-button" data-aos="fade-up">
              
              
              <a class="link-button" href="https://www.groovecommerce.com/work/elmhurst-1925-paid-media/">
                <span>Read Case Study</span>
                <span class="img">
                  <svg class="line" width="11" height="2" viewbox="0 0 11 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.75C0 0.335786 0.205203 0 0.458333 0H10.5417C10.7948 0 11 0.335786 11 0.75C11 1.16421 10.7948 1.5 10.5417 1.5H0.458333C0.205203 1.5 0 1.16421 0 0.75Z" fill="#31373E"></path>
                  </svg>
                  <svg class="arrow" width="8" height="11" viewbox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.10826 0.824513C1.26551 0.647606 1.5364 0.631671 1.7133 0.788922L6.85616 5.36035C6.94765 5.44168 7 5.55825 7 5.68066C7 5.80308 6.94765 5.91965 6.85616 6.00098L1.7133 10.5724C1.5364 10.7297 1.26551 10.7137 1.10826 10.5368C0.951007 10.3599 0.966942 10.089 1.14385 9.93177L5.92634 5.68066L1.14385 1.42956C0.966942 1.27231 0.951007 1.00142 1.10826 0.824513Z" fill="#31373E" stroke="#31373E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </span>
              </a>
            </div>
            
          </div>
          
        </div>
      </div>
      <div class="work-right">
        <div class="work-right-img">

          
          <div class="work-right-item" data-aos="fade-in">
            
            
            
            
            <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/US%20Open%20Shop%20Website/Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg" alt="Featured Work Image - US Open Shop BigCommerce Website Lifestyle" loading="lazy" width="1014" height="686" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/US%20Open%20Shop%20Website/Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg?width=507&amp;height=343&amp;name=Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg 507w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/US%20Open%20Shop%20Website/Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg 1014w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/US%20Open%20Shop%20Website/Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg?width=1521&amp;height=1029&amp;name=Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg 1521w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/US%20Open%20Shop%20Website/Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg?width=2028&amp;height=1372&amp;name=Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg 2028w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/US%20Open%20Shop%20Website/Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg?width=2535&amp;height=1715&amp;name=Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg 2535w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/US%20Open%20Shop%20Website/Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg?width=3042&amp;height=2058&amp;name=Featured%20Work%20Image%20-%20US%20Open%20Shop%20BigCommerce%20Website%20Lifestyle.jpg 3042w" sizes="(max-width: 1014px) 100vw, 1014px">
            
          </div>
          
          <div class="work-right-item" data-aos="fade-in">
            
            
            
            
            <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg" alt="Featured Work Image - Dippin Dots BigCommerce Website Lifestyle" loading="lazy" width="1014" height="686" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg?width=507&amp;height=343&amp;name=Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg 507w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg 1014w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg?width=1521&amp;height=1029&amp;name=Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg 1521w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg?width=2028&amp;height=1372&amp;name=Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg 2028w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg?width=2535&amp;height=1715&amp;name=Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg 2535w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Dippin%20Dots%20Website/Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg?width=3042&amp;height=2058&amp;name=Featured%20Work%20Image%20-%20Dippin%20Dots%20BigCommerce%20Website%20Lifestyle.jpg 3042w" sizes="(max-width: 1014px) 100vw, 1014px">
            
          </div>
          
          <div class="work-right-item" data-aos="fade-in">
            
            
            
            
            <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cordova%20Outdoors%20Paid/Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg" alt="Featured Work Image - Cordova Outdoors Paid Lifestyle-1" loading="lazy" width="1014" height="686" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cordova%20Outdoors%20Paid/Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg?width=507&amp;height=343&amp;name=Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg 507w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cordova%20Outdoors%20Paid/Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg 1014w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cordova%20Outdoors%20Paid/Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg?width=1521&amp;height=1029&amp;name=Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg 1521w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cordova%20Outdoors%20Paid/Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg?width=2028&amp;height=1372&amp;name=Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg 2028w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cordova%20Outdoors%20Paid/Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg?width=2535&amp;height=1715&amp;name=Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg 2535w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cordova%20Outdoors%20Paid/Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg?width=3042&amp;height=2058&amp;name=Featured%20Work%20Image%20-%20Cordova%20Outdoors%20Paid%20Lifestyle-1.jpg 3042w" sizes="(max-width: 1014px) 100vw, 1014px">
            
          </div>
          
          <div class="work-right-item" data-aos="fade-in">
            
            
            
            
            <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cutter%20and%20Buck%20SEO/Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg" alt="Featured Work Image - Cutter and Buck SEO Lifestyle" loading="lazy" width="1014" height="686" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cutter%20and%20Buck%20SEO/Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg?width=507&amp;height=343&amp;name=Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg 507w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cutter%20and%20Buck%20SEO/Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg 1014w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cutter%20and%20Buck%20SEO/Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg?width=1521&amp;height=1029&amp;name=Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg 1521w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cutter%20and%20Buck%20SEO/Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg?width=2028&amp;height=1372&amp;name=Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg 2028w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cutter%20and%20Buck%20SEO/Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg?width=2535&amp;height=1715&amp;name=Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg 2535w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Cutter%20and%20Buck%20SEO/Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg?width=3042&amp;height=2058&amp;name=Featured%20Work%20Image%20-%20Cutter%20and%20Buck%20SEO%20Lifestyle.jpg 3042w" sizes="(max-width: 1014px) 100vw, 1014px">
            
          </div>
          
          <div class="work-right-item" data-aos="fade-in">
            
            
            
            
            <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Elmhurst%20Paid%20Media/Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg" alt="Featured Work Image - Elmhurst Paid Lifestyle" loading="lazy" width="1014" height="686" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Elmhurst%20Paid%20Media/Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg?width=507&amp;height=343&amp;name=Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg 507w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Elmhurst%20Paid%20Media/Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg?width=1014&amp;height=686&amp;name=Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg 1014w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Elmhurst%20Paid%20Media/Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg?width=1521&amp;height=1029&amp;name=Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg 1521w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Elmhurst%20Paid%20Media/Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg?width=2028&amp;height=1372&amp;name=Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg 2028w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Elmhurst%20Paid%20Media/Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg?width=2535&amp;height=1715&amp;name=Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg 2535w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Case%20Studies/Elmhurst%20Paid%20Media/Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg?width=3042&amp;height=2058&amp;name=Featured%20Work%20Image%20-%20Elmhurst%20Paid%20Lifestyle.jpg 3042w" sizes="(max-width: 1014px) 100vw, 1014px">
            
          </div>
          

        </div>
      </div>
      
      <button aria-label="previous" type="button" class="prev-arrow prev-arrow1 slide-arrow"><svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="23.5" transform="rotate(-180 24 24)" fill="white" stroke="#AFBEC6" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M27.5605 32.4983C27.2854 32.8079 26.8113 32.8357 26.5017 32.5605L17.5017 24.5605C17.3416 24.4182 17.25 24.2142 17.25 24C17.25 23.7858 17.3416 23.5818 17.5017 23.4394L26.5017 15.4394C26.8113 15.1642 27.2854 15.1921 27.5606 15.5017C27.8357 15.8113 27.8079 16.2854 27.4983 16.5605L19.1289 24L27.4983 31.4394C27.8079 31.7146 27.8357 32.1887 27.5605 32.4983Z" fill="#31373E" /> </svg></button>
      <button aria-label="next" type="button" class="next-arrow next-arrow1 slide-arrow"><svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="23.5" fill="white" stroke="#AFBEC6" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4395 15.5017C20.7146 15.1921 21.1887 15.1643 21.4983 15.4395L30.4983 23.4395C30.6584 23.5818 30.75 23.7858 30.75 24C30.75 24.2142 30.6584 24.4182 30.4983 24.5606L21.4983 32.5606C21.1887 32.8358 20.7146 32.8079 20.4395 32.4983C20.1643 32.1887 20.1921 31.7146 20.5017 31.4395L28.8711 24L20.5017 16.5606C20.1921 16.2854 20.1643 15.8113 20.4395 15.5017Z" fill="#31373E" /> </svg></button>
      <span class="pagingInfo"></span>
      
    </div>
    
    <div class="work-top-right mobile">
      <div class="work-top-button">
        
        
        <a class="button " href="https://www.groovecommerce.com/work">
          View All Work
        </a>
      </div>
    </div>
    
  </div>
</section>


<style>
  .work-section.widget_1668433132583{ background-color: rgba(234, 242, 246, 1.0);}
  .work-section.widget_1668433132583 .eyebrow-heading:before{ background:#30A0DF; }  
  .work-section.widget_1668433132583 .work-left{background-color:rgba(255, 255, 255,1.0)}
</style></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1668166686012" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="" class="partners-section cp widget_1668166686012 black  ">
  <div class="content-wrapper">
    <div class="dis-flex partners-flex">
      <div class="partner-left">
        <div class="sticky-part">
          
          <div class="eyebrow-heading" data-aos="fade-up">
            our trusted partners
          </div>
          
          
          <div class="detail-content font18">
            <h2>
              Our Platform Expertise
            </h2>
            <p>Position your business for growth and control costs with the strongest eCommerce technologies built by our valued and verified ecosystem partners.&nbsp;</p>
          </div>
          
        </div>
      </div>
      <div class="partner-right">
        
        <div class="partner-item">
          
          <div class="partner-img" data-aos="fade-up">
            
            
            
            <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Group%20126.svg" alt="Elite BigCommerce Agency Partner Logo" loading="lazy" width="145" height="112">
          </div>
          
          
          <div class="detail-content">
            <p>Give your mid-market business a boost with this flexible platform designed for growth with B2C and B2B capabilities.</p>
          </div>
          
          
          <div class="partner-button" data-aos="fade-up">
            
            
            <a class="link-button  " href="https://www.groovecommerce.com/partners/bigcommerce-agency/">
              <span>Learn More About Elite BigCommerce</span>
              <span class="img">

                <svg class="line" width="11" height="2" viewbox="0 0 11 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.75C0 0.335786 0.205203 0 0.458333 0H10.5417C10.7948 0 11 0.335786 11 0.75C11 1.16421 10.7948 1.5 10.5417 1.5H0.458333C0.205203 1.5 0 1.16421 0 0.75Z" fill="#31373E" />
                </svg>

                <svg class="arrow" width="8" height="11" viewbox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.10826 0.824513C1.26551 0.647606 1.5364 0.631671 1.7133 0.788922L6.85616 5.36035C6.94765 5.44168 7 5.55825 7 5.68066C7 5.80308 6.94765 5.91965 6.85616 6.00098L1.7133 10.5724C1.5364 10.7297 1.26551 10.7137 1.10826 10.5368C0.951007 10.3599 0.966942 10.089 1.14385 9.93177L5.92634 5.68066L1.14385 1.42956C0.966942 1.27231 0.951007 1.00142 1.10826 0.824513Z" fill="#31373E" stroke="#31373E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>

              </span>

            </a>
          </div>
          
        </div>
        
        <div class="partner-item">
          
          <div class="partner-img" data-aos="fade-up">
            
            
            
            <img src="https://www.groovecommerce.com/hubfs/2022%20Website/Partner%20Logos%20-%20Black/ShopifyPlus_Secondary%201.svg" alt="Shopify Partner Logo eCommerce Agency" loading="lazy" width="185" height="31">
          </div>
          
          
          <div class="detail-content">
            <p>Made for emerging brands, set up your store on one of the world’s fastest growing and most accessible eCommerce platforms.</p>
          </div>
          
          
          <div class="partner-button" data-aos="fade-up">
            
            
            <a class="link-button  " href="https://www.groovecommerce.com/partners/shopify-partner-agency/">
              <span>Learn More About Shopify Partner</span>
              <span class="img">

                <svg class="line" width="11" height="2" viewbox="0 0 11 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.75C0 0.335786 0.205203 0 0.458333 0H10.5417C10.7948 0 11 0.335786 11 0.75C11 1.16421 10.7948 1.5 10.5417 1.5H0.458333C0.205203 1.5 0 1.16421 0 0.75Z" fill="#31373E" />
                </svg>

                <svg class="arrow" width="8" height="11" viewbox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.10826 0.824513C1.26551 0.647606 1.5364 0.631671 1.7133 0.788922L6.85616 5.36035C6.94765 5.44168 7 5.55825 7 5.68066C7 5.80308 6.94765 5.91965 6.85616 6.00098L1.7133 10.5724C1.5364 10.7297 1.26551 10.7137 1.10826 10.5368C0.951007 10.3599 0.966942 10.089 1.14385 9.93177L5.92634 5.68066L1.14385 1.42956C0.966942 1.27231 0.951007 1.00142 1.10826 0.824513Z" fill="#31373E" stroke="#31373E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>

              </span>

            </a>
          </div>
          
        </div>
        
        <div class="partner-item">
          
          <div class="partner-img" data-aos="fade-up">
            
            
            
            
            
            <img src="https://www.groovecommerce.com/hubfs/2023%20Website/Partner%20Logos%20-%20Black/klaviyo-master-platinum-badge-groove%20style.svg" alt="Klaviyo Agency Master Elite Logo Badge" loading="lazy" width="150" height="63" style="max-width: 100%; height: auto;">
          </div>
          
          
          <div class="detail-content">
            <p>Amplify your brand's reach and conversion rate with strategic email campaigns, flow automation and SMS. No spam in sight.</p>
          </div>
          
          
          <div class="partner-button" data-aos="fade-up">
            
            
            <a class="link-button  " href="https://www.groovecommerce.com/partners/klaviyo-agency/">
              <span>Learn More About Klaviyo Master Elite</span>
              <span class="img">

                <svg class="line" width="11" height="2" viewbox="0 0 11 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.75C0 0.335786 0.205203 0 0.458333 0H10.5417C10.7948 0 11 0.335786 11 0.75C11 1.16421 10.7948 1.5 10.5417 1.5H0.458333C0.205203 1.5 0 1.16421 0 0.75Z" fill="#31373E" />
                </svg>

                <svg class="arrow" width="8" height="11" viewbox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.10826 0.824513C1.26551 0.647606 1.5364 0.631671 1.7133 0.788922L6.85616 5.36035C6.94765 5.44168 7 5.55825 7 5.68066C7 5.80308 6.94765 5.91965 6.85616 6.00098L1.7133 10.5724C1.5364 10.7297 1.26551 10.7137 1.10826 10.5368C0.951007 10.3599 0.966942 10.089 1.14385 9.93177L5.92634 5.68066L1.14385 1.42956C0.966942 1.27231 0.951007 1.00142 1.10826 0.824513Z" fill="#31373E" stroke="#31373E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>

              </span>

            </a>
          </div>
          
        </div>
        
        <div class="partner-item">
          
          <div class="partner-img" data-aos="fade-up">
            
            
            
            <img src="https://www.groovecommerce.com/hubfs/Hubspot-diamond-horizontal-black%201%20(1).svg" alt="hubspot diamond agency badge ecommerce agency" loading="lazy" width="195" height="63">
          </div>
          
          
          <div class="detail-content">
            <p>Attract new customers and turn leads into evangelists with this robust marketing and analytics software.</p>
          </div>
          
          
          <div class="partner-button" data-aos="fade-up">
            
            
            <a class="link-button  " href="https://www.groovecommerce.com/hubspot-agency/">
              <span>Learn More About Hubspot Diamond</span>
              <span class="img">

                <svg class="line" width="11" height="2" viewbox="0 0 11 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.75C0 0.335786 0.205203 0 0.458333 0H10.5417C10.7948 0 11 0.335786 11 0.75C11 1.16421 10.7948 1.5 10.5417 1.5H0.458333C0.205203 1.5 0 1.16421 0 0.75Z" fill="#31373E" />
                </svg>

                <svg class="arrow" width="8" height="11" viewbox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.10826 0.824513C1.26551 0.647606 1.5364 0.631671 1.7133 0.788922L6.85616 5.36035C6.94765 5.44168 7 5.55825 7 5.68066C7 5.80308 6.94765 5.91965 6.85616 6.00098L1.7133 10.5724C1.5364 10.7297 1.26551 10.7137 1.10826 10.5368C0.951007 10.3599 0.966942 10.089 1.14385 9.93177L5.92634 5.68066L1.14385 1.42956C0.966942 1.27231 0.951007 1.00142 1.10826 0.824513Z" fill="#31373E" stroke="#31373E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>

              </span>

            </a>
          </div>
          
        </div>
        
      </div>
    </div>
  </div>
</section>

<style>
  .partners-section.widget_1668166686012{ background-color: rgba(255, 255, 255, 1.0);}
  .partners-section.widget_1668166686012 .eyebrow-heading:before{ background:#30A0DF; }  
</style></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1668416892331" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="" class="two-col-video-section cp widget_1668416892331 white  ">
  <div class="content-wrapper">
    <div class="dis-flex two-col-video-flex">
      <div class="two-col-video-left">
        
        <div class="eyebrow-heading" data-aos="fade-up">
          OUR APPROACH
        </div>
        
        
        <div class="detail-content font18">
          <h2>
            5 Core Metrics to Transform Your eCommerce Growth
          </h2>
          <p>Sessions, conversion rate, orders, average order value and revenue. Every recommendation we deliver is designed to increase these five core metrics. This translates to measurable ROI, higher client satisfaction and award-winning results.</p>
        </div>
        
        
        <div class="common-cta" data-aos="fade-up">
          
          
          <a class="button white-button " href="https://www.groovecommerce.com/contact-us/">
            Talk to A Consultant
          </a>
        </div>
        
      </div>
      <div class="two-col-video-right" data-aos="fade-in">
        
        
        
        
        
        
        <img class="two-col-video-poster" src="https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Videos/Drew%20Core%20Metrics%202023/Groove%20Commerce%20Homepage%20Our%20Approach.jpeg?width=1280&amp;height=720&amp;name=Groove%20Commerce%20Homepage%20Our%20Approach.jpeg" alt="Groove Commerce Homepage Our Approach" loading="lazy" width="1280" height="720" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Videos/Drew%20Core%20Metrics%202023/Groove%20Commerce%20Homepage%20Our%20Approach.jpeg?width=640&amp;height=360&amp;name=Groove%20Commerce%20Homepage%20Our%20Approach.jpeg 640w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Videos/Drew%20Core%20Metrics%202023/Groove%20Commerce%20Homepage%20Our%20Approach.jpeg?width=1280&amp;height=720&amp;name=Groove%20Commerce%20Homepage%20Our%20Approach.jpeg 1280w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Videos/Drew%20Core%20Metrics%202023/Groove%20Commerce%20Homepage%20Our%20Approach.jpeg?width=1920&amp;height=1080&amp;name=Groove%20Commerce%20Homepage%20Our%20Approach.jpeg 1920w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Videos/Drew%20Core%20Metrics%202023/Groove%20Commerce%20Homepage%20Our%20Approach.jpeg?width=2560&amp;height=1440&amp;name=Groove%20Commerce%20Homepage%20Our%20Approach.jpeg 2560w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Videos/Drew%20Core%20Metrics%202023/Groove%20Commerce%20Homepage%20Our%20Approach.jpeg?width=3200&amp;height=1800&amp;name=Groove%20Commerce%20Homepage%20Our%20Approach.jpeg 3200w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Videos/Drew%20Core%20Metrics%202023/Groove%20Commerce%20Homepage%20Our%20Approach.jpeg?width=3840&amp;height=2160&amp;name=Groove%20Commerce%20Homepage%20Our%20Approach.jpeg 3840w" sizes="(max-width: 1280px) 100vw, 1280px">
        

        
        <button class="lvideo two-col-video-button" data-url="https://www.groovecommerce.com/hubfs/Groove%20Commerce%20Core%20Metrics%20V4.mp4">
          
          
          
          <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Group%20245.svg" alt="Group 245" loading="lazy" width="93" height="93">                   
        </button>
        
        
        
      </div>      


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


<style>
  .two-col-video-section.widget_1668416892331{ background-color: rgba(49, 55, 62, 1.0);}
  .two-col-video-section.widget_1668416892331 .eyebrow-heading:before{ background:#EC8270; }  
</style></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1668489605577" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="testimonials" class="testimonial-section widget_1668489605577 cp black  ">
  <div class="content-wrapper">
    <div class="testimonial-top">
      
      <div class="eyebrow-heading" data-aos="fade-up">
        Testimonials
      </div>
      
      
      <h2 data-aos="fade-up">
        What Our Clients Have To Say
      </h2>
      

    </div>
<div class="testimonials-wrapper">
    <div class="testimonials    ">
      
      <div class="testimonial-item" data-aos="fade-up">
        <blockquote>
          “We have been working with Groove for over two years. They are knowledgeable and always listens to our needs. I would recommend them to any colleague in need of an eCommerce agency.”
        </blockquote>
        <div class="testimonial-client">
          <div class="dis-flex vmiddle">
            <div class="testimonial-img">
              
              
              
              
              <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/Circle/Dippin%20Dots.png?width=144&amp;height=144&amp;name=Dippin%20Dots.png" alt="Dippin Dots BigCommerce Project Logo" loading="lazy" width="144" height="144" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/Circle/Dippin%20Dots.png?width=72&amp;height=72&amp;name=Dippin%20Dots.png 72w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/Circle/Dippin%20Dots.png?width=144&amp;height=144&amp;name=Dippin%20Dots.png 144w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/Circle/Dippin%20Dots.png?width=216&amp;height=216&amp;name=Dippin%20Dots.png 216w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/Circle/Dippin%20Dots.png?width=288&amp;height=288&amp;name=Dippin%20Dots.png 288w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/Circle/Dippin%20Dots.png?width=360&amp;height=360&amp;name=Dippin%20Dots.png 360w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/Circle/Dippin%20Dots.png?width=432&amp;height=432&amp;name=Dippin%20Dots.png 432w" sizes="(max-width: 144px) 100vw, 144px">
              
            </div>
            <div class="testimonial-detail">
              <strong>Director of Marketing</strong>
             Dippin’ Dots
            </div>
          </div>
        </div>
      </div>
      
      <div class="testimonial-item" data-aos="fade-up">
        <blockquote>
          “Since we began working together about 2 years ago Groove Commerce has become our one stop solution for marketing services, paid media advertising, and website support.”
        </blockquote>
        <div class="testimonial-client">
          <div class="dis-flex vmiddle">
            <div class="testimonial-img">
              
              
              
              
              <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cutter%20%26%20Buck%20Sqaure%20Logo.jpg?width=200&amp;height=200&amp;name=Cutter%20%26%20Buck%20Sqaure%20Logo.jpg" alt="Cutter &amp; Buck Sqaure Logo" loading="lazy" width="200" height="200" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cutter%20%26%20Buck%20Sqaure%20Logo.jpg?width=100&amp;height=100&amp;name=Cutter%20%26%20Buck%20Sqaure%20Logo.jpg 100w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cutter%20%26%20Buck%20Sqaure%20Logo.jpg?width=200&amp;height=200&amp;name=Cutter%20%26%20Buck%20Sqaure%20Logo.jpg 200w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cutter%20%26%20Buck%20Sqaure%20Logo.jpg?width=300&amp;height=300&amp;name=Cutter%20%26%20Buck%20Sqaure%20Logo.jpg 300w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cutter%20%26%20Buck%20Sqaure%20Logo.jpg?width=400&amp;height=400&amp;name=Cutter%20%26%20Buck%20Sqaure%20Logo.jpg 400w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cutter%20%26%20Buck%20Sqaure%20Logo.jpg?width=500&amp;height=500&amp;name=Cutter%20%26%20Buck%20Sqaure%20Logo.jpg 500w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cutter%20%26%20Buck%20Sqaure%20Logo.jpg?width=600&amp;height=600&amp;name=Cutter%20%26%20Buck%20Sqaure%20Logo.jpg 600w" sizes="(max-width: 200px) 100vw, 200px">
              
            </div>
            <div class="testimonial-detail">
              <strong>eCommerce Manager</strong>
             Cutter &amp; Buck
            </div>
          </div>
        </div>
      </div>
      
      <div class="testimonial-item" data-aos="fade-up">
        <blockquote>
          "We came in with some lofty goals. From the get go, Groove has put pure focus on establishing and improving target returns on ad spend as well as overall brand equity in paid search and social."
        </blockquote>
        <div class="testimonial-client">
          <div class="dis-flex vmiddle">
            <div class="testimonial-img">
              
              
              
              
              <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cordova%20Square%20Logo.jpg?width=200&amp;height=200&amp;name=Cordova%20Square%20Logo.jpg" alt="Cordova Square Logo" loading="lazy" width="200" height="200" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cordova%20Square%20Logo.jpg?width=100&amp;height=100&amp;name=Cordova%20Square%20Logo.jpg 100w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cordova%20Square%20Logo.jpg?width=200&amp;height=200&amp;name=Cordova%20Square%20Logo.jpg 200w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cordova%20Square%20Logo.jpg?width=300&amp;height=300&amp;name=Cordova%20Square%20Logo.jpg 300w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cordova%20Square%20Logo.jpg?width=400&amp;height=400&amp;name=Cordova%20Square%20Logo.jpg 400w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cordova%20Square%20Logo.jpg?width=500&amp;height=500&amp;name=Cordova%20Square%20Logo.jpg 500w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Cordova%20Square%20Logo.jpg?width=600&amp;height=600&amp;name=Cordova%20Square%20Logo.jpg 600w" sizes="(max-width: 200px) 100vw, 200px">
              
            </div>
            <div class="testimonial-detail">
              <strong>eCommerce Manager</strong>
             Cordova Outdoors
            </div>
          </div>
        </div>
      </div>
      
      <div class="testimonial-item" data-aos="fade-up">
        <blockquote>
          "We originally reached out thinking we wanted a developer to help with our current site. Groove took the initiative to recommend and migrate us to a new platform that actually met our needs."
        </blockquote>
        <div class="testimonial-client">
          <div class="dis-flex vmiddle">
            <div class="testimonial-img">
              
              
              
              
              <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Doc%20Popcorn%20Sqaure%20Logo.jpg?width=200&amp;height=200&amp;name=Doc%20Popcorn%20Sqaure%20Logo.jpg" alt="Doc Popcorn Sqaure Logo" loading="lazy" width="200" height="200" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Doc%20Popcorn%20Sqaure%20Logo.jpg?width=100&amp;height=100&amp;name=Doc%20Popcorn%20Sqaure%20Logo.jpg 100w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Doc%20Popcorn%20Sqaure%20Logo.jpg?width=200&amp;height=200&amp;name=Doc%20Popcorn%20Sqaure%20Logo.jpg 200w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Doc%20Popcorn%20Sqaure%20Logo.jpg?width=300&amp;height=300&amp;name=Doc%20Popcorn%20Sqaure%20Logo.jpg 300w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Doc%20Popcorn%20Sqaure%20Logo.jpg?width=400&amp;height=400&amp;name=Doc%20Popcorn%20Sqaure%20Logo.jpg 400w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Doc%20Popcorn%20Sqaure%20Logo.jpg?width=500&amp;height=500&amp;name=Doc%20Popcorn%20Sqaure%20Logo.jpg 500w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Doc%20Popcorn%20Sqaure%20Logo.jpg?width=600&amp;height=600&amp;name=Doc%20Popcorn%20Sqaure%20Logo.jpg 600w" sizes="(max-width: 200px) 100vw, 200px">
              
            </div>
            <div class="testimonial-detail">
              <strong>Marketing Manager</strong>
             Doc Popcorn
            </div>
          </div>
        </div>
      </div>
      
      <div class="testimonial-item" data-aos="fade-up">
        <blockquote>
          "We successfully migrated from Magento to BigCommerce and designed a site that converts better with an excellent UX. With their managed services, we continue to fine tune our performance."
        </blockquote>
        <div class="testimonial-client">
          <div class="dis-flex vmiddle">
            <div class="testimonial-img">
              
              
              
              
              <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Kegworks%20Square%20Logo.jpg?width=200&amp;height=200&amp;name=Kegworks%20Square%20Logo.jpg" alt="Kegworks Square Logo" loading="lazy" width="200" height="200" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Kegworks%20Square%20Logo.jpg?width=100&amp;height=100&amp;name=Kegworks%20Square%20Logo.jpg 100w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Kegworks%20Square%20Logo.jpg?width=200&amp;height=200&amp;name=Kegworks%20Square%20Logo.jpg 200w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Kegworks%20Square%20Logo.jpg?width=300&amp;height=300&amp;name=Kegworks%20Square%20Logo.jpg 300w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Kegworks%20Square%20Logo.jpg?width=400&amp;height=400&amp;name=Kegworks%20Square%20Logo.jpg 400w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Kegworks%20Square%20Logo.jpg?width=500&amp;height=500&amp;name=Kegworks%20Square%20Logo.jpg 500w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Kegworks%20Square%20Logo.jpg?width=600&amp;height=600&amp;name=Kegworks%20Square%20Logo.jpg 600w" sizes="(max-width: 200px) 100vw, 200px">
              
            </div>
            <div class="testimonial-detail">
              <strong>eCommerce Manager</strong>
             KegWorks
            </div>
          </div>
        </div>
      </div>
      
      <div class="testimonial-item" data-aos="fade-up">
        <blockquote>
          "The implementation team was extremely impressive. Since launch, they have helped optimize through consistent and well-managed development projects."
        </blockquote>
        <div class="testimonial-client">
          <div class="dis-flex vmiddle">
            <div class="testimonial-img">
              
              
              
              
              <img src="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Garrett%20Wade%20Square%20Logo.jpg?width=200&amp;height=200&amp;name=Garrett%20Wade%20Square%20Logo.jpg" alt="Garrett Wade Square Logo" loading="lazy" width="200" height="200" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Garrett%20Wade%20Square%20Logo.jpg?width=100&amp;height=100&amp;name=Garrett%20Wade%20Square%20Logo.jpg 100w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Garrett%20Wade%20Square%20Logo.jpg?width=200&amp;height=200&amp;name=Garrett%20Wade%20Square%20Logo.jpg 200w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Garrett%20Wade%20Square%20Logo.jpg?width=300&amp;height=300&amp;name=Garrett%20Wade%20Square%20Logo.jpg 300w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Garrett%20Wade%20Square%20Logo.jpg?width=400&amp;height=400&amp;name=Garrett%20Wade%20Square%20Logo.jpg 400w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Garrett%20Wade%20Square%20Logo.jpg?width=500&amp;height=500&amp;name=Garrett%20Wade%20Square%20Logo.jpg 500w, https://www.groovecommerce.com/hs-fs/hubfs/2022%20Website/Client%20Testimonial%20Logos/V3/Garrett%20Wade%20Square%20Logo.jpg?width=600&amp;height=600&amp;name=Garrett%20Wade%20Square%20Logo.jpg 600w" sizes="(max-width: 200px) 100vw, 200px">
              
            </div>
            <div class="testimonial-detail">
              <strong>eCommerce Manager</strong>
             Garrett Wade
            </div>
          </div>
        </div>
      </div>
      
      <div class="testimonial-item" data-aos="fade-up">
        <blockquote>
          "Groove Commerce has expertise at all levels. It always felt like we were a top priority."
        </blockquote>
        <div class="testimonial-client">
          <div class="dis-flex vmiddle">
            <div class="testimonial-img">
              
              
              
              
              <img src="https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Client%20Testimonial%20Logos/V3/Monaco%20Craft%20Cocktails.jpg?width=200&amp;height=200&amp;name=Monaco%20Craft%20Cocktails.jpg" alt="Monaco Craft Cocktails" loading="lazy" width="200" height="200" srcset="https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Client%20Testimonial%20Logos/V3/Monaco%20Craft%20Cocktails.jpg?width=100&amp;height=100&amp;name=Monaco%20Craft%20Cocktails.jpg 100w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Client%20Testimonial%20Logos/V3/Monaco%20Craft%20Cocktails.jpg?width=200&amp;height=200&amp;name=Monaco%20Craft%20Cocktails.jpg 200w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Client%20Testimonial%20Logos/V3/Monaco%20Craft%20Cocktails.jpg?width=300&amp;height=300&amp;name=Monaco%20Craft%20Cocktails.jpg 300w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Client%20Testimonial%20Logos/V3/Monaco%20Craft%20Cocktails.jpg?width=400&amp;height=400&amp;name=Monaco%20Craft%20Cocktails.jpg 400w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Client%20Testimonial%20Logos/V3/Monaco%20Craft%20Cocktails.jpg?width=500&amp;height=500&amp;name=Monaco%20Craft%20Cocktails.jpg 500w, https://www.groovecommerce.com/hs-fs/hubfs/2023%20Website/Client%20Testimonial%20Logos/V3/Monaco%20Craft%20Cocktails.jpg?width=600&amp;height=600&amp;name=Monaco%20Craft%20Cocktails.jpg 600w" sizes="(max-width: 200px) 100vw, 200px">
              
            </div>
            <div class="testimonial-detail">
              <strong>Director of Marketing</strong>
             Monaco Craft Cocktails
            </div>
          </div>
        </div>
      </div>
      
    </div>
    
    <button aria-label="previous" type="button" class="prev-arrow prev-arrow2  slide-arrow"><svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="23.5" transform="rotate(-180 24 24)" fill="white" stroke="#AFBEC6" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M27.5605 32.4983C27.2854 32.8079 26.8113 32.8357 26.5017 32.5605L17.5017 24.5605C17.3416 24.4182 17.25 24.2142 17.25 24C17.25 23.7858 17.3416 23.5818 17.5017 23.4394L26.5017 15.4394C26.8113 15.1642 27.2854 15.1921 27.5606 15.5017C27.8357 15.8113 27.8079 16.2854 27.4983 16.5605L19.1289 24L27.4983 31.4394C27.8079 31.7146 27.8357 32.1887 27.5605 32.4983Z" fill="#31373E" /> </svg></button>
    <button aria-label="next" type="button" class="next-arrow next-arrow2 slide-arrow"><svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="23.5" fill="white" stroke="#AFBEC6" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4395 15.5017C20.7146 15.1921 21.1887 15.1643 21.4983 15.4395L30.4983 23.4395C30.6584 23.5818 30.75 23.7858 30.75 24C30.75 24.2142 30.6584 24.4182 30.4983 24.5606L21.4983 32.5606C21.1887 32.8358 20.7146 32.8079 20.4395 32.4983C20.1643 32.1887 20.1921 31.7146 20.5017 31.4395L28.8711 24L20.5017 16.5606C20.1921 16.2854 20.1643 15.8113 20.4395 15.5017Z" fill="#31373E" /> </svg></button>
    
    </div>
  </div>
</section>


<style>
  .testimonial-section.widget_1668489605577{ background-color: rgba(234, 241, 239, 1.0);}
  .testimonial-section.widget_1668489605577 .slick-slide{background-color: rgba(255, 255, 255, 0.8);}
  .testimonial-section.widget_1668489605577 .eyebrow-heading:before{ background:#30A0DF; }  
</style></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1668406957675" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<section id="" class="cta-banner-section widget_1668406957675 white">
  <div class="content-wrapper">
    <div class="dis-flex cta-banner-flex">
      <div class="cta-banner-left">
        
        <div class="detail-content">
          <h2>
            Let's Grow Your eCommerce Business, Together.
          </h2>
          
        </div>
        
        
        <div class="cta-banner-button" data-aos="fade-up">
          
          
          <a class="button white-button " href="https://www.groovecommerce.com/contact-us/">
            Talk to A Consultant
          </a>
        </div>
        
      </div>
      <div class="cta-banner-right">
        
        <svg id="eDq9tpi0Afd1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="57 108 320 185" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">  <circle id="eDq9tpi0Afd2" r="46" transform="translate(200 246)" fill="#73b5d9" />  <path id="eDq9tpi0Afd3" d="M200,200l-46-92h92l-46,92Z" fill="#afbec7" />  <path id="eDq9tpi0Afd4" d="M154,154c0,25.4-20.6,46-46,46v0c-25.4,0-46-20.6-46-46v-46h92v46Z" fill="#eb8270" />  <rect id="eDq9tpi0Afd5" width="92" height="92" rx="0" ry="0" transform="translate(62 200)" fill="#80bdb4" />  <path id="eDq9tpi0Afd6" d="M246,200v0c50.8,0,92,41.2,92,92v0h-92v-92Z" fill="#d7b98d" />  <script>  	function jsProTrigger() {    <![CDATA[    ! function(t, e) {      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof __SVGATOR_DEFINE__ && __SVGATOR_DEFINE__.amd ? __SVGATOR_DEFINE__(e) : ((t = "undefined" != typeof globalThis ? globalThis : t || self).__SVGATOR_PLAYER__ = t.__SVGATOR_PLAYER__ || {}, t.__SVGATOR_PLAYER__["91c80d77"] = e())    }(this, (function() {      "use strict";      function t(t, e) {        var n = Object.keys(t);        if (Object.getOwnPropertySymbols) {          var r = Object.getOwnPropertySymbols(t);          e && (r = r.filter((function(e) {            return Object.getOwnPropertyDescriptor(t, e).enumerable          }))), n.push.apply(n, r)        }        return n      }      function e(e) {        for (var n = 1; n < arguments.length; n++) {          var r = null != arguments[n] ? arguments[n] : {};          n % 2 ? t(Object(r), !0).forEach((function(t) {            u(e, t, r[t])          })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : t(Object(r)).forEach((function(t) {            Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t))          }))        }        return e      }      function n(t) {        return (n = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {          return typeof t        } : function(t) {          return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t        })(t)      }      function r(t, e) {        if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")      }      function i(t, e) {        for (var n = 0; n < e.length; n++) {          var r = e[n];          r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, r.key, r)        }      }      function o(t, e, n) {        return e && i(t.prototype, e), n && i(t, n), t      }      function u(t, e, n) {        return e in t ? Object.defineProperty(t, e, {          value: n,          enumerable: !0,          configurable: !0,          writable: !0        }) : t[e] = n, t      }      function a(t) {        return (a = Object.setPrototypeOf ? Object.getPrototypeOf : function(t) {          return t.__proto__ || Object.getPrototypeOf(t)        })(t)      }      function s(t, e) {        return (s = Object.setPrototypeOf || function(t, e) {          return t.__proto__ = e, t        })(t, e)      }      function l() {        if ("undefined" == typeof Reflect || !Reflect.construct) return !1;        if (Reflect.construct.sham) return !1;        if ("function" == typeof Proxy) return !0;        try {          return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))), !0        } catch (t) {          return !1        }      }      function f(t, e, n) {        return (f = l() ? Reflect.construct : function(t, e, n) {          var r = [null];          r.push.apply(r, e);          var i = new(Function.bind.apply(t, r));          return n && s(i, n.prototype), i        }).apply(null, arguments)      }      function c(t, e) {        if (e && ("object" == typeof e || "function" == typeof e)) return e;        if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");        return function(t) {          if (void 0 === t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");          return t        }(t)      }      function h(t, e, n) {        return (h = "undefined" != typeof Reflect && Reflect.get ? Reflect.get : function(t, e, n) {          var r = function(t, e) {            for (; !Object.prototype.hasOwnProperty.call(t, e) && null !== (t = a(t)););            return t          }(t, e);          if (r) {            var i = Object.getOwnPropertyDescriptor(r, e);            return i.get ? i.get.call(n) : i.value          }        })(t, e, n || t)      }      function v(t) {        return function(t) {          if (Array.isArray(t)) return y(t)        }(t) || function(t) {          if ("undefined" != typeof Symbol && null != t[Symbol.iterator] || null != t["@@iterator"]) return Array.from(t)        }(t) || function(t, e) {          if (!t) return;          if ("string" == typeof t) return y(t, e);          var n = Object.prototype.toString.call(t).slice(8, -1);          "Object" === n && t.constructor && (n = t.constructor.name);          if ("Map" === n || "Set" === n) return Array.from(t);          if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return y(t, e)        }(t) || function() {          throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")        }()      }      function y(t, e) {        (null == e || e > t.length) && (e = t.length);        for (var n = 0, r = new Array(e); n < e; n++) r[n] = t[n];        return r      }      Number.isInteger || (Number.isInteger = function(t) {        return "number" == typeof t && isFinite(t) && Math.floor(t) === t      }), Number.EPSILON || (Number.EPSILON = 2220446049250313e-31);      var d = g(Math.pow(10, -6));      function g(t) {        var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 6;        if (Number.isInteger(t)) return t;        var n = Math.pow(10, e);        return Math.round((+t + Number.EPSILON) * n) / n      }      function p(t, e) {        var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : d;        return Math.abs(t - e) < n      }      var m = Math.PI / 180;      function b(t) {        return t      }      function k(t, e, n) {        var r = 1 - n;        return 3 * n * r * (t * r + e * n) + n * n * n      }      function w() {        var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0,          e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0,          n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 1,          r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 1;        return t < 0 || t > 1 || n < 0 || n > 1 ? null : p(t, e) && p(n, r) ? b : function(i) {          if (i <= 0) return t > 0 ? i * e / t : 0 === e && n > 0 ? i * r / n : 0;          if (i >= 1) return n < 1 ? 1 + (i - 1) * (r - 1) / (n - 1) : 1 === n && t < 1 ? 1 + (i - 1) * (e - 1) / (t - 1) : 1;          for (var o, u = 0, a = 1; u < a;) {            var s = k(t, n, o = (u + a) / 2);            if (p(i, s)) break;            s < i ? u = o : a = o          }          return k(e, r, o)        }      }      function _() {        return 1      }      function A(t) {        return 1 === t ? 1 : 0      }      function x() {        var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 1,          e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;        if (1 === t) {          if (0 === e) return A;          if (1 === e) return _        }        var n = 1 / t;        return function(t) {          return t >= 1 ? 1 : (t += e * n) - t % n        }      }      var O = Math.sin,        S = Math.cos,        E = Math.acos,        P = Math.asin,        M = Math.tan,        j = Math.atan2,        B = Math.PI / 180,        T = 180 / Math.PI,        I = Math.sqrt,        R = function() {          function t() {            var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 1,              n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0,              i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0,              o = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 1,              u = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 0,              a = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : 0;            r(this, t), this.m = [e, n, i, o, u, a], this.i = null, this.w = null, this.s = null          }          return o(t, [{            key: "determinant",            get: function() {              var t = this.m;              return t[0] * t[3] - t[1] * t[2]            }          }, {            key: "isIdentity",            get: function() {              if (null === this.i) {                var t = this.m;                this.i = 1 === t[0] && 0 === t[1] && 0 === t[2] && 1 === t[3] && 0 === t[4] && 0 === t[5]              }              return this.i            }          }, {            key: "point",            value: function(t, e) {              var n = this.m;              return {                x: n[0] * t + n[2] * e + n[4],                y: n[1] * t + n[3] * e + n[5]              }            }          }, {            key: "translateSelf",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0,                e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;              if (!t && !e) return this;              var n = this.m;              return n[4] += n[0] * t + n[2] * e, n[5] += n[1] * t + n[3] * e, this.w = this.s = this.i = null, this            }          }, {            key: "rotateSelf",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;              if (t %= 360) {                var e = O(t *= B),                  n = S(t),                  r = this.m,                  i = r[0],                  o = r[1];                r[0] = i * n + r[2] * e, r[1] = o * n + r[3] * e, r[2] = r[2] * n - i * e, r[3] = r[3] * n - o * e, this.w = this.s = this.i = null              }              return this            }          }, {            key: "scaleSelf",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 1,                e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 1;              if (1 !== t || 1 !== e) {                var n = this.m;                n[0] *= t, n[1] *= t, n[2] *= e, n[3] *= e, this.w = this.s = this.i = null              }              return this            }          }, {            key: "skewSelf",            value: function(t, e) {              if (e %= 360, (t %= 360) || e) {                var n = this.m,                  r = n[0],                  i = n[1],                  o = n[2],                  u = n[3];                t && (t = M(t * B), n[2] += r * t, n[3] += i * t), e && (e = M(e * B), n[0] += o * e, n[1] += u * e), this.w = this.s = this.i = null              }              return this            }          }, {            key: "resetSelf",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 1,                e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0,                n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0,                r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 1,                i = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 0,                o = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : 0,                u = this.m;              return u[0] = t, u[1] = e, u[2] = n, u[3] = r, u[4] = i, u[5] = o, this.w = this.s = this.i = null, this            }          }, {            key: "recomposeSelf",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null,                e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,                n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null,                r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : null,                i = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : null;              return this.isIdentity || this.resetSelf(), t && (t.x || t.y) && this.translateSelf(t.x, t.y), e && this.rotateSelf(e), n && (n.x && this.skewSelf(n.x, 0), n.y && this.skewSelf(0, n.y)), !r || 1 === r.x && 1 === r.y || this.scaleSelf(r.x, r.y), i && (i.x || i.y) && this.translateSelf(i.x, i.y), this            }          }, {            key: "decompose",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0,                e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0,                n = this.m,                r = n[0] * n[0] + n[1] * n[1],                i = [                  [n[0], n[1]],                  [n[2], n[3]]                ],                o = I(r);              if (0 === o) return {                origin: {                  x: g(n[4]),                  y: g(n[5])                },                translate: {                  x: g(t),                  y: g(e)                },                scale: {                  x: 0,                  y: 0                },                skew: {                  x: 0,                  y: 0                },                rotate: 0              };              i[0][0] /= o, i[0][1] /= o;              var u = n[0] * n[3] - n[1] * n[2] < 0;              u && (o = -o);              var a = i[0][0] * i[1][0] + i[0][1] * i[1][1];              i[1][0] -= i[0][0] * a, i[1][1] -= i[0][1] * a;              var s = I(i[1][0] * i[1][0] + i[1][1] * i[1][1]);              if (0 === s) return {                origin: {                  x: g(n[4]),                  y: g(n[5])                },                translate: {                  x: g(t),                  y: g(e)                },                scale: {                  x: g(o),                  y: 0                },                skew: {                  x: 0,                  y: 0                },                rotate: 0              };              i[1][0] /= s, i[1][1] /= s, a /= s;              var l = 0;              return i[1][1] < 0 ? (l = E(i[1][1]) * T, i[0][1] < 0 && (l = 360 - l)) : l = P(i[0][1]) * T, u && (l = -l), a = j(a, I(i[0][0] * i[0][0] + i[0][1] * i[0][1])) * T, u && (a = -a), {                origin: {                  x: g(n[4]),                  y: g(n[5])                },                translate: {                  x: g(t),                  y: g(e)                },                scale: {                  x: g(o),                  y: g(s)                },                skew: {                  x: g(a),                  y: 0                },                rotate: g(l)              }            }          }, {            key: "clone",            value: function() {              var t = this.m;              return new this.constructor(t[0], t[1], t[2], t[3], t[4], t[5])            }          }, {            key: "toString",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : " ";              if (null === this.s) {                var e = this.m.map((function(t) {                  return g(t)                }));                1 === e[0] && 0 === e[1] && 0 === e[2] && 1 === e[3] ? this.s = "translate(" + e[4] + t + e[5] + ")" : this.s = "matrix(" + e.join(t) + ")"              }              return this.s            }          }], [{            key: "create",            value: function(t) {              return t ? Array.isArray(t) ? f(this, v(t)) : t instanceof this ? t.clone() : (new this).recomposeSelf(t.origin, t.rotate, t.skew, t.scale, t.translate) : new this            }          }]), t        }();      function N(t, e, n) {        return t >= .5 ? n : e      }      function F(t, e, n) {        return 0 === t || e === n ? e : t * (n - e) + e      }      function C(t, e, n) {        var r = F(t, e, n);        return r <= 0 ? 0 : r      }      function D(t, e, n) {        var r = F(t, e, n);        return r <= 0 ? 0 : r >= 1 ? 1 : r      }      function L(t, e, n) {        return 0 === t ? e : 1 === t ? n : {          x: F(t, e.x, n.x),          y: F(t, e.y, n.y)        }      }      function V(t, e, n) {        return 0 === t ? e : 1 === t ? n : {          x: C(t, e.x, n.x),          y: C(t, e.y, n.y)        }      }      function q(t, e, n) {        var r = function(t, e, n) {          return Math.round(F(t, e, n))        }(t, e, n);        return r <= 0 ? 0 : r >= 255 ? 255 : r      }      function G(t, e, n) {        return 0 === t ? e : 1 === t ? n : {          r: q(t, e.r, n.r),          g: q(t, e.g, n.g),          b: q(t, e.b, n.b),          a: F(t, null == e.a ? 1 : e.a, null == n.a ? 1 : n.a)        }      }      function z(t, e, n) {        var r = e.length;        if (r !== n.length) return N(t, e, n);        for (var i = new Array(r), o = 0; o < r; o++) i[o] = F(t, e[o], n[o]);        return i      }      function Y(t, e) {        for (var n = [], r = 0; r < t; r++) n.push(e);        return n      }      function U(t, e) {        if (--e <= 0) return t;        var n = (t = Object.assign([], t)).length;        do {          for (var r = 0; r < n; r++) t.push(t[r])        } while (--e > 0);        return t      }      var $, W = function() {          function t(e) {            r(this, t), this.list = e, this.length = e.length          }          return o(t, [{            key: "setAttribute",            value: function(t, e) {              for (var n = this.list, r = 0; r < this.length; r++) n[r].setAttribute(t, e)            }          }, {            key: "removeAttribute",            value: function(t) {              for (var e = this.list, n = 0; n < this.length; n++) e[n].removeAttribute(t)            }          }, {            key: "style",            value: function(t, e) {              for (var n = this.list, r = 0; r < this.length; r++) n[r].style[t] = e            }          }]), t        }(),        H = /-./g,        Q = function(t, e) {          return e.toUpperCase()        };      function X(t) {        return "function" == typeof t ? t : N      }      function J(t) {        return t ? "function" == typeof t ? t : Array.isArray(t) ? function(t) {          var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : b;          if (!Array.isArray(t)) return e;          switch (t.length) {            case 1:              return x(t[0]) || e;            case 2:              return x(t[0], t[1]) || e;            case 4:              return w(t[0], t[1], t[2], t[3]) || e          }          return e        }(t, null) : function(t, e) {          var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : b;          switch (t) {            case "linear":              return b;            case "steps":              return x(e.steps || 1, e.jump || 0) || n;            case "bezier":            case "cubic-bezier":              return w(e.x1 || 0, e.y1 || 0, e.x2 || 0, e.y2 || 0) || n          }          return n        }(t.type, t.value, null) : null      }      function K(t, e, n) {        var r = arguments.length > 3 && void 0 !== arguments[3] && arguments[3],          i = e.length - 1;        if (t <= e[0].t) return r ? [0, 0, e[0].v] : e[0].v;        if (t >= e[i].t) return r ? [i, 1, e[i].v] : e[i].v;        var o, u = e[0],          a = null;        for (o = 1; o <= i; o++) {          if (!(t > e[o].t)) {            a = e[o];            break          }          u = e[o]        }        return null == a ? r ? [i, 1, e[i].v] : e[i].v : u.t === a.t ? r ? [o, 1, a.v] : a.v : (t = (t - u.t) / (a.t - u.t), u.e && (t = u.e(t)), r ? [o, t, n(t, u.v, a.v)] : n(t, u.v, a.v))      }      function Z(t, e) {        var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null;        return t && t.length ? "function" != typeof e ? null : ("function" != typeof n && (n = null), function(r) {          var i = K(r, t, e);          return null != i && n && (i = n(i)), i        }) : null      }      function tt(t, e) {        return t.t - e.t      }      function et(t, e, r, i, o) {        var u, a = "@" === r[0],          s = "#" === r[0],          l = $[r],          f = N;        switch (a ? (u = r.substr(1), r = u.replace(H, Q)) : s && (r = r.substr(1)), n(l)) {          case "function":            if (f = l(i, o, K, J, r, a, e, t), s) return f;            break;          case "string":            f = Z(i, X(l));            break;          case "object":            if ((f = Z(i, X(l.i), l.f)) && "function" == typeof l.u) return l.u(e, f, r, a, t)        }        return f ? function(t, e, n) {          if (arguments.length > 3 && void 0 !== arguments[3] && arguments[3]) return t instanceof W ? function(r) {            return t.style(e, n(r))          } : function(r) {            return t.style[e] = n(r)          };          if (Array.isArray(e)) {            var r = e.length;            return function(i) {              var o = n(i);              if (null == o)                for (var u = 0; u < r; u++) t[u].removeAttribute(e);              else                for (var a = 0; a < r; a++) t[a].setAttribute(e, o)            }          }          return function(r) {            var i = n(r);            null == i ? t.removeAttribute(e) : t.setAttribute(e, i)          }        }(e, r, f, a) : null      }      function nt(t, e, r, i) {        if (!i || "object" !== n(i)) return null;        var o = null,          u = null;        return Array.isArray(i) ? u = function(t) {          if (!t || !t.length) return null;          for (var e = 0; e < t.length; e++) t[e].e && (t[e].e = J(t[e].e));          return t.sort(tt)        }(i) : (u = i.keys, o = i.data || null), u ? et(t, e, r, u, o) : null      }      function rt(t, e, n) {        if (!n) return null;        var r = [];        for (var i in n)          if (n.hasOwnProperty(i)) {            var o = nt(t, e, i, n[i]);            o && r.push(o)          } return r.length ? r : null      }      function it(t, e) {        if (!e.settings.duration || e.settings.duration < 0) return null;        var n, r, i, o, u, a = function(t, e) {          if (!e) return null;          var n = [];          if (Array.isArray(e))            for (var r = e.length, i = 0; i < r; i++) {              var o = e[i];              if (2 === o.length) {                var u = null;                if ("string" == typeof o[0]) u = t.getElementById(o[0]);                else if (Array.isArray(o[0])) {                  u = [];                  for (var a = 0; a < o[0].length; a++)                    if ("string" == typeof o[0][a]) {                      var s = t.getElementById(o[0][a]);                      s && u.push(s)                    } u = u.length ? 1 === u.length ? u[0] : new W(u) : null                }                if (u) {                  var l = rt(t, u, o[1]);                  l && (n = n.concat(l))                }              }            } else              for (var f in e)                if (e.hasOwnProperty(f)) {                  var c = t.getElementById(f);                  if (c) {                    var h = rt(t, c, e[f]);                    h && (n = n.concat(h))                  }                } return n.length ? n : null        }(t, e.elements);        return a ? (n = a, r = e.settings, i = r.duration, o = n.length, u = null, function(t, e) {          var a = r.iterations || 1 / 0,            s = (r.alternate && a % 2 == 0) ^ r.direction > 0 ? i : 0,            l = t % i,            f = 1 + (t - l) / i;          e *= r.direction, r.alternate && f % 2 == 0 && (e = -e);          var c = !1;          if (f > a) l = s, c = !0, -1 === r.fill && (l = r.direction > 0 ? 0 : i);          else if (e < 0 && (l = i - l), l === u) return !1;          u = l;          for (var h = 0; h < o; h++) n[h](l);          return c        }) : null      }      function ot(t, e) {        if ($ = e, !t || !t.root || !Array.isArray(t.animations)) return null;        var n = function(t) {          for (var e = document.getElementsByTagName("svg"), n = 0; n < e.length; n++)            if (e[n].id === t.root && !e[n].svgatorAnimation) return e[n].svgatorAnimation = !0, e[n];          return null        }(t);        if (!n) return null;        var r = t.animations.map((function(t) {          return it(n, t)        })).filter((function(t) {          return !!t        }));        return r.length ? {          svg: n,          animations: r,          animationSettings: t.animationSettings,          options: t.options || void 0        } : null      }      function ut(t) {        return +("0x" + (t.replace(/[^0-9a-fA-F]+/g, "") || 27))      }      function at(t, e, n) {        return !t || !n || e > t.length ? t : t.substring(0, e) + at(t.substring(e + 1), n, n)      }      function st(t) {        var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 27;        return !t || t % e ? t % e : st(t / e, e)      }      function lt(t, e, n) {        if (t && t.length) {          var r = ut(n),            i = ut(e),            o = st(r) + 5,            u = at(t, st(r, 5), o);          return u = u.replace(/\x7c$/g, "==").replace(/\x2f$/g, "="), u = function(t, e, n) {            var r = +("0x" + t.substring(0, 4));            t = t.substring(4);            for (var i = e % r + n % 27, o = [], u = 0; u < t.length; u += 2)              if ("|" !== t[u]) {                var a = +("0x" + t[u] + t[u + 1]) - i;                o.push(a)              } else {                var s = +("0x" + t.substring(u + 1, u + 1 + 4)) - i;                u += 3, o.push(s)              } return String.fromCharCode.apply(String, o)          }(u = (u = atob(u)).replace(/[\x41-\x5A]/g, ""), i, r), u = JSON.parse(u)        }      }      var ft = [{          key: "alternate",          def: !1        }, {          key: "fill",          def: 1        }, {          key: "iterations",          def: 0        }, {          key: "direction",          def: 1        }, {          key: "speed",          def: 1        }, {          key: "fps",          def: 100        }],        ct = function() {          function t(e, n) {            var i = this,              o = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null;            r(this, t), this._id = 0, this._running = !1, this._rollingBack = !1, this._animations = e, this._settings = n, (!o || o < "2022-05-02") && delete this._settings.speed, ft.forEach((function(t) {              i._settings[t.key] = i._settings[t.key] || t.def            })), this.duration = n.duration, this.offset = n.offset || 0, this.rollbackStartOffset = 0          }          return o(t, [{            key: "alternate",            get: function() {              return this._settings.alternate            }          }, {            key: "fill",            get: function() {              return this._settings.fill            }          }, {            key: "iterations",            get: function() {              return this._settings.iterations            }          }, {            key: "direction",            get: function() {              return this._settings.direction            }          }, {            key: "speed",            get: function() {              return this._settings.speed            }          }, {            key: "fps",            get: function() {              return this._settings.fps            }          }, {            key: "maxFiniteDuration",            get: function() {              return this.iterations > 0 ? this.iterations * this.duration : this.duration            }          }, {            key: "_apply",            value: function(t) {              for (var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = this._animations, r = n.length, i = 0, o = 0; o < r; o++) e[o] ? i++ : (e[o] = n[o](t, 1), e[o] && i++);              return i            }          }, {            key: "_rollback",            value: function(t) {              var e = this,                n = 1 / 0,                r = null;              this.rollbackStartOffset = t, this._rollingBack = !0, this._running = !0;              this._id = window.requestAnimationFrame((function i(o) {                if (e._rollingBack) {                  null == r && (r = o);                  var u = Math.round(t - (o - r) * e.speed);                  if (u > e.duration && n !== 1 / 0) {                    var a = !!e.alternate && u / e.duration % 2 > 1,                      s = u % e.duration;                    u = (s += a ? e.duration : 0) || e.duration                  }                  var l = (e.fps ? 1e3 / e.fps : 0) * e.speed,                    f = Math.max(0, u);                  f <= n - l && (e.offset = f, n = f, e._apply(f));                  var c = e.iterations > 0 && -1 === e.fill && u >= e.maxFiniteDuration;                  (u <= 0 || e.offset < u || c) && e.stop(), e._id = window.requestAnimationFrame(i)                }              }))            }          }, {            key: "_start",            value: function() {              var t = this,                e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0,                n = -1 / 0,                r = null,                i = {};              this._running = !0;              var o = function o(u) {                null == r && (r = u);                var a = Math.round((u - r) * t.speed + e),                  s = (t.fps ? 1e3 / t.fps : 0) * t.speed;                if (a >= n + s && !t._rollingBack && (t.offset = a, n = a, t._apply(a, i) === t._animations.length)) return void t.pause(!0);                t._id = window.requestAnimationFrame(o)              };              this._id = window.requestAnimationFrame(o)            }          }, {            key: "_pause",            value: function() {              this._id && window.cancelAnimationFrame(this._id), this._running = !1            }          }, {            key: "play",            value: function() {              if (!this._running) return this._rollingBack ? this._rollback(this.offset) : this._start(this.offset)            }          }, {            key: "stop",            value: function() {              this._pause(), this.offset = 0, this.rollbackStartOffset = 0, this._rollingBack = !1, this._apply(0)            }          }, {            key: "reachedToEnd",            value: function() {              return this.iterations > 0 && this.offset >= this.iterations * this.duration            }          }, {            key: "restart",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] && arguments[0];              this.stop(t), this.play(t)            }          }, {            key: "pause",            value: function() {              this._pause()            }          }, {            key: "reverse",            value: function() {              this.direction = -this.direction            }          }], [{            key: "build",            value: function(t, e) {              delete t.animationSettings, t.options = lt(t.options, t.root, "91c80d77"), t.animations.map((function(e) {                e.settings = lt(e.s, t.root, "91c80d77"), delete e.s, t.animationSettings || (t.animationSettings = e.settings)              }));              var n = t.version;              if (!(t = ot(t, e))) return null;              var r = t.options || {},                i = new this(t.animations, t.animationSettings, n);              return {                el: t.svg,                options: r,                player: i              }            }          }, {            key: "push",            value: function(t) {              return this.build(t)            }          }, {            key: "init",            value: function() {              var t = this,                e = window.__SVGATOR_PLAYER__ && window.__SVGATOR_PLAYER__["91c80d77"];              Array.isArray(e) && e.splice(0).forEach((function(e) {                return t.build(e)              }))            }          }]), t        }();      ! function() {        for (var t = 0, e = ["ms", "moz", "webkit", "o"], n = 0; n < e.length && !window.requestAnimationFrame; ++n) window.requestAnimationFrame = window[e[n] + "RequestAnimationFrame"], window.cancelAnimationFrame = window[e[n] + "CancelAnimationFrame"] || window[e[n] + "CancelRequestAnimationFrame"];        window.requestAnimationFrame || (window.requestAnimationFrame = function(e) {          var n = Date.now(),            r = Math.max(0, 16 - (n - t)),            i = window.setTimeout((function() {              e(n + r)            }), r);          return t = n + r, i        }, window.cancelAnimationFrame = window.clearTimeout)      }();      var ht = function(t, e) {          var n = !1,            r = null;          return function(i) {            n && clearTimeout(n), n = setTimeout((function() {              return function() {                for (var i = 0, o = window.innerHeight, u = 0, a = window.innerWidth, s = t.parentNode; s instanceof Element;) {                  var l = window.getComputedStyle(s);                  if ("visible" !== l.overflowY || "visible" !== l.overflowX) {                    var f = s.getBoundingClientRect();                    "visible" !== l.overflowY && (i = Math.max(i, f.top), o = Math.min(o, f.bottom)), "visible" !== l.overflowX && (u = Math.max(u, f.left), a = Math.min(a, f.right))                  }                  if (s === s.parentNode) break;                  s = s.parentNode                }                n = !1;                var c = t.getBoundingClientRect(),                  h = Math.min(c.height, Math.max(0, i - c.top)),                  v = Math.min(c.height, Math.max(0, c.bottom - o)),                  y = Math.min(c.width, Math.max(0, u - c.left)),                  d = Math.min(c.width, Math.max(0, c.right - a)),                  g = (c.height - h - v) / c.height,                  p = (c.width - y - d) / c.width,                  m = Math.round(g * p * 100);                null !== r && r === m || (r = m, e(m))              }()            }), 100)          }        },        vt = function() {          function t(e, n, i) {            r(this, t), n = Math.max(1, n || 1), n = Math.min(n, 100), this.el = e, this._handlers = [], this.onThresholdChange = i && i.call ? i : function() {}, this.thresholdPercent = n || 1, this.currentVisibility = null, this.visibilityCalculator = ht(e, this.onVisibilityUpdate.bind(this)), this.bindScrollWatchers(), this.visibilityCalculator()          }          return o(t, [{            key: "bindScrollWatchers",            value: function() {              for (var t = this.el.parentNode; t && (this._handlers.push({                  element: t,                  event: "scroll",                  handler: this.visibilityCalculator                }), t.addEventListener("scroll", this.visibilityCalculator), t !== t.parentNode && t !== document);) t = t.parentNode            }          }, {            key: "onVisibilityUpdate",            value: function(t) {              var e = this.currentVisibility >= this.thresholdPercent,                n = t >= this.thresholdPercent;              if (null === this.currentVisibility || e !== n) return this.currentVisibility = t, void this.onThresholdChange(n);              this.currentVisibility = t            }          }, {            key: "destruct",            value: function() {              this._handlers.forEach((function(t) {                t.element.removeEventListener(t.event, t.handler)              }))            }          }]), t        }();      function yt(t) {        return g(t) + ""      }      function dt(t) {        var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : " ";        return t && t.length ? t.map(yt).join(e) : ""      }      function gt(t) {        return yt(t.x) + "," + yt(t.y)      }      function pt(t) {        if (!t) return "transparent";        if (null == t.a || t.a >= 1) {          var e = function(t) {              return 1 === (t = parseInt(t).toString(16)).length ? "0" + t : t            },            n = function(t) {              return t.charAt(0) === t.charAt(1)            },            r = e(t.r),            i = e(t.g),            o = e(t.b);          return n(r) && n(i) && n(o) && (r = r.charAt(0), i = i.charAt(0), o = o.charAt(0)), "#" + r + i + o        }        return "rgba(" + t.r + "," + t.g + "," + t.b + "," + t.a + ")"      }      function mt(t) {        return t ? "url(#" + t + ")" : "none"      }      var bt = {          f: null,          i: V,          u: function(t, e) {            return function(n) {              var r = e(n);              t.setAttribute("rx", yt(r.x)), t.setAttribute("ry", yt(r.y))            }          }        },        kt = {          f: null,          i: function(t, e, n) {            return 0 === t ? e : 1 === t ? n : {              width: C(t, e.width, n.width),              height: C(t, e.height, n.height)            }          },          u: function(t, e) {            return function(n) {              var r = e(n);              t.setAttribute("width", yt(r.width)), t.setAttribute("height", yt(r.height))            }          }        };      Object.freeze({        M: 2,        L: 2,        Z: 0,        H: 1,        V: 1,        C: 6,        Q: 4,        T: 2,        S: 4,        A: 7      });      var wt = {},        _t = null;      function At(t) {        var e = function() {          if (_t) return _t;          if ("object" !== ("undefined" == typeof document ? "undefined" : n(document)) || !document.createElementNS) return {};          var t = document.createElementNS("http://www.w3.org/2000/svg", "svg");          return t && t.style ? (t.style.position = "absolute", t.style.opacity = "0.01", t.style.zIndex = "-9999", t.style.left = "-9999px", t.style.width = "1px", t.style.height = "1px", _t = {            svg: t          }) : {}        }().svg;        if (!e) return function(t) {          return null        };        var r = document.createElementNS(e.namespaceURI, "path");        r.setAttributeNS(null, "d", t), r.setAttributeNS(null, "fill", "none"), r.setAttributeNS(null, "stroke", "none"), e.appendChild(r);        var i = r.getTotalLength();        return function(t) {          var e = r.getPointAtLength(i * t);          return {            x: e.x,            y: e.y          }        }      }      function xt(t) {        return wt[t] ? wt[t] : wt[t] = At(t)      }      function Ot(t, e, n, r) {        if (!t || !r) return !1;        var i = ["M", t.x, t.y];        if (e && n && (i.push("C"), i.push(e.x), i.push(e.y), i.push(n.x), i.push(n.y)), e ? !n : n) {          var o = e || n;          i.push("Q"), i.push(o.x), i.push(o.y)        }        return e || n || i.push("L"), i.push(r.x), i.push(r.y), i.join(" ")      }      function St(t, e, n, r) {        var i = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 1,          o = Ot(t, e, n, r),          u = xt(o);        try {          return u(i)        } catch (t) {          return null        }      }      function Et(t, e, n) {        return t + (e - t) * n      }      function Pt(t, e, n) {        var r = arguments.length > 3 && void 0 !== arguments[3] && arguments[3],          i = {            x: Et(t.x, e.x, n),            y: Et(t.y, e.y, n)          };        return r && (i.a = Mt(t, e)), i      }      function Mt(t, e) {        return Math.atan2(e.y - t.y, e.x - t.x)      }      function jt(t, e, n, r) {        var i = 1 - r;        return i * i * t + 2 * i * r * e + r * r * n      }      function Bt(t, e, n, r) {        return 2 * (1 - r) * (e - t) + 2 * r * (n - e)      }      function Tt(t, e, n, r) {        var i = arguments.length > 4 && void 0 !== arguments[4] && arguments[4],          o = St(t, e, null, n, r);        return o || (o = {          x: jt(t.x, e.x, n.x, r),          y: jt(t.y, e.y, n.y, r)        }), i && (o.a = It(t, e, n, r)), o      }      function It(t, e, n, r) {        return Math.atan2(Bt(t.y, e.y, n.y, r), Bt(t.x, e.x, n.x, r))      }      function Rt(t, e, n, r, i) {        var o = i * i;        return i * o * (r - t + 3 * (e - n)) + 3 * o * (t + n - 2 * e) + 3 * i * (e - t) + t      }      function Nt(t, e, n, r, i) {        var o = 1 - i;        return 3 * (o * o * (e - t) + 2 * o * i * (n - e) + i * i * (r - n))      }      function Ft(t, e, n, r, i) {        var o = arguments.length > 5 && void 0 !== arguments[5] && arguments[5],          u = St(t, e, n, r, i);        return u || (u = {          x: Rt(t.x, e.x, n.x, r.x, i),          y: Rt(t.y, e.y, n.y, r.y, i)        }), o && (u.a = Ct(t, e, n, r, i)), u      }      function Ct(t, e, n, r, i) {        return Math.atan2(Nt(t.y, e.y, n.y, r.y, i), Nt(t.x, e.x, n.x, r.x, i))      }      function Dt(t, e, n) {        var r = arguments.length > 3 && void 0 !== arguments[3] && arguments[3];        if (Vt(e)) {          if (qt(n)) return Tt(e, n.start, n, t, r)        } else if (Vt(n)) {          if (Gt(e)) return Tt(e, e.end, n, t, r)        } else {          if (Gt(e)) return qt(n) ? Ft(e, e.end, n.start, n, t, r) : Tt(e, e.end, n, t, r);          if (qt(n)) return Tt(e, n.start, n, t, r)        }        return Pt(e, n, t, r)      }      function Lt(t, e, n) {        var r = Dt(t, e, n, !0);        return r.a = function(t) {          return arguments.length > 1 && void 0 !== arguments[1] && arguments[1] ? t + Math.PI : t        }(r.a) / m, r      }      function Vt(t) {        return !t.type || "corner" === t.type      }      function qt(t) {        return null != t.start && !Vt(t)      }      function Gt(t) {        return null != t.end && !Vt(t)      }      var zt = new R;      var Yt = {          f: function(t) {            return t ? t.join(" ") : ""          },          i: function(t, e, r) {            if (0 === t) return e;            if (1 === t) return r;            var i = e.length;            if (i !== r.length) return N(t, e, r);            for (var o, u = new Array(i), a = 0; a < i; a++) {              if ((o = n(e[a])) !== n(r[a])) return N(t, e, r);              if ("number" === o) u[a] = F(t, e[a], r[a]);              else {                if (e[a] !== r[a]) return N(t, e, r);                u[a] = e[a]              }            }            return u          }        },        Ut = {          f: null,          i: z,          u: function(t, e) {            return function(n) {              var r = e(n);              t.setAttribute("x1", yt(r[0])), t.setAttribute("y1", yt(r[1])), t.setAttribute("x2", yt(r[2])), t.setAttribute("y2", yt(r[3]))            }          }        },        $t = {          f: yt,          i: F        },        Wt = {          f: yt,          i: D        },        Ht = {          f: function(t) {            var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : " ";            return t && t.length > 0 && (t = t.map((function(t) {              return g(t, 4)            }))), dt(t, e)          },          i: function(t, e, n) {            var r, i, o, u = e.length,              a = n.length;            if (u !== a)              if (0 === u) e = Y(u = a, 0);              else if (0 === a) a = u, n = Y(u, 0);            else {              var s = (o = (r = u) * (i = a) / function(t, e) {                for (var n; e;) n = e, e = t % e, t = n;                return t || 1              }(r, i)) < 0 ? -o : o;              e = U(e, Math.floor(s / u)), n = U(n, Math.floor(s / a)), u = a = s            }            for (var l = [], f = 0; f < u; f++) l.push(g(C(t, e[f], n[f])));            return l          }        };      function Qt(t, e, n) {        return t.map((function(t) {          return function(t, e, n) {            var r = t.v;            if (!r || "g" !== r.t || r.s || !r.v || !r.r) return t;            var i = n.getElementById(r.r),              o = i && i.querySelectorAll("stop") || [];            return r.s = r.v.map((function(t, e) {              var n = o[e] && o[e].getAttribute("offset");              return {                c: t,                o: n = g(parseInt(n) / 100)              }            })), delete r.v, t          }(t, 0, n)        }))      }      var Xt = {        gt: "gradientTransform",        c: {          x: "cx",          y: "cy"        },        rd: "r",        f: {          x: "x1",          y: "y1"        },        to: {          x: "x2",          y: "y2"        }      };      function Jt(t, e, r, i, o, u, a, s) {        return Qt(t, 0, s), e = function(t, e, n) {            for (var r, i, o, u = t.length - 1, a = {}, s = 0; s <= u; s++)(r = t[s]).e && (r.e = e(r.e)), r.v && "g" === (i = r.v).t && i.r && (o = n.getElementById(i.r)) && (a[i.r] = {              e: o,              s: o.querySelectorAll("stop")            });            return a          }(t, i, s),          function(i) {            var o = r(i, t, Kt);            if (!o) return "none";            if ("c" === o.t) return pt(o.v);            if ("g" === o.t) {              if (!e[o.r]) return mt(o.r);              var u = e[o.r];              return function(t, e) {                for (var n = t.s, r = n.length; r < e.length; r++) {                  var i = n[n.length - 1].cloneNode();                  i.id = ee(i.id), t.e.appendChild(i), n = t.s = t.e.querySelectorAll("stop")                }                for (var o = 0, u = n.length, a = e.length - 1; o < u; o++) n[o].setAttribute("stop-color", pt(e[Math.min(o, a)].c)), n[o].setAttribute("offset", e[Math.min(o, a)].o)              }(u, o.s), Object.keys(Xt).forEach((function(t) {                if (void 0 !== o[t])                  if ("object" !== n(Xt[t])) {                    var e, r = "gt" === t ? (e = o[t], Array.isArray(e) ? "matrix(" + e.join(" ") + ")" : "") : o[t],                      i = Xt[t];                    u.e.setAttribute(i, r)                  } else Object.keys(Xt[t]).forEach((function(e) {                    if (void 0 !== o[t][e]) {                      var n = o[t][e],                        r = Xt[t][e];                      u.e.setAttribute(r, n)                    }                  }))              })), mt(o.r)            }            return "none"          }      }      function Kt(t, n, r) {        if (0 === t) return n;        if (1 === t) return r;        if (n && r) {          var i = n.t;          if (i === r.t) switch (n.t) {            case "c":              return {                t: i, v: G(t, n.v, r.v)              };            case "g":              if (n.r === r.r) {                var o = {                  t: i,                  s: Zt(t, n.s, r.s),                  r: n.r                };                return n.gt && r.gt && (o.gt = z(t, n.gt, r.gt)), n.c ? (o.c = L(t, n.c, r.c), o.rd = C(t, n.rd, r.rd)) : n.f && (o.f = L(t, n.f, r.f), o.to = L(t, n.to, r.to)), o              }          }          if ("c" === n.t && "g" === r.t || "c" === r.t && "g" === n.t) {            var u = "c" === n.t ? n : r,              a = "g" === n.t ? e({}, n) : e({}, r),              s = a.s.map((function(t) {                return {                  c: u.v,                  o: t.o                }              }));            return a.s = "c" === n.t ? Zt(t, s, a.s) : Zt(t, a.s, s), a          }        }        return N(t, n, r)      }      function Zt(t, e, n) {        if (e.length === n.length) return e.map((function(e, r) {          return te(t, e, n[r])        }));        for (var r = Math.max(e.length, n.length), i = [], o = 0; o < r; o++) {          var u = te(t, e[Math.min(o, e.length - 1)], n[Math.min(o, n.length - 1)]);          i.push(u)        }        return i      }      function te(t, e, n) {        return {          o: D(t, e.o, n.o || 0),          c: G(t, e.c, n.c || {})        }      }      function ee(t) {        return t.replace(/-fill-([0-9]+)$/, (function(t, e) {          return "-fill-" + (+e + 1)        }))      }      var ne = {        blur: V,        brightness: C,        contrast: C,        "drop-shadow": function(t, e, n) {          return 0 === t ? e : 1 === t ? n : {            blur: V(t, e.blur, n.blur),            offset: L(t, e.offset, n.offset),            color: G(t, e.color, n.color)          }        },        grayscale: C,        "hue-rotate": F,        invert: C,        opacity: C,        saturate: C,        sepia: C      };      function re(t, e, n) {        if (0 === t) return e;        if (1 === t) return n;        var r = e.length;        if (r !== n.length) return N(t, e, n);        for (var i, o = [], u = 0; u < r; u++) {          if (e[u].type !== n[u].type) return e;          if (!(i = ne[e[u].type])) return N(t, e, n);          o.push({            type: e.type,            value: i(t, e[u].value, n[u].value)          })        }        return o      }      var ie = {        blur: function(t) {          return t ? function(e) {            t.setAttribute("stdDeviation", gt(e))          } : null        },        brightness: function(t, e, n) {          return (t = ue(n, e)) ? function(e) {            e = yt(e), t.map((function(t) {              return t.setAttribute("slope", e)            }))          } : null        },        contrast: function(t, e, n) {          return (t = ue(n, e)) ? function(e) {            var n = yt((1 - e) / 2);            e = yt(e), t.map((function(t) {              t.setAttribute("slope", e), t.setAttribute("intercept", n)            }))          } : null        },        "drop-shadow": function(t, e, n) {          var r = n.getElementById(e + "-blur");          if (!r) return null;          var i = n.getElementById(e + "-offset");          if (!i) return null;          var o = n.getElementById(e + "-flood");          return o ? function(t) {            r.setAttribute("stdDeviation", gt(t.blur)), i.setAttribute("dx", yt(t.offset.x)), i.setAttribute("dy", yt(t.offset.y)), o.setAttribute("flood-color", pt(t.color))          } : null        },        grayscale: function(t) {          return t ? function(e) {            t.setAttribute("values", dt(function(t) {              return [.2126 + .7874 * (t = 1 - t), .7152 - .7152 * t, .0722 - .0722 * t, 0, 0, .2126 - .2126 * t, .7152 + .2848 * t, .0722 - .0722 * t, 0, 0, .2126 - .2126 * t, .7152 - .7152 * t, .0722 + .9278 * t, 0, 0, 0, 0, 0, 1, 0]            }(e)))          } : null        },        "hue-rotate": function(t) {          return t ? function(e) {            return t.setAttribute("values", yt(e))          } : null        },        invert: function(t, e, n) {          return (t = ue(n, e)) ? function(e) {            e = yt(e) + " " + yt(1 - e), t.map((function(t) {              return t.setAttribute("tableValues", e)            }))          } : null        },        opacity: function(t, e, n) {          return (t = n.getElementById(e + "-A")) ? function(e) {            return t.setAttribute("tableValues", "0 " + yt(e))          } : null        },        saturate: function(t) {          return t ? function(e) {            return t.setAttribute("values", yt(e))          } : null        },        sepia: function(t) {          return t ? function(e) {            return t.setAttribute("values", dt(function(t) {              return [.393 + .607 * (t = 1 - t), .769 - .769 * t, .189 - .189 * t, 0, 0, .349 - .349 * t, .686 + .314 * t, .168 - .168 * t, 0, 0, .272 - .272 * t, .534 - .534 * t, .131 + .869 * t, 0, 0, 0, 0, 0, 1, 0]            }(e)))          } : null        }      };      var oe = ["R", "G", "B"];      function ue(t, e) {        var n = oe.map((function(n) {          return t.getElementById(e + "-" + n) || null        }));        return -1 !== n.indexOf(null) ? null : n      }      var ae = {          fill: Jt,          "fill-opacity": Wt,          stroke: Jt,          "stroke-opacity": Wt,          "stroke-width": $t,          "stroke-dashoffset": {            f: yt,            i: F          },          "stroke-dasharray": Ht,          opacity: Wt,          transform: function(t, e, r, i) {            if (!(t = function(t, e) {                if (!t || "object" !== n(t)) return null;                var r = !1;                for (var i in t) t.hasOwnProperty(i) && (t[i] && t[i].length ? (t[i].forEach((function(t) {                  t.e && (t.e = e(t.e))                })), r = !0) : delete t[i]);                return r ? t : null              }(t, i))) return null;            var o = function(n, i, o) {              var u = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : null;              return t[n] ? r(i, t[n], o) : e && e[n] ? e[n] : u            };            return e && e.a && t.o ? function(e) {              var n = r(e, t.o, Lt);              return zt.recomposeSelf(n, o("r", e, F, 0) + n.a, o("k", e, L), o("s", e, L), o("t", e, L)).toString()            } : function(t) {              return zt.recomposeSelf(o("o", t, Dt, null), o("r", t, F, 0), o("k", t, L), o("s", t, L), o("t", t, L)).toString()            }          },          "#filter": function(t, e, n, r, i, o, u, a) {            if (!e.items || !t || !t.length) return null;            var s = function(t, e) {              var n = (t = t.map((function(t) {                return t && ie[t[0]] ? (e.getElementById(t[1]), ie[t[0]](e.getElementById(t[1]), t[1], e)) : null              }))).length;              return function(e) {                for (var r = 0; r < n; r++) t[r] && t[r](e[r].value)              }            }(e.items, a);            return s ? (t = function(t, e) {              return t.map((function(t) {                return t.e = e(t.e), t              }))            }(t, r), function(e) {              s(n(e, t, re))            }) : null          },          "#line": Ut,          points: {            f: dt,            i: z          },          d: Yt,          r: $t,          "#size": kt,          "#radius": bt,          _: function(t, e) {            if (Array.isArray(t))              for (var n = 0; n < t.length; n++) this[t[n]] = e;            else this[t] = e          }        },        se = {          currentTime: "offset",          duration: "duration",          hasEnded: function() {            return this.reachedToEnd()          },          isAlternate: "alternate",          isPlaying: "_running",          isRollingBack: "_rollingBack",          state: function(t, e) {            return e.isPlaying ? e.isRollingBack ? "rollback" : "playing" : e.hasEnded ? "ended" : "paused"          },          totalTime: "maxFiniteDuration",          iterations: "iterations",          direction: "direction",          fill: "fill",          isReversed: function(t, e) {            return -1 === e.direction          },          isBackwards: function(t, e) {            return -1 === e.fill          },          isInfinite: function(t, e) {            return 0 === e.iterations          },          speed: "speed",          fps: "fps"        },        le = {          destruct: "destruct",          pause: "pause",          play: function(t, e) {            return fe(t, e.hasEnded ? "restart" : "play", e)          },          restart: "restart",          reverse: function(t, e) {            return fe(t, "reverse", e, [!0])          },          seek: "seek",          seekBy: "seekBy",          seekTo: "seekTo",          stop: "stop",          toggle: "toggle",          togglePlay: "toggle",          set: "set"        };      function fe(t, e, n) {        var r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : [];        return function() {          var i, o = Array.prototype.slice.call(arguments);          return o.unshift.apply(o, v(r)), (i = t[e]).call.apply(i, [t].concat(v(o))), n        }      }      var ce = function t(e) {        r(this, t);        var n = {},          i = ["on", "off"],          o = {            get: function(t, e, r) {              return se[e] ? "function" == typeof se[e] ? se[e].call(t, t, r) : t[se[e]] : le[e] ? "function" == typeof le[e] ? le[e].call(t, t, r) : fe(t, le[e], r) : -1 !== i.indexOf(e) ? n[e] : "ready" === e ? function(t) {                return t && t.call(r, r), r              } : void 0            },            set: function(t, e, r) {              return -1 !== i.indexOf(e) && (n[e] = r)            },            ownKeys: function(t) {              return Object.keys(se)            },            has: function(t, e) {              return void 0 !== se[e]            }          };        if ("function" == typeof Proxy) return new Proxy(e, o);        var u = Object.keys(se).concat(Object.keys(le)).concat(i),          a = {};        return u.forEach((function(t) {          var n = {            enumerable: !1,            configurable: !1,            get: function() {              return o.get(e, t, a)            }          }; - 1 !== i.indexOf(t) && (n.set = function(n) {            return o.set(e, t, n)          }), Object.defineProperty(a, t, n)        })), a      };      function he(t) {        t || (t = this);        var e = {};        this.on = function(t, n) {          var r = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];          return "function" == typeof n && (t.split(/[, ]+/g).forEach((function(t) {            return e[t] = e[t] || [], r ? e[t].unshift(n) : e[t].push(n)          })), !0)        }, this.off = function(t, n) {          for (var r in e)            if (e.hasOwnProperty(r) && r.substr(0, t.length) === t)              if (n)                for (var i = 0; i < e[r].length; i++) e[r][i] === n && (e[r][i] = null);              else e[r] = null        }, this.trigger = function() {          var n, r = Array.prototype.slice.call(arguments),            i = r[0],            o = r.slice(1);          t: for (var u in e)            if (e.hasOwnProperty(u) && e[u] && (u === i || u.substr(0, i.length + 1) === i + "."))              for (var a = 0; a < (e[u] || []).length; a++)                if (e[u][a] && !1 === (n = e[u][a].apply(t, o))) break t;          return n        }      }      var ve = !0,        ye = ["iterations", "speed", "fps", "direction", "fill", "alternate"],        de = function(t) {          ! function(t, e) {            if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");            t.prototype = Object.create(e && e.prototype, {              constructor: {                value: t,                writable: !0,                configurable: !0              }            }), e && s(t, e)          }(u, t);          var e, n, i = (e = u, n = l(), function() {            var t, r = a(e);            if (n) {              var i = a(this).constructor;              t = Reflect.construct(r, arguments, i)            } else t = r.apply(this, arguments);            return c(this, t)          });          function u(t, e) {            var n, o = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null;            return r(this, u), (n = i.call(this, t, e, o))._handlers = [], n          }          return o(u, [{            key: "_adjustOffset",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] && arguments[0],                e = this.alternate ? 2 * this.duration : this.duration;              if (t) {                if (!this._rollingBack && 0 === this.offset) return void(this.offset = e);                this._rollingBack && (this.offset, this.maxFiniteDuration)              }!this._rollingBack || this.rollbackStartOffset <= this.duration ? 0 !== this.iterations && (this.offset = Math.min(this.offset, this.maxFiniteDuration)) : (this.offset = this.rollbackStartOffset - (this.rollbackStartOffset - this.offset) % e, this.rollbackStartOffset = 0)            }          }, {            key: "reverse",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] && arguments[0];              if (!this._running) return this._adjustOffset(t), this._rollingBack = !this._rollingBack, t && this.play(!1), void this.trigger("reverse", this.offset);              this.pause(!1, !1), this._adjustOffset(), this._rollingBack = !this._rollingBack, this.play(!1), this.trigger("reverse", this.offset)            }          }, {            key: "play",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : ve,                e = h(a(u.prototype), "play", this).call(this);              return t === ve && this.trigger("play", this.offset), e            }          }, {            key: "pause",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] && arguments[0],                e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : ve,                n = h(a(u.prototype), "pause", this).call(this);              return e === ve && this.trigger(t ? "end" : "pause", this.offset), n            }          }, {            key: "restart",            value: function() {              var t = h(a(u.prototype), "restart", this).call(this, !1);              return this.trigger("restart", this.offset), t            }          }, {            key: "stop",            value: function() {              var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : ve,                e = h(a(u.prototype), "stop", this).call(this);              return t === ve && this.trigger("stop", this.offset), e            }          }, {            key: "_apply",            value: function(t) {              var e = this,                n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : ve,                r = h(a(u.prototype), "_apply", this).call(this, t);              if (n === ve) {                var i = function() {                  return e.trigger("keyframe", t)                };                window.requestAnimationFrame(i)              }              return r            }          }, {            key: "seekTo",            value: function(t) {              var e, n, r, i = this._running;              i && this.pause(!1, !1), this.offset = this.iterations > 0 ? (e = t, n = 0, r = this.maxFiniteDuration, e < n ? n : e > r ? r : e) : Math.max(t, 0), this._apply(this.offset), i && this.play(!1)            }          }, {            key: "seek",            value: function(t) {              return this.seekTo(Math.round(t / 100 * this.maxFiniteDuration))            }          }, {            key: "seekBy",            value: function(t) {              return this.seekTo(this.offset + t)            }          }, {            key: "toggle",            value: function() {              return this._running ? this.pause() : this.reachedToEnd() ? this.restart() : this.play()            }          }, {            key: "set",            value: function(t, e) {              if (ye.includes(t)) {                var n = this._running;                n && this.pause(!1, !1), this._settings[t] = e, n ? this.play(!1) : this._apply(this.offset, {}, !1)              }            }          }, {            key: "destruct",            value: function() {              var t = this;              this.stop(), this._handlers.forEach((function(t) {                t.element ? t.element.removeEventListener(t.event, t.handler) : t.callback && t.callback.call && t.callback.call()              }));              var e = function() {},                n = Object.getOwnPropertyNames(Object.getPrototypeOf(this));              n.push.apply(n, v(Object.getOwnPropertyNames(this))), n.forEach((function(n) {                "function" == typeof t[n] ? t[n] = e : delete t[n]              }))            }          }], [{            key: "build",            value: function(t) {              var e = h(a(u), "build", this).call(this, t, ae);              if (!e) return null;              var n = e.el,                r = e.options,                i = e.player,                o = new ce(i),                s = new he(o);              o.on = s.on, o.off = s.off, i.trigger = s.trigger;              var l = n.svgatorPlayer && n.svgatorPlayer.ready && n.svgatorPlayer.ready.call && n.svgatorPlayer.ready.call();              n.svgatorPlayer = o,                function(t, e, n) {                  if ("click" === n.start) {                    var r = function() {                      switch (n.click) {                        case "freeze":                          return !t._running && t.reachedToEnd() ? t.restart() : t.toggle();                        case "restart":                          return t.offset > 0 ? t.restart() : t.play();                        case "reverse":                          return t._running ? t.reverse() : t.reachedToEnd() ? 1 === t.fill ? t.reverse(!0) : t.restart() : t.play();                        case "none":                        default:                          if (t._running) return;                          return t.reachedToEnd() ? t.restart() : t.play()                      }                    };                    return t._handlers.push({                      element: e,                      event: "click",                      handler: r                    }), void e.addEventListener("click", r)                  }                  if ("hover" === n.start) {                    var i = function() {                      return t.reachedToEnd() ? t.restart() : t._rollingBack ? t.reverse() : t.play()                    };                    t._handlers.push({                      element: e,                      event: "mouseenter",                      handler: i                    }), e.addEventListener("mouseenter", i);                    var o = function() {                      switch (n.hover) {                        case "freeze":                          return t.pause();                        case "reset":                          return t.stop();                        case "reverse":                          if (t.reverse(), t._running) return;                          return t.play();                        case "none":                        default:                          return                      }                    };                    return t._handlers.push({                      element: e,                      event: "mouseleave",                      handler: o                    }), void e.addEventListener("mouseleave", o)                  }                  if ("scroll" === n.start) {                    var u = new vt(e, n.scroll || 25, (function(e) {                      e ? t.reachedToEnd() ? t.restart() : t.play() : t.pause()                    }));                    return void t._handlers.push({                      callback: function() {                        return u.destruct()                      }                    })                  }                  if ("programmatic" === n.start) return;                  t.play()                }(i, n, r),                function(t, e, n) {                  var r;                  "function" == typeof Event ? r = new Event("ready") : (r = document.createEvent("Event")).initEvent("ready", !0, !0);                  if (t.dispatchEvent(r), !n || !n.length) return;                  n.forEach((function(t) {                    return e.ready(t)                  }))                }(n, n.svgatorPlayer, l)            }          }]), u        }(ct);      return de.init(), de    }));    (function(s, i, o, w, d, a, b) {      (a = Array.from(d.querySelectorAll('svg#' + i.root)).filter(n => !n.svgatorPlayer)[0] || {}).svgatorPlayer = {        ready: (function(a) {          b = [];          return function(c) {            return c ? (b.push(c), a.svgatorPlayer) : b          }        })(a)      };      w[o] = w[o] || {};      w[o][s] = w[o][s] || [];      w[o][s].push(i);    })('91c80d77', {      "root": "eDq9tpi0Afd1",      "version": "2022-05-04",      "animations": [{        "elements": {          "eDq9tpi0Afd2": {            "transform": {              "keys": {                "o": [{                  "t": 300,                  "v": {                    "x": 200,                    "y": 246,                    "type": "corner"                  },                  "e": [0.455, 0.03, 0.515, 0.955]                }, {                  "t": 800,                  "v": {                    "x": 292,                    "y": 246,                    "type": "corner"                  }                }]              }            }          },          "eDq9tpi0Afd3": {            "transform": {              "data": {                "t": {                  "x": -200,                  "y": -154                }              },              "keys": {                "o": [{                  "t": 0,                  "v": {                    "x": 200,                    "y": 154,                    "type": "corner"                  },                  "e": [0.455, 0.03, 0.515, 0.955]                }, {                  "t": 500,                  "v": {                    "x": 108,                    "y": 154,                    "type": "corner"                  },                  "e": [0.455, 0.03, 0.515, 0.955]                }, {                  "t": 1200,                  "v": {                    "x": 108,                    "y": 246,                    "type": "corner"                  }                }]              }            }          },          "eDq9tpi0Afd4": {            "transform": {              "data": {                "t": {                  "x": -108,                  "y": -154                }              },              "keys": {                "o": [{                  "t": 0,                  "v": {                    "x": 108,                    "y": 154,                    "type": "corner"                  },                  "e": [0.455, 0.03, 0.515, 0.955]                }, {                  "t": 500,                  "v": {                    "x": 200,                    "y": 154,                    "type": "corner"                  }                }]              }            }          },          "eDq9tpi0Afd5": {            "transform": {              "data": {                "t": {                  "x": -46,                  "y": -46                }              },              "keys": {                "o": [{                  "t": 300,                  "v": {                    "x": 108,                    "y": 246,                    "type": "corner"                  },                  "e": [0.455, 0.03, 0.515, 0.955]                }, {                  "t": 800,                  "v": {                    "x": 200,                    "y": 246,                    "type": "corner"                  }                }, {                  "t": 1300,                  "v": {                    "x": 200,                    "y": 246,                    "type": "corner"                  }                }]              }            }          },          "eDq9tpi0Afd6": {            "transform": {              "data": {                "o": {                  "x": 246,                  "y": 200,                  "type": "corner"                },                "t": {                  "x": -246,                  "y": -200                }              },              "keys": {                "r": [{                  "t": 0,                  "v": 0,                  "e": [0.455, 0.03, 0.515, 0.955]                }, {                  "t": 500,                  "v": -90                }]              }            }          }        },        "s": "MDAA1ZGNmNzZiOQGM5YzZiNWM4RYmRjM2MyNzYS4ZTg2ODQ4NDYg0ODA3NmI4YGmRjNmI5YjdjYOGJkYzNjMjcC2OGU4NTgwUzBc2YmRjOGI5YAzZiNWM4YmRjLM1hjMmM3NzYJ4ZTg1ODBFNzIZiYWJkYzBWYVzA3NjhlODU4MMDc2YjVjMEdKjOGI5YzZjMmNI1YzhiOTc2OHGViYWI1YzBjWN2I5ODA3NmMH3YzRiOUliOWSI4NzY4ZTg1OLDA3NmJhYzRjONzc2OGU4NTgR0ODRkMQ|"      }],      "options": "MDGAxMDgyMjlONI2E3YjY4NzlGUN2IyOTQxMjkE3Mzc2Njg2YjPI5ODQ/"    }, '__SVGATOR_PLAYER__', window, document)    ]]>	  }    function getSvgVisible($el) {      var scrollTop = this.pageYOffset,          scrollBot = scrollTop + window.screen.height,          elTop = $el.offsetTop,          elBottom = elTop + $el.offsetHeight,          visibleTop = elTop < scrollTop ? scrollTop : elTop,          visibleBottom = elBottom > scrollBot ? scrollBot : elBottom;      return visibleBottom - visibleTop;    }    document.addEventListener("scroll", function(e){      var eltarget = e.target.querySelector('.cta-banner-section .cta-banner-right');      if(eltarget){        var percentage = (100/100) * eltarget.offsetHeight;        if( percentage <= getSvgVisible(eltarget) ) {          svgFlag = false;          console.log('svg visible');          jsProTrigger();        }      }    });  </script></svg>
        
      </div>
    </div>
  </div>
</section>

<style>
  .cta-banner-section.widget_1668406957675{ background-color: rgba(49, 55, 62, 1.0);}
</style>
</div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div>
</div>
</div>

      </main>

      
      <div id="hs_cos_wrapper_module_16680026121813" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><footer>
  <div class="content-wrapper v2">
       
      
    <div class="be-ix-link-block"><!--Link Block Target Div--></div>
      
    <div class="dis-flex footer-flex">
      <div class="footer-left des">
        <div class="footer-logo">

          
          
          <a href="">
            
            
            
            
            <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Logo.svg" alt="Logo" loading="lazy" width="113" height="27">
            
          </a>
        </div>


        
        <p>
          Keep in touch and stay up to date with all the latest news!
        </p>
        


        <span id="hs_cos_wrapper_module_16680026121813_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_751668900_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>

<div id="hs_form_target_form_751668900"></div>









</span>

        <div class="social-icons">
          <ul class="dis-flex vmiddle">
            
            <li>
              
              
              <a href="https://www.linkedin.com/company/groove-commerce/" aria-label="Groove Commerce's LinkedIn" target="_blank" rel="noopener">
                
                
                
                
                <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Vector%20(4).svg" alt="LinkedIn" loading="lazy" width="24" height="24">
                
              </a>
            </li>
            
            <li>
              
              
              <a href="https://www.instagram.com/groovecommerce/" aria-label="Groove Commerce's Instagram" target="_blank" rel="noopener">
                
                
                
                
                <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Group%20115.svg" alt="Instagram" loading="lazy" width="24" height="24">
                
              </a>
            </li>
            
            <li>
              
              
              <a href="https://twitter.com/groovecommerce" aria-label="Groove Commerce's X" target="_blank" rel="noopener">
                
                
                
                
                <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Group%20116.svg" alt="X" loading="lazy" width="24" height="24">
                
              </a>
            </li>
            
            <li>
              
              
              <a href="https://www.facebook.com/iGotGroove/" aria-label="Groove Commerce's Facebook" target="_blank" rel="noopener">
                
                
                
                
                <img src="https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=24&amp;height=24&amp;name=akar-icons_facebook-fill.png" alt="Facebook" loading="lazy" width="24" height="24" srcset="https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=12&amp;height=12&amp;name=akar-icons_facebook-fill.png 12w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=24&amp;height=24&amp;name=akar-icons_facebook-fill.png 24w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=36&amp;height=36&amp;name=akar-icons_facebook-fill.png 36w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=48&amp;height=48&amp;name=akar-icons_facebook-fill.png 48w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=60&amp;height=60&amp;name=akar-icons_facebook-fill.png 60w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=72&amp;height=72&amp;name=akar-icons_facebook-fill.png 72w" sizes="(max-width: 24px) 100vw, 24px">
                
              </a>
            </li>
            
          </ul>
        </div>

      </div>

      <div class="footer_col_2">
        <div class="footer_title">
          <h6>
            
            
            <a href="">
              Locations
            </a>
          </h6>
        </div>
        <div class="footer_phone_list">
          <ul>
            
            <li>
              <span class="location">Baltimore </span>
              
              
              
              
              
              <a href="tel:+18005649826" target="_blank" rel="noopener">
                (800) 564-9826
              </a>
            </li>
            
            <li>
              <span class="location">Philadelphia</span>
              
              
              
              
              
              <a href="tel:+14452009975">
                (445) 200-9975
              </a>
            </li>
            
            <li>
              <span class="location">Austin</span>
              
              
              
              
              
              <a href="tel:+17372709755">
                 (737) 270-9755
              </a>
            </li>
            
            <li>
              <span class="location">Orlando</span>
              
              
              
              
              
              <a href="tel:+13213007212">
                (321) 300-7212
              </a>
            </li>
            
          </ul>
        </div>
      </div>

      <div class="footer_col_3">
        <div class="footer_title">
          <h6>
            
            <a href="https://www.groovecommerce.com/partners/">
              Partners
            </a>
          </h6>
        </div>
        <div class="footer_menu">
          <ul>
            
            <li>
              
              
              <a href="https://www.groovecommerce.com/bigcommerce-agency/" target="_blank" rel="noopener">
                BigCommerce
              </a>
            </li>
            
            <li>
              
              
              <a href="https://www.groovecommerce.com/shopify-agency/" target="_blank" rel="noopener">
                Shopify
              </a>
            </li>
            
            <li>
              
              
              <a href="https://www.groovecommerce.com/klaviyo-agency/" target="_blank" rel="noopener">
                Klaviyo
              </a>
            </li>
            
            <li>
              
              
              <a href="https://www.groovecommerce.com/partners/hubspot-marketing-agency/">
                HubSpot
              </a>
            </li>
            
          </ul>
        </div>
      </div>
      <div class="footer_col_4">
        <div class="footer_title">
          <h6>
            
            <a href="">
              Support
            </a>
          </h6>
        </div>
        <div class="footer_teams">
          <ul>
            
            <li>
              
              
              <a href="https://www.groovecommerce.com/reviews/">
                Reviews
              </a>
            </li>
            
            <li>
              
              
              <a href="https://grooveworkspace.com/" target="_blank" rel="noopener">
                Baltimore Coworking
              </a>
            </li>
            
            <li>
              
              
              <a href="https://www.groovecommerce.com/bigcommerce-apps/">
                BigCommerce Apps
              </a>
            </li>
            
          </ul>
        </div>
      </div>
      <div class="footer_col_1_moblie">
        <div class="footer-left">
          <div class="social-icons">
            <ul class="dis-flex vmiddle">
              
              <li>
                
                
                <a href="https://www.linkedin.com/company/groove-commerce/" target="_blank" rel="noopener">
                  
                  
                  
                  
                  <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Vector%20(4).svg" alt="LinkedIn" loading="lazy" width="24" height="24">
                  
                </a>
              </li>
              
              <li>
                
                
                <a href="https://www.instagram.com/groovecommerce/" target="_blank" rel="noopener">
                  
                  
                  
                  
                  <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Group%20115.svg" alt="Instagram" loading="lazy" width="24" height="24">
                  
                </a>
              </li>
              
              <li>
                
                
                <a href="https://twitter.com/groovecommerce" target="_blank" rel="noopener">
                  
                  
                  
                  
                  <img src="https://www.groovecommerce.com/hubfs/Groove%20Commerce%202022/Images/Group%20116.svg" alt="X" loading="lazy" width="24" height="24">
                  
                </a>
              </li>
              
              <li>
                
                
                <a href="https://www.facebook.com/iGotGroove/" target="_blank" rel="noopener">
                  
                  
                  
                  
                  <img src="https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=24&amp;height=24&amp;name=akar-icons_facebook-fill.png" alt="Facebook" loading="lazy" width="24" height="24" srcset="https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=12&amp;height=12&amp;name=akar-icons_facebook-fill.png 12w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=24&amp;height=24&amp;name=akar-icons_facebook-fill.png 24w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=36&amp;height=36&amp;name=akar-icons_facebook-fill.png 36w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=48&amp;height=48&amp;name=akar-icons_facebook-fill.png 48w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=60&amp;height=60&amp;name=akar-icons_facebook-fill.png 60w, https://www.groovecommerce.com/hs-fs/hubfs/Groove%20Commerce%202022/Images/akar-icons_facebook-fill.png?width=72&amp;height=72&amp;name=akar-icons_facebook-fill.png 72w" sizes="(max-width: 24px) 100vw, 24px">
                  
                </a>
              </li>
              
            </ul>
          </div>

          
          <p>
            Keep in touch and stay up to date with all the latest news!
          </p>
          


          <span id="hs_cos_wrapper_module_16680026121813_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_278739398_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>

<div id="hs_form_target_form_278739398"></div>









</span>
        </div>
      </div>
    </div>
    <div class="copyright-text">
      <p><a href="https://www.groovecommerce.com/privacy-policy/" rel="noopener" target="_blank">Privacy Policy</a> | <a href="https://www.groovecommerce.com/tos" rel="noopener" target="_blank">Terms of Service</a> | <a href="https://www.groovecommerce.com/accessibility-statement/" rel="noopener" target="_blank">Accessibility Statement</a> | Groove Commerce 2007 - 2025. All Rights Reserved</p>
    </div>
  </div>
</footer></div>
      

    </div>

    

    

    
    
<!-- HubSpot performance collection script -->
<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.3.2/jquery-migrate.min.js"></script>
<script src="https://www.groovecommerce.com/hubfs/hub_generated/template_assets/1/159630234266/1741101825405/template_main-v2.min.js"></script>
<script>
var hsVars = hsVars || {}; hsVars['language'] = 'en';
</script>

<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
<script src="https://www.groovecommerce.com/hubfs/hub_generated/template_assets/1/91315878432/1741260306803/template_slick.min.js"></script>
 
<script>
  $('.logo-flex').slick({
    slidesToShow: 1,
//     slidesToScroll: 1,
     variableWidth: true,
    autoplay: true,
    autoplaySpeed: 0,
    speed: 10000,
    cssEase: 'linear',
    arrows:false,
    
  });
</script>


    <!--[if lte IE 8]>
    <script charset="utf-8" src="https://js.hsforms.net/forms/v2-legacy.js"></script>
    <![endif]-->

<script data-hs-allowed="true" src="/_hcms/forms/v2.js"></script>

    <script data-hs-allowed="true">
        var options = {
            portalId: '188845',
            formId: 'e377107e-c47c-49de-95f9-2a60bd11f1bb',
            formInstanceId: '8607',
            
            pageId: '6716202607',
            
            region: 'na1',
            
            
            
            
            pageName: "eCommerce Marketing, Web Design & Development Agency - Groove Commerce",
            
            
            
            inlineMessage: "Thanks for submitting the form.",
            
            
            rawInlineMessage: "Thanks for submitting the form.",
            
            
            hsFormKey: "6ddd2f110856d5d038ae032233557ecf",
            
            
            css: '',
            target: '#hs_form_target_form_751668900',
            
            
            
            
            
            
            
            contentType: "standard-page",
            
            
            
            formsBaseUrl: '/_hcms/forms/',
            
            
            
            formData: {
                cssClass: 'hs-form stacked hs-custom-form'
            }
        };

        options.getExtraMetaDataBeforeSubmit = function() {
            var metadata = {};
            

            if (hbspt.targetedContentMetadata) {
                var count = hbspt.targetedContentMetadata.length;
                var targetedContentData = [];
                for (var i = 0; i < count; i++) {
                    var tc = hbspt.targetedContentMetadata[i];
                     if ( tc.length !== 3) {
                        continue;
                     }
                     targetedContentData.push({
                        definitionId: tc[0],
                        criterionId: tc[1],
                        smartTypeId: tc[2]
                     });
                }
                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
            }

            return metadata;
        };

        hbspt.forms.create(options);
    </script>


    <script data-hs-allowed="true">
        var options = {
            portalId: '188845',
            formId: 'e377107e-c47c-49de-95f9-2a60bd11f1bb',
            formInstanceId: '9952',
            
            pageId: '6716202607',
            
            region: 'na1',
            
            
            
            
            pageName: "eCommerce Marketing, Web Design & Development Agency - Groove Commerce",
            
            
            
            inlineMessage: "Thanks for submitting the form.",
            
            
            rawInlineMessage: "Thanks for submitting the form.",
            
            
            hsFormKey: "e7c1cb9fb3a3261c1a44dca215b43ea0",
            
            
            css: '',
            target: '#hs_form_target_form_278739398',
            
            
            
            
            
            
            
            contentType: "standard-page",
            
            
            
            formsBaseUrl: '/_hcms/forms/',
            
            
            
            formData: {
                cssClass: 'hs-form stacked hs-custom-form'
            }
        };

        options.getExtraMetaDataBeforeSubmit = function() {
            var metadata = {};
            

            if (hbspt.targetedContentMetadata) {
                var count = hbspt.targetedContentMetadata.length;
                var targetedContentData = [];
                for (var i = 0; i < count; i++) {
                    var tc = hbspt.targetedContentMetadata[i];
                     if ( tc.length !== 3) {
                        continue;
                     }
                     targetedContentData.push({
                        definitionId: tc[0],
                        criterionId: tc[1],
                        smartTypeId: tc[2]
                     });
                }
                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
            }

            return metadata;
        };

        hbspt.forms.create(options);
    </script>


<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "standard-page"]);
_hsq.push(["setCanonicalUrl", "https:\/\/www.groovecommerce.com"]);
_hsq.push(["setPageId", "6716202607"]);
_hsq.push(["setContentMetadata", {
    "contentPageId": 6716202607,
    "legacyPageId": "6716202607",
    "contentFolderId": null,
    "contentGroupId": null,
    "abTestId": null,
    "languageVariantId": 6716202607,
    "languageCode": "en",
    
    
}]);
</script>

<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/188845.js"></script>
<!-- End of HubSpot Analytics Code -->


<script type="text/javascript">
var hsVars = {
    render_id: "cf36527f-6015-49c4-90fe-4cef74e1e668",
    ticks: 1765083300375,
    page_id: 6716202607,
    
    content_group_id: 0,
    portal_id: 188845,
    app_hs_base_url: "https://app.hubspot.com",
    cp_hs_base_url: "https://cp.hubspot.com",
    language: "en",
    analytics_page_type: "standard-page",
    scp_content_type: "",
    
    analytics_page_id: "6716202607",
    category_id: 1,
    folder_id: 0,
    is_hubspot_user: false
}
</script>


<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.563/js/index.js"></script>

<!-- Jquer Upgrade -->



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


<!-- Add your custom jQuery code below -->
<script>
  // Wait for jQuery to load
  var checkReady = setInterval(function() {
    if (typeof jQuery !== 'undefined') {
      clearInterval(checkReady);

      // Your jQuery code goes here
      jQuery(document).ready(function() {
        // Your jQuery functions and code
      });
    }
  }, 100); // Check every 100ms
</script>



    
  
</body></html>