
<!DOCTYPE html>

<html lang="en" data-bs-theme="light">
  <head>
    <meta charset="utf-8">
    <title>Shoppable UGC, Galleries, Images for eCommerce & Social Media | Foursixty </title>
    <meta name="description" content="Transform user-generated content into shoppable posts. Boost conversions with lifestyle product photography and shoppable UGC galleries.">
    <meta name="author" content="Foursixty">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="canonical" href="https://www.foursixty.com/?feed=rss2" />

    <!-- Favicon and Touch Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="/media/nl_assets/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/media/nl_assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/media/nl_assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="/media/nl_assets/favicon/site.webmanifest">
    <link rel="mask-icon" href="/media/nl_assets/favicon/safari-pinned-tab.svg" color="#6366f1">
    <link rel="shortcut icon" href="/media/nl_assets/favicon/favicon.ico">
    <meta name="msapplication-TileColor" content="#080032">
    <meta name="msapplication-config" content="/media/nl_assets/favicon/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <script async src="https://cdn.heymantle.com/mantle_affiliate_track.js?link_url=https://www.foursixty.com/dashboard/register"></script>

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">

    <!-- Vendor Styles -->
    <link rel="stylesheet" media="screen" href="/media/nl_assets/vendor/boxicons-3.0/fonts/basic/boxicons.css">
    <link rel="stylesheet" media="screen" href="/media/nl_assets/vendor/boxicons-3.0/fonts/brands/boxicons-brands.css">
    <link rel="stylesheet" media="screen" href="/media/nl_assets/vendor/swiper/swiper-bundle.min.css">

    <!-- Main Theme Styles + Bootstrap -->
    <link rel="stylesheet" media="screen" href="/media/nl_assets/css/theme.min.css">
    <link rel="stylesheet" media="screen" href="/media/nl_assets/css/custom.css?cache=1">
    <script>
  (function () {
    var w = window;
    var swan = (w.swan = w.swan || []);
    if (swan.isLoaded) return;
    swan.isLoaded = true;
    swan.pk = 'cmbtedyam0005ic05krebq3b7';
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.async = true;
    script.src = 'https://script.getswan.com?pk=cmbtedyam0005ic05krebq3b7';
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(script);
  })();
  
  (function(h,o,t,j,a,r){
    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
    h._hjSettings={hjid:6433320,hjsv:6};
    a=o.getElementsByTagName('head')[0];
    r=o.createElement('script');r.async=1;
    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
    a.appendChild(r);
  })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
    
    
    
  </head>


  <!-- Body -->
  <body>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-35950365-1"></script>
    <script>
      
      if (window.location.href.substring(0, 7) == "http://") { window.location = "https://" + window.location.href.substring(7) }
      

      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-35950365-1');

      (function() {var gs = document.createElement('script');gs.src = 'https://get.foursixty.com/pr/js';gs.type = 'text/javascript';gs.async = 'true';gs.onload = gs.onreadystatechange = function() {var rs = this.readyState;if (rs && rs != 'complete' && rs != 'loaded') return;try {growsumo._initialize('pk_qycNwE6KLus0sZJVDpA4lSZ1oSld6P90'); if (typeof(growsumoInit) === 'function') {growsumoInit();}} catch (e) {}};var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(gs, s);})();
    </script>
    <!-- Facebook Pixel Code -->
    <script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
                                          n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
                                        'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '618124318335970');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
                   src="https://www.facebook.com/tr?id=618124318335970&ev=PageView&noscript=1"
              /></noscript>
    

    
    <!-- Page wrapper for sticky footer -->
    <!-- Wraps everything except footer to push footer to the bottom of the page if there is little content -->
    <main class="page-wrapper">      
      <!-- Navbar -->
      <!-- Remove "navbar-sticky" class to make navigation bar scrollable with the page -->
      <header id="navigationMenu" class="header navbar navbar-expand-lg flex-column position-absolute navbar-sticky py-3">
        <div class="container px-3">
          <a data-fb-click-event="ViewContent" data-fb-click-data="HomeHeader" href="/" class="navbar-brand pe-3">
            <img src="/media/nl_assets/img/general/logo-foursixty.svg" width="147" alt="Foursixty">
          </a>
          <div id="navbarNav" class="offcanvas offcanvas-end">
            <div class="offcanvas-header border-bottom">
              <h5 class="offcanvas-title">Menu</h5>
              <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
            </div>
            <div class="offcanvas-body">
              <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item dropdown">
                  <a href="#" class="nav-link dropdown-toggle " data-bs-toggle="dropdown">Features</a>
                  <div class="dropdown-menu p-0">
                    <div class="d-lg-flex">
                      <div class="mega-dropdown-column d-flex justify-content-center align-items-center rounded-3 rounded-end-0 px-3 py-3">
                        <div class="rounded-3 p-4 text-center nav-callout">
                          <h5 class="fw-bold mb-3">Want a personalized product tour?</h5>
                          <p class="mb-4">Our team would love to show you around.</p>
                          <a href="#" class="btn btn-primary px-4 py-2 hubspot-meeting-trigger">Book A Demo</a>
                        </div>
                      </div>
                      <div class="mega-dropdown-column pt-lg-4 pb-lg-4">
                        <h6 class="px-3 mb-2">Shoppable Galleries</h6>
                        <ul class="list-unstyled mb-3">
                          <li><a href="/landing/features/galleries/" class="dropdown-item py-1">Gallery Overview</a></li>
                          <li><a href="/landing/features/instagram/" class="dropdown-item py-1">Instagram</a></li>
                          <li><a href="/landing/features/ugc/" class="dropdown-item py-1">UGC</a></li>
                          <li><a href="/landing/features/tiktok/" class="dropdown-item py-1">TikTok</a></li>
                          <li><a href="/landing/features/ambassador_shop/" class="dropdown-item py-1">Ambassador Shops</a></li>
                          <li><a href="/landing/features/shoppable-social/" class="dropdown-item py-1">Shoppable Social</a></li>
                        </ul>
                      </div>
                      <div class="mega-dropdown-column pt-lg-4 pb-lg-4">
                        <h6 class="px-3 mb-2">Integrations</h6>
                        <ul class="list-unstyled mb-3">
                          <li><a href="/landing/features/email/" class="dropdown-item py-1">Email Galleries</a></li>
                          <li><a href="/landing/features/okendo/" class="dropdown-item py-1">Reviews by Okendo</a></li>
                        </ul>
                      </div>

                    </div>
                  </div>
                </li>
                <li class="nav-item">
                  <a href="/landing/about/" class="nav-link ">About</a>
                </li>
                <li class="nav-item">
                  <a href="/landing/features/partner-program/" class="nav-link ">Partners</a>
                </li>
                <li class="nav-item">
                  <a href="/460/pricing" class="nav-link ">Pricing</a>
                </li>
                <li class="nav-item">
                  <a href="https://foursixty.com/blog/" class="nav-link">Blog</a>
                </li>
                <li class="nav-item">
                  <a href="/landing/contact/" class="nav-link ">Contact</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="d-flex align-items-center">
            
            <a href="/dashboard/login/" class="nav-link fw-medium me-3 me-lg-4">Login</a>
            
            <button type="button" class="navbar-toggler" data-bs-toggle="offcanvas" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
          </div>
          
          
          <a href="" class="btn btn-primary btn-sm fs-sm rounded d-none d-lg-inline-flex hubspot-meeting-trigger" data-bs-toggle="modal" data-bs-target="#bookConsultantModal">Book a demo</a>
          
        </div>
      </header>

      
