open-consul/website/source/index.html.erb

---
description: |-
  Consul is a service networking solution to connect and secure services across
  any runtime platform and public or private cloud
---

<div class='consul-connect'>
  <section id='home-hero'>
    <div class='g-container'>
      <div>
        <div>
          <div>
            <h1 class='g-type-display-1'>Secure Service Networking</h1>
            <p  class='g-type-body-large'>Consul is a service networking solution to connect and secure services across any runtime platform and public or private cloud</p>
            <a href='/downloads.html' class='button download'>
              <svg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'>
                <path d='M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z'/>
              </svg>
              Download
            </a>
            <a href='https://learn.hashicorp.com/consul/getting-started/install' class='button secondary'>Get Started</a>
            <div>
              <a href='https://demo.consul.io/' class='secondary-link g-type-buttons-and-standalone-links'>View demo of web UI</a>
            </div>
          </div>
        </div>
        <div>
          <div class='controls'>
            <div data-index='0'>
              <span class='g-type-buttons-and-standalone-links'>CLI</span>
              <div class='progress-bar'><span></span></div>
            </div>
            <div data-index='1'>
              <span class='g-type-buttons-and-standalone-links'>UI</span>
              <div class='progress-bar'><span></span></div>
            </div>
          </div>
          <div class='videos'>
            <div>
              <div class='bar-buttons'>
                <span></span>
                <span></span>
                <span></span>
              </div>
              <div class='padded'>
                <video muted='muted'>
                  <source src='//consul-static-asssets.global.ssl.fastly.net/videos/v1/connect-video-cli.mp4' type='video/mp4'>
                </video>
              </div>
            </div>
            <div>
              <div class='bar-buttons'>
                <span></span>
                <span></span>
                <span></span>
              </div>
              <video muted='muted'>
                <source src='//consul-static-asssets.global.ssl.fastly.net/videos/v1/connect-video-ui.mp4' type='video/mp4'>
              </video>
              <div class='overlay'></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id='use-cases' class='g-section bg-light'>
    <div class='g-container'>
      <div class='intro'>
        <h2>What can you do with Consul?</h2>
        <p>Consul is a service networking tool that allows you to discover services and secure network traffic.</p>
      </div>
      <div class='g-use-cases'>
        <div>
          <div>
            <img src='/assets/images/consul-jtbd/connect.png' alt='Connect services'>
            <h3>Secure Service Communication</h3>
            <p>Secure and observe communication between your services without modifying their code.</p>
          </div>
          <div>
            <a href='https://learn.hashicorp.com/consul/getting-started/connect?utm_source=consul.io&utm_medium=home-page&utm_content=jtbd&utm_term=connect' class='g-btn'>Learn more</a>
          </div>
        </div>
        <div>
          <div>
            <img src='/assets/images/consul-jtbd/upgrade.png' alt='Upgrade services'>
            <h3>Zero Downtime Deployments</h3>
            <p>Use traffic splitting to upgrade services with canary, rolling, and blue/green methods. </p>
          </div>
           <div>
            <a href='https://learn.hashicorp.com/consul/developer-mesh/consul-splitting?utm_source=consul.io&utm_medium=home-page&utm_content=jtbd&utm_term=splitting' class='g-btn'>Learn more</a>
          </div>
        </div>
        <div>
          <div>
            <img src='/assets/images/consul-jtbd/load-balance.png' alt='Load balance services'>
            <h3>Dynamic Load Balancing</h3>
            <p>Automate load balancer configuration with Consul and HAProxy, Nginx, or F5.</p>
          </div>
          <div>
            <a href='https://learn.hashicorp.com/consul/integrations/nginx-consul-template?utm_source=consul.io&utm_medium=home-page&utm_content=jtbd&utm_term=lb' class='g-btn'>Learn more</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id='static-dynamic' class='g-section'>
    <div class='g-container'>
      <div class='intro'>
        <h2>Service-based networking for dynamic infrastructure</h2>
        <p>The shift from static infrastructure to dynamic
          infrastructure changes the approach to networking from host-based to
          service-based. Connectivity moves from the use of static IPs to
          dynamic service discovery, and security moves from static firewalls to
          service identity.</p>
      </div>
      <div class='g-timeline'>
        <div>
          <span class='line'></span>
          <span class='line'>
            <svg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15'>
                <path fill='#CA2171' d='M0 0v15l5.499-3.751L11 7.5 5.499 3.749.002 0z'/>
            </svg>
          </span>
          <span class='dot'></span>
          <h3>Static</h3>
          <span class='sub-heading'>Host-based networking</span>
          <img src='/assets/images/consul-connect/svgs/static.svg' alt='static, host-based networking' class='static-callout' />
        </div>
        <div>
          <span class='dot'></span>
          <h3>Dynamic</h3>
          <span class='sub-heading'>Service-based networking</span>
          <div id='index-dynamic-animation'>
            <%= inline_svg 'consul-connect/svgs/dynamic.svg' %>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class='g-section bg-light border-top'>
    <div class='g-container'>
      <div class='g-text-asset'>
        <div>
          <div>
            <h3 class='g-type-display-3'>Extend and Integrate</h3>
            <p class='g-type-body'>
              Provision clusters on any infrastructure, connect to services over TLS via proxy integrations, and Serve TLS certificates with pluggable Certificate Authorities.
            </p>
          </div>
        </div>
        <div>
          <picture>
            <source type='image/webp' srcset='
              /assets/images/consul-connect/grid_2/grid_2_300.webp 300w,
              /assets/images/consul-connect/grid_2/grid_2_704.webp 704w,
              /assets/images/consul-connect/grid_2/grid_2_1256.webp 1256w' />
             <source type='image/png' srcset='
              /assets/images/consul-connect/grid_2/grid_2_300.png 300w,
              /assets/images/consul-connect/grid_2/grid_2_704.png 704w,
              /assets/images/consul-connect/grid_2/grid_2_1256.png 1256w' />
              <img src='/assets/images/consul-connect/grid_2/grid_2_1256.png' alt='Extend and Integrate'>
          </picture>
        </div>
      </div>
    </div>
  </section>

  <section class='g-section'>
    <div class='g-container'>
      <div class='intro'>
        <h2 class="g-type-display-3">Companies that trust Consul</h2>
      </div>
      <div class='g-logo-grid'>
        <div>
          <img src='/assets/images/consul-connect/logos/logo_sap-ariba_space.svg' alt='SAP Ariba'>
        </div>
        <div>
          <img src='/assets/images/consul-connect/logos/logo_citadel_space.svg' alt='Citadel'>
        </div>
        <div>
          <img src='/assets/images/consul-connect/logos/logo_barclays_space.svg' alt='Barclays'>
        </div>
        <div>
          <img src='/assets/images/consul-connect/logos/logo_itv_space.svg' alt='itv'>
        </div>
        <div>
          <img src='/assets/images/consul-connect/logos/logo_spaceflight-industries_space.svg' alt='Spaceflight Industries'>
        </div>
        <div>
          <img src='/assets/images/consul-connect/logos/logo_lotto-nz_space.svg' alt='MyLotto'>
        </div>
      </div>
    </div>
  </section>

  <section class='home-cta-section'>
    <div>
      <div>
        <div>
          <%= inline_svg 'consul-connect/logos/consul-logo.svg' %>
        </div>
        <p class="g-type-body">Consul Open Source addresses the technical complexity of connecting services across distributed infrastructure.</p>
        <div>
          <a href='/downloads.html' class='button white download'>
            <svg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'>
              <path d='M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z'/>
            </svg>
            Download
          </a>
        </div>
      </div>
    </div>
    <div>
      <div>
        <div>
          <%= inline_svg 'consul-connect/logos/consul-enterprise-logo.svg' %>
        </div>
        <p class="g-type-body">Consul Enterprise addresses the organizational complexity of large user bases and compliance requirements with collaboration and governance features.</p>
        <div>
          <a href='https://www.hashicorp.com/products/consul' class='button secondary white'>Learn More</a>
        </div>
      </div>
    </div>
  </section>

</div>