<!-- Hero section with layer parallax gfx -->
<section class="position-relative overflow-hidden py-4 mb-3">
  <div class="container pt-lg-3">
    <div class="row flex-lg-nowrap">
      <div class="col-lg-6 col-xl-5 text-center text-lg-start pt-5 mt-xl-4">
        <h1 class="display-4 display-sm-3 pt-5 pb-2 pb-lg-3 mt-sm-2 mt-lg-5 px-4 px-md-0">Shoppable Instagram & TikTok Galleries That Convert</h1>
        <p class="fs-lg mb-4 mb-lg-5">Your customers are already creating content. Foursixty helps you turn it into high-converting shoppable posts and galleries across Instagram, TikTok, and your site.</p>
        <a href="#" class="btn btn-primary btn-lg hubspot-meeting-trigger" data-bs-toggle="modal" data-bs-target="#bookConsultantModal">Book a demo</a><br class="d-block d-md-none">
        <span class="mt-2 mt-md-0 d-block d-md-inline">
          &nbsp; or &nbsp;<a class="text-primary fw-semibold" href="/dashboard/register">Start 14-Day Free Trial</a>
        </span>
        <div class="pt-5 mt-xl-5">
          <h6 class="pt-xl-3 pb-3 pb-lg-4">Trusted by over 2,000 brands and agencies</h6>
          <div class="d-flex justify-content-center justify-content-lg-start mx-xl-n2 position-relative" style="z-index: 4;">
            <div class="d-block me-2">
              <img src="/media/nl_assets/img/brands/brand-kylie-cosmetics.webp" width="135" alt="Kylie Cosmetics">
            </div>
            <div class="d-block me-2">
              <img src="/media/nl_assets/img/brands/brand-mejuri.webp" width="135" alt="Mejuri">
            </div>
            <div class="d-block me-2">
              <img src="/media/nl_assets/img/brands/brand-knix.webp" width="135" alt="knix">
            </div>
            <div class="d-block me-2">
              <img src="/media/nl_assets/img/brands/brand-meshki.webp" width="135" alt="Meshki">
            </div>
          </div>
        </div>
      </div>

      <!-- Layer parallax -->
      <div class="parallax mt-4 ms-4 me-lg-0 ms-lg-n5 ms-xl-n3 mt-lg-n4">
        <div class="parallax-layer" data-depth="0.1">
          <img src="/media/nl_assets/img/general/foursixty-shoppable-ugc-final.webp" width="1416" fetchpriority="high" alt="Foursixty Shoppable Social Content">
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Features (Icon + Text) -->
<section class="container mt-5 pt-5">
  <div class="text-center pb-4 pb-md-0 mb-2 mb-md-5 mx-auto" style="max-width: 830px;">
    <h2 class="h1">Turn Engagement Into Sales With Shoppable UGC and Social Content</h2>
    <p class="mb-0">Foursixty is built for speed.&nbsp;
      Go live in as little as a few hours with branded, customizable Shoppable Galleries for Shopify or any platform.</p>
  </div>
  <div class="row">
    <div class="col-lg-3 col-md-4 col-sm-6 text-center pb-md-2 mb-3 mb-lg-4">
      <div class="d-flex align-items-center justify-content-center bg-secondary rounded-circle mb-4 feature-icon-circle">
        <i class="bx bx-camera text-primary"></i>
      </div>
      <h3 class="h5 pb-1 mb-2">Shoppable UGC Galleries</h3>
      <p class="fs-sm">Transform your Instagram posts and user-generated content into beautiful shoppable galleries.</p>
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 text-center pb-md-2 mb-3 mb-lg-4">
      <div class="d-flex align-items-center justify-content-center bg-secondary rounded-circle mb-4 feature-icon-circle">
        <i class="bxl bx-instagram text-primary"></i>
      </div>
      <h3 class="h5 pb-1 mb-2">Instagram Analytics</h3>
      <p class="fs-sm">Get detailed insights into your Instagram business performance and story engagement metrics.</p>
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 text-center pb-md-2 mb-3 mb-lg-4">
      <div class="d-flex align-items-center justify-content-center bg-secondary rounded-circle mb-4 feature-icon-circle">
        <i class="bx bx-calendar-check text-primary"></i>
      </div>
      <h3 class="h5 pb-1 mb-2">Auto Publish & Schedule</h3>
      <p class="fs-sm">Schedule and automatically publish your content directly to Instagram from one dashboard.</p>
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 text-center pb-md-2 mb-3 mb-lg-4">
      <div class="d-flex align-items-center justify-content-center bg-secondary rounded-circle mb-4 feature-icon-circle">
        <i class="bx bx-crown text-primary"></i>
      </div>
      <h3 class="h5 pb-1 mb-2">Ambassador Shops</h3>
      <p class="fs-sm">Create dedicated shops for your brand ambassadors and influencers to showcase products.</p>
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 text-center pb-md-2 mb-3 mb-lg-4">
      <div class="d-flex align-items-center justify-content-center bg-secondary rounded-circle mb-4 feature-icon-circle">
        <i class="bx bx-trending-up text-primary"></i>
      </div>
      <h3 class="h5 pb-1 mb-2">Track Creators & Campaigns</h3>
      <p class="fs-sm">Monitor influencer performance and campaign ROI with comprehensive tracking and reporting tools.</p>
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 text-center pb-md-2 mb-3 mb-lg-4">
      <div class="d-flex align-items-center justify-content-center bg-secondary rounded-circle mb-4 feature-icon-circle">
        <i class="bx bx-envelope text-primary"></i>
      </div>
      <h3 class="h5 pb-1 mb-2">Email Campaign Galleries</h3>
      <p class="fs-sm">Integrate shoppable content directly into your email marketing campaigns for higher engagement.</p>
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 text-center pb-md-2 mb-3 mb-lg-4">
      <div class="d-flex align-items-center justify-content-center bg-secondary rounded-circle mb-4 feature-icon-circle">
        <i class="bxl bx-tiktok text-primary"></i>
      </div>
      <h3 class="h5 pb-1 mb-2">TikTok Galleries</h3>
      <p class="fs-sm">Leverage your trending TikTok content and turn viral videos into shoppable experiences.</p>
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 text-center pb-md-2 mb-3 mb-lg-4">
      <div class="d-flex align-items-center justify-content-center bg-secondary rounded-circle mb-4 feature-icon-circle">
        <i class="bxl bx-shopify text-primary"></i>
      </div>
      <h3 class="h5 pb-1 mb-2">Shopify App</h3>
      <p class="fs-sm">Showcase shoppable galleries in product pages, homepages, and dedicated pages.</p>
    </div>
  </div>
</section>




<!-- Feature section (App) -->
<section class="container pb-5 mb-md-2 mb-lg-4 mb-xl-5 py-5 mt-5">
  <div class="row align-items-center pt-2 pb-3">

    <!-- Text -->
    <div class="col-md-6 col-xl-5 text-center text-md-start mb-5 mb-md-0">
      <h2 class="h1 pb-2 pb-lg-3">Turn Social Content Into a Sales Engine </h2>
      <p class="pb-2 mb-4 mb-lg-5">Embed Shoppable Instagram and TikTok posts directly into your store. Repurpose high-performing Shoppable UGC into galleries that convert.</p>
      <hr>
      <div class="d-flex flex-wrap flex-sm-nowrap justify-content-center justify-content-md-between pt-3">
        <img src="/media/nl_assets/img/general/icon-instagram.svg" width="48" class="d-block m-2 mx-md-0" alt="Instagram Logo">
        <img src="/media/nl_assets/img/general/icon-tiktok.svg" width="48" class="d-block m-2 mx-md-0" alt="TikTok Logo">
        <img src="/media/nl_assets/img/general/icon-pinterest.svg" width="48" class="d-block m-2 mx-md-0" alt="Pinterest Logo">
        <img src="/media/nl_assets/img/general/icon-facebook.svg" width="48" class="d-block m-2 mx-md-0" alt="Facebook Logo">
      </div>
    </div>

    <!-- Parallax gfx -->
    <div class="col-md-6 offset-xl-1">
      <div class="parallax ratio ratio-1x1 mx-auto" style="max-width: 550px;">
        <div class="parallax-layer position-absolute zindex-2" data-depth="-0.15">
          <img src="/media/nl_assets/img/general/ugc-influencers.webp" alt="UGC Influencers">
        </div>
        <div class="parallax-layer d-flex justify-content-center align-items-center position-absolute top-0 start-0 w-100 h-100" data-depth="0.1">
          <div class="rounded-circle bg-primary" style="width: 70%; height: 70%; opacity: .06;"></div>
        </div>
        <div class="parallax-layer d-flex justify-content-center align-items-center position-absolute top-0 start-0 w-100 h-100" data-depth="0.2">
          <div class="rounded-circle bg-primary" style="width: 55%; height: 55%; opacity: .06;"></div>
        </div>
        <div class="parallax-layer d-flex justify-content-center align-items-center position-absolute top-0 start-0 w-100 h-100 zindex-3" data-depth="0.4">
          <div class="d-flex justify-content-center align-items-center rounded-circle bg-primary" style="width: 93px; height: 93px; box-shadow: 0 .1875rem 1.875rem -.125rem rgba(99,102,241, .95); ">
            <span class="h5 text-light mb-0">↑ CTR</span>
          </div>
        </div>
        <div class="parallax-layer d-flex justify-content-center align-items-center position-absolute top-0 start-0 w-100 h-100" data-depth="0.3">
          <div class="rounded-circle bg-primary" style="width: 40%; height: 40%; opacity: .06;"></div>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- Feature section -->
<section class="container pt-2 pt-sm-4 pb-5 mb-md-2 mb-lg-4 mb-xl-5">
  <div class="row align-items-center mb-2 pb-sm-3 pb-md-4">

    <!-- Text -->
    <div class="col-md-5 col-lg-6 col-xl-5 offset-xl-1 order-md-2 text-center text-md-start mb-5 mb-md-0">
      <h2 class="h1 pb-2 pb-lg-3">Increase Trust and Conversions With Social Proof </h2>
      <p class="pb-2 mb-4 mb-xl-5">Showcase real customer photos and creator content as Shoppable Social Posts to increase “add to cart”.</p>
      <hr>
      <div class="d-flex justify-content-center justify-content-md-between pt-4 pt-lg-5">
        <div class="mx-3 mx-md-0">
          <div class="display-3 text-dark mb-1">161%</div>
          <span>Increase in conversions</span>
        </div>
        <div class="mx-3 mx-md-0">
          <div class="display-3 text-dark mb-1">4x</div>
          <span>Higher Click-Through Rate</span>
        </div>
      </div>
      
    </div>

    <!-- Parallax gfx -->
    <div class="col-md-7 col-lg-6 order-md-1">
      <div class="position-relative pt-5" style="max-width: 636px;">
        <img src="/media/nl_assets/img/general/increase-conversion-popup.webp" class="rellax position-absolute top-0 mt-n5" alt="Card" data-rellax-percentage="0.5" data-rellax-speed="1" data-disable-parallax-down="lg">
        <img src="/media/nl_assets/img/general/increase-conversion.webp" class="d-block rounded-3 mt-sm-4 mt-md-0 mt-lg-4" alt="Dashboard" style="box-shadow: 0 1.875rem 7.5rem -.625rem rgba(124,125,152, .2);">
      </div>
    </div>
  </div>
</section>


<!-- How it works -->
<section class="container bg-secondary py-5 px-5 rounded-5">
  <div class="text-center pb-4 pb-md-0 mb-2 mb-md-5 mx-auto" style="max-width: 530px;">
    <h2 class="h1 mt-4">How Does It Work?</h2>
    <p class="mb-0">Foursixty is built for speed. 
      Go live in as little as a few hours with branded, customizable Shoppable Galleries using our plug-and-play Shoppable App for Shopify and beyond.</p>
  </div>

  <!-- Steps -->
  <div class="steps steps-sm steps-horizontal-md steps-center pb-5 mb-md-2 mb-lg-3">
    <div class="step">
      <div class="step-number">
        <div class="step-number-inner">1</div>
      </div>
      <div class="step-body">
        <h3 class="h4 mb-3">Sign Up & Connect Feed</h3>
        <p class="mb-0">Quickly connect your socials and pull in your latest content</p>
      </div>
    </div>
    <div class="step">
      <div class="step-number">
        <div class="step-number-inner">2</div>
      </div>
      <div class="step-body">
        <h3 class="h4 mb-3">Tag & Curate Your Feed</h3>
        <p class="mb-0">Highlight the posts you want featured and make them shoppable</p>
      </div>
    </div>
    <div class="step">
      <div class="step-number">
        <div class="step-number-inner">3</div>
      </div>
      <div class="step-body">
        <h3 class="h4 mb-3">Install with little to no code</h3>
        <p class="mb-0">Drop it into your site in minutes—no dev required</p>
      </div>
    </div>
  </div>

</section>


<!-- Testimonials -->
<section class="container py-5 mb-2 mt-sm-2 my-md-4 my-lg-5">
  <div class="row pt-2 py-xl-3">
    <div class="col-lg-3 col-md-4">
      <h2 class="h1 text-center text-md-start mx-auto mx-md-0 pt-md-2" style="max-width: 400px;">What Our <br class="d-none d-md-inline">Customers Say:</h2>

      <!-- Slider controls (Prev / next buttons) -->
      <div class="d-flex justify-content-center justify-content-md-start pb-4 mb-2 pt-2 pt-md-4 mt-md-5">
        <button type="button" id="prev-testimonial" class="btn btn-prev btn-icon btn-sm me-2" aria-label="Previous">
          <i class="bx bx-chevron-left"></i>
        </button>
        <button type="button" id="next-testimonial" class="btn btn-next btn-icon btn-sm ms-2" aria-label="Next">
          <i class="bx bx-chevron-right"></i>
        </button>
      </div>
    </div>
    <div class="col-lg-9 col-md-8">
      <div class="swiper mx-n2" data-swiper-options='{
                  "slidesPerView": 1,
                  "spaceBetween": 8,
                  "loop": true,
                  "navigation": {
                  "prevEl": "#prev-testimonial",
                  "nextEl": "#next-testimonial"
                  },
                  "breakpoints": {
                  "500": {
                  "slidesPerView": 2
                  },
                  "1000": {
                  "slidesPerView": 2
                  },
                  "1200": {
                  "slidesPerView": 3
                  }
                  }
                  }'>
        <div class="swiper-wrapper">
          
          <!-- Item -->
          <div class="swiper-slide h-auto pt-4">
            <figure class="d-flex flex-column h-100 px-2 px-sm-0 mb-0 mx-2">
              <div class="card h-100 position-relative border-0 shadow-sm pt-4">
                <span class="btn btn-icon btn-primary shadow-primary pe-none position-absolute top-0 start-0 translate-middle-y ms-4">
                  <i class="bx bxs-quote-left"></i>
                </span>
                <blockquote class="card-body pb-3 mb-0">
                  <p class="mb-0">I highly recommend this platform for any brand. Just install it – you’ll be more than satisfied.</p>
                </blockquote>
                <div class="card-footer border-0 text-nowrap pt-0">
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                </div>
              </div>
              <figcaption class="d-flex align-items-center ps-4 pt-4">
                <img src="/media/nl_assets/img/avatar/avatar-pura-vida.jpg" width="48" class="rounded-circle" alt="Griffin Thall">
                <div class="ps-3">
                  <h6 class="fs-sm fw-semibold mb-0">Griffin Thall, Founder</h6>
                  <span class="fs-xs text-muted">Pura Vida Bracelets</span>
                </div>
              </figcaption>
            </figure>
          </div>
          
          <!-- Item -->
          <div class="swiper-slide h-auto pt-4">
            <figure class="d-flex flex-column h-100 px-2 px-sm-0 mb-0 mx-2">
              <div class="card h-100 position-relative border-0 shadow-sm pt-4">
                <span class="btn btn-icon btn-primary shadow-primary pe-none position-absolute top-0 start-0 translate-middle-y ms-4">
                  <i class="bx bxs-quote-left"></i>
                </span>
                <blockquote class="card-body pb-3 mb-0">
                  <p class="mb-0">Foursixty seamlessly integrates user-generated content, which has significantly boosted engagement and trust with our customers.</p>
                </blockquote>
                <div class="card-footer border-0 text-nowrap pt-0">
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                </div>
              </div>
              <figcaption class="d-flex align-items-center ps-4 pt-4">
                <img src="/media/nl_assets/img/avatar/avatar-lack-of-color.jpg" width="48" class="rounded-circle" alt="Lack of Color">
                <div class="ps-3">
                  <h6 class="fs-sm fw-semibold mb-0">Director of Ecommerce</h6>
                  <span class="fs-xs text-muted">Lack of Color</span>
                </div>
              </figcaption>
            </figure>
          </div>
          
          <!-- Item -->
          <div class="swiper-slide h-auto pt-4">
            <figure class="d-flex flex-column h-100 px-2 px-sm-0 mb-0 mx-2">
              <div class="card h-100 position-relative border-0 shadow-sm pt-4">
                <span class="btn btn-icon btn-primary shadow-primary pe-none position-absolute top-0 start-0 translate-middle-y ms-4">
                  <i class="bx bxs-quote-left"></i>
                </span>
                <blockquote class="card-body pb-3 mb-0">
                  <p class="mb-0">Foursixty have worked with us to secure the best social reel exposure providing an AMAZING experience to our customers!</p>
                </blockquote>
                <div class="card-footer border-0 text-nowrap pt-0">
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bx-star text-muted opacity-75"></i>
                </div>
              </div>
              <figcaption class="d-flex align-items-center ps-4 pt-4">
                <img src="/media/nl_assets/img/avatar/avatar-urban-planet.jpg" width="48" class="rounded-circle" alt="Urban Planet">
                <div class="ps-3">
                  <h6 class="fs-sm fw-semibold mb-0">Head of Online Retail</h6>
                  <span class="fs-xs text-muted">Urban Planet</span>
                </div>
              </figcaption>
            </figure>
          </div>
          
          <!-- Item -->
          <div class="swiper-slide h-auto pt-4">
            <figure class="d-flex flex-column h-100 px-2 px-sm-0 mb-0 mx-2">
              <div class="card h-100 position-relative border-0 shadow-sm pt-4">
                <span class="btn btn-icon btn-primary shadow-primary pe-none position-absolute top-0 start-0 translate-middle-y ms-4">
                  <i class="bx bxs-quote-left"></i>
                </span>
                <blockquote class="card-body pb-3 mb-0">
                  <p class="mb-0">We launched with great success and on time. We’ve never experienced better customer service, a true partner. Their product matches their service. It’s easy to use, customizable, and the Shopify App integration is top notch. We highly, highly recommend Foursixty.</p>
                </blockquote>
                <div class="card-footer border-0 text-nowrap pt-0">
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                  <i class="bx bxs-star text-warning"></i>
                </div>
              </div>
              <figcaption class="d-flex align-items-center ps-4 pt-4">
                <img src="/media/nl_assets/img/avatar/avatar-evereve.jpg" width="48" class="rounded-circle" alt="EVEREVE">
                <div class="ps-3">
                  <h6 class="fs-sm fw-semibold mb-0">Director of Ecommerce</h6>
                  <span class="fs-xs text-muted">EVEREVE</span>
                </div>
              </figcaption>
            </figure>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>




<section class="py-xl-8 py-lg-7 py-5" data-cue="fadeIn" data-show="true" style="animation-name: fadeIn; animation-duration: 600ms; animation-timing-function: ease; animation-delay: 0ms; animation-direction: normal; animation-fill-mode: both;">
  <!--Logo section start-->
  <div class="container">
    <div class="row mb-6">
      <div class="col-12 offset-xl-3 col-xl-6">
        <div class="text-center" data-cue="fadeIn" data-show="true" style="animation-name: fadeIn; animation-duration: 600ms; animation-timing-function: ease; animation-delay: 0ms; animation-direction: normal; animation-fill-mode: both;">
          <h2>Why eComm Teams Switch to Foursixty</h2>
          <p class="mb-5">
            See how
            <span class="text-primary fw-semibold">Foursixty</span>
            helps eComm brands go from static social feeds to high-converting galleries—without dev time.
          </p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-12">
        <!-- Mobile Version -->
        <div class="d-md-none" data-cue="zoomIn" data-show="true" style="animation-name: zoomIn; animation-duration: 600ms; animation-timing-function: ease; animation-delay: 0ms; animation-direction: normal; animation-fill-mode: both;">
          <div class="row">
            <div class="col-12">
              <div class="py-4">
                <h5 class="text-center mb-4 fw-bold">Social Feed Conversion</h5>
                <div class="row g-3">
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-success bg-opacity-10 rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                          <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">With Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">Fully shoppable galleries that increase revenue</p>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-light rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                          <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">Without Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">Static social feeds don't convert</p>
                    </div>
                  </div>
                </div>
              </div>
              <hr class="my-0" style="color: #e9ecef; opacity: 0.5;">
            </div>
            <div class="col-12">
              <div class="py-4">
                <h5 class="text-center mb-4 fw-bold">Performance Tracking</h5>
                <div class="row g-3">
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-success bg-opacity-10 rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                          <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">With Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">Built-in analytics and revenue attribution</p>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-light rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                          <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">Without Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">No performance tracking</p>
                    </div>
                  </div>
                </div>
              </div>
              <hr class="my-0" style="color: #e9ecef; opacity: 0.5;">
            </div>
            <div class="col-12">
              <div class="py-4">
                <h5 class="text-center mb-4 fw-bold">Development Time</h5>
                <div class="row g-3">
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-success bg-opacity-10 rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                          <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">With Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">Simple plug-and-play integration</p>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-light rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                          <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">Without Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">Dev time needed to update galleries</p>
                    </div>
                  </div>
                </div>
              </div>
              <hr class="my-0" style="color: #e9ecef; opacity: 0.5;">
            </div>
            <div class="col-12">
              <div class="py-4">
                <h5 class="text-center mb-4 fw-bold">Brand Consistency</h5>
                <div class="row g-3">
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-success bg-opacity-10 rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                          <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">With Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">Customizable galleries that match your brand</p>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-light rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                          <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">Without Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">Off-brand or clunky third-party tools</p>
                    </div>
                  </div>
                </div>
              </div>
              <hr class="my-0" style="color: #e9ecef; opacity: 0.5;">
            </div>
            <div class="col-12">
              <div class="py-4">
                <h5 class="text-center mb-4 fw-bold">Email Integration</h5>
                <div class="row g-3">
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-success bg-opacity-10 rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                          <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">With Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">Win-back/Abandon cart flows and more</p>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="text-center">
                      <div class="bg-light rounded p-3 mb-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                          <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                        </svg>
                      </div>
                      <small class="text-muted fw-semibold">Without Foursixty</small>
                      <p class="small text-dark mt-1 mb-0">No automated dynamic email galleries</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-12 text-center pt-4">
              <a href="#" class="btn btn-primary hubspot-meeting-trigger" data-bs-toggle="modal" data-bs-target="#bookConsultantModal">Book a Demo</a>
            </div>
          </div>
        </div>
        
        <!-- Desktop Version -->
        <div class="table-responsive d-none d-md-block" data-cue="zoomIn" data-show="true" style="animation-name: zoomIn; animation-duration: 600ms; animation-timing-function: ease; animation-delay: 0ms; animation-direction: normal; animation-fill-mode: both;">
          <table class="table table-lg table-centered">
            <tbody>
              <tr>
                <td class="d-none d-md-table-cell" style="width: 30%;"></td>
                <td class="bg-success bg-opacity-10 rounded-top-3 text-center py-4" style="width: 40%;">
                  <div class="d-md-flex align-items-center justify-content-center gap-3">
                    <p class="fs-5 text-dark fw-semibold mb-0 mt-1">With Foursixty</p>
                  </div>
                </td>
                <td class="text-center py-4 fs-5 fw-semibold" style="width: 30%;">Without Foursixty</td>
              </tr>
              <tr>
                <td class="text-dark fw-bold py-4">Social Feed Conversion</td>
                <td class="bg-success bg-opacity-10 py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                        <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                      </svg>
                    </span>
                    <span class="text-dark">Fully shoppable galleries that increase revenue</span>
                  </div>
                </td>
                <td class="py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                        <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                      </svg>
                    </span>
                    <span class="text-dark">Static social feeds don't convert</span>
                  </div>
                </td>
              </tr>
              <tr>
                <td class="text-dark fw-bold py-4">Performance Tracking</td>
                <td class="bg-success bg-opacity-10 py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                        <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                      </svg>
                    </span>
                    <span class="text-dark">Built-in analytics and revenue attribution</span>
                  </div>
                </td>
                <td class="py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                        <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                      </svg>
                    </span>
                    <span class="text-dark">No performance tracking</span>
                  </div>
                </td>
              </tr>
              <tr>
                <td class="text-dark fw-bold py-4">Development Time</td>
                <td class="bg-success bg-opacity-10 py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                        <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                      </svg>
                    </span>
                    <span class="text-dark">Simple plug-and-play integration</span>
                  </div>
                </td>
                <td class="py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                        <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                      </svg>
                    </span>
                    <span class="text-dark">Dev time needed to update galleries</span>
                  </div>
                </td>
              </tr>
              <tr>
                <td class="text-dark fw-bold py-4">Brand Consistency</td>
                <td class="bg-success bg-opacity-10 py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                        <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                      </svg>
                    </span>
                    <span class="text-dark">Customizable galleries that match your brand</span>
                  </div>
                </td>
                <td class="py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                        <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                      </svg>
                    </span>
                    <span class="text-dark">Off-brand or clunky third-party tools</span>
                  </div>
                </td>
              </tr>
              <tr>
                <td class="text-dark fw-bold py-4">Email Integration</td>
                <td class="bg-success bg-opacity-10 py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                        <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"></path>
                      </svg>
                    </span>
                    <span class="text-dark">Win-back/Abandon cart flows and more</span>
                  </div>
                </td>
                <td class="py-4 px-md-4">
                  <div class="d-flex gap-2 align-items-start">
                    <span class="flex-shrink-0">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                        <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"></path>
                      </svg>
                    </span>
                    <span class="text-dark">No automated dynamic email galleries</span>
                  </div>
                </td>
              </tr>
              <tr>
                <td class="py-4 border-bottom-0"></td>
                <td class="border-bottom-0 text-center py-4 bg-success bg-opacity-10 rounded-bottom-3">
                  <a href="#" class="btn btn-primary hubspot-meeting-trigger" data-bs-toggle="modal" data-bs-target="#bookConsultantModal">Book a Demo</a>
                </td>
                <td class="py-4 border-bottom-0"></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- Testimonials -->
<section class="container pb-5 mb-2 mb-lg-4 py-5" style="display:none;">
  <h2 class="h1">Brands Who Trust Us</h2>
  <p class="mb-5">
    <strong>From Social to Sale:</strong> See How Brands Boost On-Site Revenue With Shoppable UGC
  </p>
  <div class="row">
    <div class="col-md-4 d-none d-md-block">

      <!-- Swiper tabs (Author images) -->
      <div class="swiper-tabs">

        <!-- Author 1 image -->
        <div id="author-1" class="card bg-transparent border-0 swiper-tab active">
          <div class="card-body p-0 rounded-3 bg-size-cover bg-repeat-0 bg-position-top-center" style="background-image: url(assets/img/testimonials/01.jpg);"></div>
        </div>

        <!-- Author 2 image -->
        <div id="author-2" class="card bg-transparent border-0 swiper-tab">
          <div class="card-body p-0 rounded-3 bg-size-cover bg-repeat-0 bg-position-top-center" style="background-image: url(assets/img/testimonials/02.jpg);"></div>
        </div>

        <!-- Author 3 image -->
        <div id="author-3" class="card bg-transparent border-0 swiper-tab">
          <div class="card-body p-0 rounded-3 bg-size-cover bg-repeat-0 bg-position-top-center" style="background-image: url(assets/img/testimonials/03.jpg);"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- Slider Prev / Next buttons -->
  <div class="d-flex justify-content-center justify-content-md-start pt-3 mt-2 mt-md-3">
    <button type="button" id="prev" class="btn btn-prev btn-icon btn-sm me-2" aria-label="Previous">
      <i class="bx bx-chevron-left"></i>
    </button>
    <button type="button" id="next" class="btn btn-next btn-icon btn-sm ms-2" aria-label="Next">
      <i class="bx bx-chevron-right"></i>
    </button>
  </div>
</section>


<!-- Case studies -->
<section class="pt-1">
  <div class="container">
    <h2 class="h1 text-center text-md-start mb-lg-4">Case Studies</h2>
    <div class="row align-items-center pb-5">
      <div class="col-md-8 col-lg-7 col-xl-6 text-center text-md-start">
        <p class="fs-lg text-muted mb-md-0">From Social to Sale: See How Brands Boost On-Site Revenue With Shoppable UGC</p>
      </div>
      <div class="col-md-4 col-lg-5 col-xl-6 d-flex justify-content-center justify-content-md-end">
        <a href="/landing/case-studies/" class="btn btn-outline-primary btn-lg">See all case studies</a>
      </div>
    </div>
  </div>

  <div class="position-relative py-lg-4 py-xl-5">

    <!-- Swiper tabs -->
    <div class="swiper-tabs position-absolute top-0 start-0 w-100 h-100">
      <div id="image-1" class="jarallax position-absolute top-0 start-0 w-100 h-100 swiper-tab active" data-jarallax data-speed="0.4">
        <span class="position-absolute top-0 start-0 w-100 h-100 bg-dark opacity-35"></span>
        <div class="jarallax-img" style="background-image: url(/media/nl_assets/img/case-studies/case-study01.webp);"></div>
      </div>
      <div id="image-2" class="jarallax position-absolute top-0 start-0 w-100 h-100 swiper-tab" data-jarallax data-speed="0.4">
        <span class="position-absolute top-0 start-0 w-100 h-100 bg-dark opacity-35"></span>
        <div class="jarallax-img" style="background-image: url(/media/nl_assets/img/case-studies/case-study02.webp);"></div>
      </div>
      <div id="image-3" class="jarallax position-absolute top-0 start-0 w-100 h-100 swiper-tab" data-jarallax data-speed="0.4">
        <span class="position-absolute top-0 start-0 w-100 h-100 bg-dark opacity-35"></span>
        <div class="jarallax-img" style="background-image: url(/media/nl_assets/img/case-studies/case-study03.webp);"></div>
      </div>
    </div>

    <!-- Swiper slider -->
    <div class="container position-relative zindex-5 py-5">
      <div class="row py-2 py-md-3">
        <div class="col-xl-5 col-lg-7 col-md-9">

          <!-- Slider controls (Prev / next) -->
          <div class="d-flex justify-content-center justify-content-md-start pb-3 mb-3">
            <button type="button" id="case-study-prev" class="btn btn-prev btn-icon btn-sm bg-body me-2" aria-label="Previous">
              <i class="bx bx-chevron-left"></i>
            </button>
            <button type="button" id="case-study-next" class="btn btn-next btn-icon btn-sm bg-body ms-2" aria-label="Next">
              <i class="bx bx-chevron-right"></i>
            </button>
          </div>

          <!-- Card -->
          <div class="card bg-body shadow-sm p-3">
            <div class="card-body">
              <div class="swiper" data-swiper-options='{
                          "spaceBetween": 30,
                          "loop": true,
                          "tabs": true,
                          "pagination": {
                          "el": "#case-study-pagination",
                          "clickable": true
                          },
                          "navigation": {
                          "prevEl": "#case-study-prev",
                          "nextEl": "#case-study-next"
                          }
                          }'>
                <div class="swiper-wrapper">

                  <!-- Item -->
                  <div class="swiper-slide" data-swiper-tab="#image-1">
                    <img src="/media/nl_assets/img/case-studies/case-study-logo01.webp" class="d-block mb-3" width="100" alt="Frankies Bikinis">
                    <h3 class="mb-2">Frankies Bikinis Case Study</h3>
                    <p class="fs-sm text-muted border-bottom pb-3 mb-3">Fashion &amp; Apparel</p>
                    <p class="pb-2 pb-lg-3 mb-3">Frankies Bikinis, a leader in swimwear and Instagram marketing, has used Foursixty for years to power Shoppable Instagram content across their site. Founder Francesca Aiello placed top-performing UGC in key locations to boost performance. The results: <strong>19% of total orders</strong> and <strong>over 23% of online revenue</strong> driven by Foursixty.</p>

                    <a href="/media/nl_assets/pdf/case-study-foursixty-frankies.pdf" target="_blank" class="btn btn-primary">View case study</a>
                  </div>

                  <!-- Item -->
                  <div class="swiper-slide" data-swiper-tab="#image-2">
                    <img src="/media/nl_assets/img/case-studies/case-study-logo02.webp" class="d-block mb-3" width="100" alt="Pura Vida">
                    <h3 class="mb-2">Pura Vida Case Study</h3>
                    <p class="fs-sm text-muted border-bottom pb-3 mb-3">Jewelry &amp; Accessories</p>
                    <p class="pb-2 pb-lg-3 mb-3">Though their Instagram channel is a major driver of engagement and purchase desire, Pura Vida had no real way of measuring whether any of their Instagram engagement was translating into sales. Pura Vida needed a solution that not only provided their followers with a direct path to purchase from Instagram, but also <strong>enabled them to display shoppable galleries, featuring both brand and user generated content across their site.</strong></p>
                    <a href="/media/nl_assets/pdf/case-study-foursixty-pura-vida.pdf" target="_blank" class="btn btn-primary">View case study</a>
                  </div>

                  <!-- Item -->
                  <div class="swiper-slide" data-swiper-tab="#image-3">
                    <img src="/media/nl_assets/img/case-studies/case-study-logo03.webp" class="d-block mb-3" width="100" alt="MICHI">
                    <h3 class="mb-2">MICHI Case Study</h3>
                    <p class="fs-sm text-muted border-bottom pb-3 mb-3">Women's Fashion</p>
                    <p class="pb-2 pb-lg-3 mb-3">MICHI wanted to use shoppable Instagram and user generated content that mirrored their focus on innovation. After approaching Foursixty, we were able to help them implement one of the most advanced Foursixty integrations in half a day. <strong>Within the first 30 days, Foursixty had generated MICHI a 51x ROI</strong> - a massive increase relative to the competing platform they had previously used.</p>
                    <a href="/media/nl_assets/pdf/case-study-foursixty-michi.pdf" target="_blank" class="btn btn-primary">View case study</a>
                  </div>
                </div>
                
              </div>
            </div>
          </div>

          <!-- Pagination (bullets) -->
          <div class="pt-4 mt-3" data-bs-theme="dark">
            <div id="case-study-pagination" class="swiper-pagination position-relative bottom-0"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- FAQ -->
<section class="bg-secondary py-5">
  <div class="container my-2 py-md-2 py-lg-5">
    <div class="row">
      <div class="col-xl-4 col-md-5 text-center text-md-start pb-2 pb-md-0 mb-4 mb-md-0">
        <h2 class="pb-3 mb-1 mb-lg-2">Any questions? <br class="d-none d-md-inline">Check out the FAQs</h2>
        <p class="fs-lg pb-3 mb-2 mb-lg-3">Still have unanswered questions or want a personalized product tour?</p>
        <a href="#" class="btn btn-primary hubspot-meeting-trigger">Book A Demo</a>
        <br class="d-block d-md-none">
        <span class="mt-2 mt-md-0 d-block d-md-inline">
          &nbsp; or <a href="/landing/contact/" class="nav-link d-inline-block p-0 fw-bold link-color">get in touch</a>
        </span>
      </div>
      <div class="col-md-7 offset-xl-1">
        <div class="accordion" id="faq">
          <div class="accordion-item border-0 rounded-3 shadow-sm mb-3">
            <h2 class="accordion-header" id="q1-heading">
              <button class="accordion-button shadow-none rounded-3" type="button" data-bs-toggle="collapse" data-bs-target="#q1" aria-expanded="true" aria-controls="q1">
                What does Foursixty do?
              </button>
            </h2>
            <div id="q1" class="accordion-collapse collapse show" aria-labelledby="q1-heading" data-bs-parent="#faq">
              <div class="accordion-body fs-sm pt-0">
                <p class="mb-0">Foursixty helps eCommerce brands turn user-generated content (UGC) into revenue with Shoppable Galleries, Shoppable Instagram posts, and TikTok integrations. Our platform makes it easy to embed Shoppable Social Content across your site transforming your Instagram and TikTok feeds into fully shoppable experiences that drive conversions.</p>
              </div>
            </div>
          </div>
          <div class="accordion-item border-0 rounded-3 shadow-sm mb-3">
            <h2 class="accordion-header" id="q2-heading">
              <button class="accordion-button shadow-none rounded-3 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#q2" aria-expanded="false" aria-controls="q2">
                Who uses Foursixty?
              </button>
            </h2>
            <div id="q2" class="accordion-collapse collapse" aria-labelledby="q2-heading" data-bs-parent="#faq">
              <div class="accordion-body fs-sm pt-0">
                <p class="mb-0">Foursixty is trusted by over 2,000 eCommerce brands: from fast-growing DTC companies to global fashion and beauty leaders. Our users include eCommerce managers, VPs, and marketing teams looking to turn their Instagram and TikTok content into high-performing Shoppable UGC that drives real sales.</p>
              </div>
            </div>
          </div>
          <div class="accordion-item border-0 rounded-3 shadow-sm mb-3">
            <h2 class="accordion-header" id="q3-heading">
              <button class="accordion-button shadow-none rounded-3 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#q3" aria-expanded="false" aria-controls="q3">
                What type of pricing plans does Foursixty offer?
              </button>
            </h2>
            <div id="q3" class="accordion-collapse collapse" aria-labelledby="q3-heading" data-bs-parent="#faq">
              <div class="accordion-body fs-sm pt-0">
                <p class="mb-0">Foursixty offers flexible pricing plans designed to scale with your business. Whether you're just starting with Shoppable UGC or managing a large catalog of influencer and creator content, our plans include key features like Shoppable Galleries, advanced analytics, and platform integrations. <a href="/landing/contact/" class="d-inline-block p-0 fw-bold link-color">Contact us</a> to create a plan tailored to your growth stage.</p>
              </div>
            </div>
          </div>
          <div class="accordion-item border-0 rounded-3 shadow-sm mb-3">
            <h2 class="accordion-header" id="q4-heading">
              <button class="accordion-button shadow-none rounded-3 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#q4" aria-expanded="false" aria-controls="q4">
                What integrations are available?
              </button>
            </h2>
            <div id="q4" class="accordion-collapse collapse" aria-labelledby="q4-heading" data-bs-parent="#faq">
              <div class="accordion-body fs-sm pt-0">
                <p class="mb-0">Foursixty integrates seamlessly with Shopify, Shopify Plus, BigCommerce, and other major eCommerce platforms. You can also connect your Instagram and TikTok account, enabling direct publishing of Shoppable Social Content and real-time syncing with your product catalog.</p>
              </div>
            </div>
          </div>
          <div class="accordion-item border-0 rounded-3 shadow-sm mb-3">
            <h2 class="accordion-header" id="q5-heading">
              <button class="accordion-button shadow-none rounded-3 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#q5" aria-expanded="false" aria-controls="q5">
                Does Foursixty integrate with Shopify?
              </button>
            </h2>
            <div id="q5" class="accordion-collapse collapse" aria-labelledby="q5-heading" data-bs-parent="#faq">
              <div class="accordion-body fs-sm pt-0">
                <p class="mb-0">Absolutely. Foursixty is a Shopify Certified App Partner, built to integrate directly with your Shopify store. You can launch Shoppable Instagram and UGC galleries in minutes, automate product tagging, and track sales tied to each piece of content, no dev time required.</p>
              </div>
            </div>
          </div>
          <div class="accordion-item border-0 rounded-3 shadow-sm">
            <h2 class="accordion-header" id="q6-heading">
              <button class="accordion-button shadow-none rounded-3 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#q6" aria-expanded="false" aria-controls="q6">
                How can Foursixty help increase my online store's sales?
              </button>
            </h2>
            <div id="q6" class="accordion-collapse collapse" aria-labelledby="q6-heading" data-bs-parent="#faq">
              <div class="accordion-body fs-sm pt-0">
                <p class="mb-0">By embedding Shoppable UGC and Social Galleries across your homepage, PDPs, and landing pages, Foursixty keeps shoppers engaged and builds trust at the moment of purchase. Our customers regularly see higher conversion rates, lower bounce rates, and increased revenue from their social content.</p>
              </div>
            </div>
          </div>
        </div>  
      </div>
    </div>
  </div>
</section>


      
      
      <!-- Integrations -->
      <section class="container pt-5 my-md-2 my-lg-4 my-xl-5">
        <div class="row justify-content-center pt-1 pb-1 mb-2 mb-md-3 mb-lg-4">
          <div class="col-lg-8 col-md-9 text-center">
            <h2 class="h1 mb-4">Built to Work Anywhere</h2>
            <p class="fs-lg text-muted mb-0">Foursixty integrates with all major platforms and custom websites. No complicated setup. Just copy, paste, and go.</p>
          </div>
        </div>
        <div class="swiper swiper-nav-onhover mx-n2" data-swiper-options='{
    "slidesPerView": 3,
    "spaceBetween": 8,
    "pagination": {
      "el": ".swiper-pagination",
      "clickable": true
    },
    "breakpoints": {
      "500": {
        "slidesPerView": 3
      },
      "600": {
        "slidesPerView": 4
      },
      "768": {
        "slidesPerView": 5
      },
      "850": {
        "slidesPerView": 6
      },
      "1000": {
        "slidesPerView": 7
      },
      "1200": {
        "slidesPerView": 8
      }
    }
  }'>
          <div class="swiper-wrapper">

            <!-- Item -->
            <div class="swiper-slide py-3">
              <div class="py-3 mx-2">
                <div class="card-body">
                  <img src="/media/nl_assets/img/brands/icon-shopify.svg" class="d-block mx-auto" alt="Shopify">
                </div>
              </div>
            </div>

            <!-- Item -->
            <div class="swiper-slide py-3">
              <div class="py-3 mx-2">
                <div class="card-body">
                  <img src="/media/nl_assets/img/brands/icon-bigcommerce.svg" class="d-block mx-auto" alt="BigCommerce">
                </div>
              </div>
            </div>

            <!-- Item -->
            <div class="swiper-slide py-3">
              <div class="py-3 mx-2">
                <div class="card-body">
                  <img src="/media/nl_assets/img/brands/icon-woocommerce.svg" class="d-block mx-auto" alt="WooCommerce">
                </div>
              </div>
            </div>

            <!-- Item -->
            <div class="swiper-slide py-3">
              <div class="py-3 mx-2">
                <div class="card-body">
                  <img src="/media/nl_assets/img/brands/icon-klaviyo.svg" class="d-block mx-auto" alt="Klaviyo">
                </div>
              </div>
            </div>

            <!-- Item -->
            <div class="swiper-slide py-3">
              <div class="py-3 mx-2">
                <div class="card-body">
                  <img src="/media/nl_assets/img/brands/icon-squarespace.svg" class="d-block mx-auto" alt="Squarespace">
                </div>
              </div>
            </div>

            <!-- Item -->
            <div class="swiper-slide py-3">
              <div class="py-3 mx-2">
                <div class="card-body">
                  <img src="/media/nl_assets/img/brands/icon-wordpress.svg" class="d-block mx-auto" alt="Wordpress">
                </div>
              </div>
            </div>

            <!-- Item -->
            <div class="swiper-slide py-3">
              <div class="py-3 mx-2">
                <div class="card-body">
                  <img src="/media/nl_assets/img/brands/icon-magento.svg" class="d-block mx-auto" alt="Magento">
                </div>
              </div>
            </div>

            <!-- Item -->
            <div class="swiper-slide py-3">
              <div class="py-3 mx-2">
                <div class="card-body">
                  <img src="/media/nl_assets/img/brands/icon-wix.svg" class="d-block mx-auto" alt="Wix">
                </div>
              </div>
            </div>
          </div>

          <!-- Pagination (bullets) -->
          <div class="swiper-pagination position-relative pt-3 mt-4"></div>
        </div>
      </section>


      <!-- Sign up CTA -->
      <section class="container">
        <div class="bg-dark border border-light rounded-3 py-5 px-4 px-sm-0 mt-5">
          <div class="row justify-content-center py-sm-2 py-lg-5">
            <div class="col-xl-7 col-lg-7 col-md-8 col-sm-10 text-center">
              
              <h2 class="h1 text-light mb-4">Ready to turn browsers into buyers?</h2>
              <p class="fs-lg text-light opacity-70 pb-4 mb-3">Start converting your social content into revenue today</p>
              
              <a href="/landing/contact/" class="btn btn-primary hubspot-meeting-trigger">Book a demo</a>
              <br class="d-block d-md-none">
              <span class="mt-2 mt-md-0 d-block d-md-inline">
                &nbsp; <span class="text-light">or</span>  &nbsp; <a href="/dashboard/register" class="nav-link d-inline-block p-0 fw-bold link-color"> Start a 14-Day Free Trial</a>
              </span>
            </div>
          </div>
        </div>
      </section>
      
    </main>
    <!-- Footer -->
    <footer class="footer pt-5 pb-4">
      <div class="container pt-1 pt-md-3 pt-lg-4 pt-xl-5">
        <div class="row">
          <div class="col-lg-5 col-xl-4 mb-4 mb-md-5 mb-lg-0">
            <div class="d-flex align-items-center pb-3 mb-1">
              <div class="navbar-brand text-dark p-0 pe-1 me-0">
                <img src="/media/nl_assets/img/general/logo-foursixty.svg" width="147" alt="Foursixty">
              </div>
            </div>
            <p class="text-body fs-sm pb-1 pb-md-2 pb-lg-3 mb-3">Shoppable Instagram & TikTok Galleries That Convert</p>
            <img src="/media/nl_assets/img/brands/shopify-partners.svg" class="pe-3 mb-3 mb-sm-1" alt="Shopify Partners">
            <img src="/media/nl_assets/img/brands/meta-business-partners.svg" width="200" alt="Meta Business Partners">
          </div>
          <div class="col-lg-7 offset-xl-1">
            <div id="footer-links" class="row">
              <div class="col-md-4">
                <h6 class="fs-lg mb-1 mb-md-3">
                  <span class="d-none d-md-block">Features</span>
                  <a href="#features" class="d-block text-dark dropdown-toggle d-md-none py-2" data-bs-toggle="collapse">Features</a>
                </h6>
                <div id="features" class="collapse d-md-block" data-bs-parent="#footer-links">
                  <ul class="nav flex-column">
                    <li class="nav-item mb-1">
                      <a href="/landing/features/galleries/" class="nav-link fs-sm fw-medium px-0 py-1">Shoppable Galleries</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/features/instagram/" class="nav-link fs-sm fw-medium px-0 py-1">Instagram</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/features/ugc/" class="nav-link fs-sm fw-medium px-0 py-1">UGC</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/features/tiktok/" class="nav-link fs-sm fw-medium px-0 py-1">TikTok</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/features/email/" class="nav-link fs-sm fw-medium px-0 py-1">Email Campaigns</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/features/ambassador_shop/" class="nav-link fs-sm fw-medium px-0 py-1">Ambassador Shops</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/features/shoppable-social/" class="nav-link fs-sm fw-medium px-0 py-1">Shoppable Social</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/features/okendo/" class="nav-link fs-sm fw-medium px-0 py-1">Reviews by Okendo</a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="col-md-4">
                <h6 class="fs-lg mb-1 mb-md-3">
                  <span class="d-none d-md-block">Company</span>
                  <a href="#company" class="d-block text-dark dropdown-toggle d-md-none py-2" data-bs-toggle="collapse">Company</a>
                </h6>
                <div id="company" class="collapse d-md-block" data-bs-parent="#footer-links">
                  <ul class="nav flex-column">
                    <li class="nav-item mb-1">
                      <a href="/landing/about/" class="nav-link fs-sm fw-medium px-0 py-1">About</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/features/partner-program/" class="nav-link fs-sm fw-medium px-0 py-1">Partners</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="https://foursixty.bamboohr.com/careers" class="nav-link fs-sm fw-medium px-0 py-1">Careers</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/460/pricing" class="nav-link fs-sm fw-medium px-0 py-1">Pricing</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/contact/" class="nav-link fs-sm fw-medium px-0 py-1">Contact</a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="col-md-4">
                <h6 class="fs-lg mb-1 mb-md-3">
                  <span class="d-none d-md-block">Resources</span>
                  <a href="#resources" class="d-block text-dark dropdown-toggle d-md-none py-2" data-bs-toggle="collapse">Resources</a>
                </h6>
                <div id="resources" class="collapse d-md-block" data-bs-parent="#footer-links">
                  <ul class="nav flex-column">
                    <li class="nav-item mb-1">
                      <a href="https://foursixty.com/blog/" class="nav-link fs-sm fw-medium px-0 py-1">Blog</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="/landing/case-studies/" class="nav-link fs-sm fw-medium px-0 py-1">Case Studies</a>
                    </li>
                    <li class="nav-item mb-1">
                      <a href="https://support.foursixty.com/knowledge" class="nav-link fs-sm fw-medium px-0 py-1">Help Center</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="d-md-flex align-items-center justify-content-between pt-sm-2 pt-md-4 pt-lg-5 pb-2 mt-4">
          <ul class="nav order-md-2 ms-n3 ms-md-0 mb-3 mb-md-0">
            <li class="nav-item">
              <a href="/460/terms_conditions" class="nav-link fs-sm fw-medium">Terms and conditions</a>
            </li>
            <li class="nav-item">
              <a href="/460/privacy" class="nav-link fs-sm fw-medium">Privacy policy</a>
            </li>
          </ul>
          <p class="nav d-block fs-sm mb-0 order-md-1">
            <strong>Foursixty &copy; 2025.</strong> All rights reserved.
          </p>
        </div>
      </div>
    </footer>

    <aside>
    <!-- Back to top button -->
    <a href="#top" class="btn-scroll-top" aria-label="Back to Top" data-scroll>
      <span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span>
      <i class="btn-scroll-top-icon bx bx-chevron-up"></i>
    </a>
    </aside>


    <!-- Vendor Scripts -->
    <script src="/media/nl_assets/vendor/parallax-js/dist/parallax.min.js"></script>
    <script src="/media/nl_assets/vendor/jarallax/dist/jarallax.min.js"></script>
    <script src="/media/nl_assets/vendor/rellax/rellax.min.js"></script>
    <script src="/media/nl_assets/vendor/swiper/swiper-bundle.min.js"></script>
    
    <!-- Main Theme Script -->
    <script src="/media/nl_assets/js/theme.min.js"></script>

    <!-- Custom Script -->
    <script src="/media/nl_assets/js/custom.js"></script>
    <script type="text/javascript">
  /* <![CDATA[ */
  var google_conversion_id = 961679113;
  var google_custom_params = window.google_tag_params;
  var google_remarketing_only = true;
  /* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
  <div style="display:inline;">
    <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/961679113/?guid=ON&amp;script=0"/>
  </div>
</noscript>

    
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/6692350.js"></script>


  </body>
  <script type="text/javascript">
    const offerBanner = document.getElementById("specialOffer")
    const navigationMenu = document.getElementById("navigationMenu")
    const wrapper = document.querySelector('main.page-wrapper')
    if (offerBanner !== null) { 
      const resizeObserver = new ResizeObserver((entries) => {
        for (const entry of entries) {
          console.log(navigationMenu, wrapper)
          navigationMenu.style.setProperty('padding-top', `calc(2rem + ${entry.contentRect.height}px)`, 'important')
          wrapper.style.setProperty('padding-top', `${entry.contentRect.height}px`)
        }
      })
      resizeObserver.observe(offerBanner)
    };
  </script>
  <script type="text/javascript">
    function setCookie(name, value, days){
      var date = new Date();
      date.setTime(date.getTime() + (days*24*60*60*1000)); 
      var expires = "; expires=" + date.toGMTString();
      document.cookie = name + "=" + value + expires;
    }
    function getParam(p){
      var match = RegExp('[?&]' + p + '=([^&]*)').exec(window.location.search);
      return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
    }
    var gclid = getParam('gclid');
    if(gclid){
      var gclsrc = getParam('gclsrc');
      if(!gclsrc || gclsrc.indexOf('aw') !== -1){
        setCookie('gclid', gclid, 90);
      }
    }
  </script>
  <script type="text/javascript"> _linkedin_partner_id = "1243418"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1243418&fmt=gif" /> </noscript>
</html>
