{% extends "internet-of-things/base_things.html" %}

{% block title %}Building the future{% endblock %}

{% block meta_description %}
  Smart City solutions are bringing innovation and automation to urban areas globally. Regardless of the Smart City solution you are building, ensure you have the tools in place to guarantee a secure software environment. Ubuntu Core was built with security in mind, designed for IoT, providing enhanced security features and unmatched reliability.
{% endblock meta_description %}

{% block meta_image %}
  https://assets.ubuntu.com/v1/c75046c4-Smart+City.svg
{% endblock meta_image %}

{% block meta_copydoc %}
  https://docs.google.com/document/d/1Zh-IkLDnaqmPr4TTeUZ3mtyY2_OGW4iElfntYWZyveY/edit#
{% endblock meta_copydoc %}

{% from "_macros/vf_hero.jinja" import vf_hero %}

{% block body_class %}
  is-paper
{% endblock body_class %}

{% block content %}

  {% call(slot) vf_hero(
    title_text='Build the future with smart cities',
    subtitle_text='Enhance transport, utilities<br /> and infrastructure with IoT',
    layout='50/50-full-width-image'
    ) -%}
    {%- if slot == 'cta' -%}
      <a href="/internet-of-things/contact-us"
         aria-label="Contact us for smart city solutions"
         class="p-button--positive js-invoke-modal">Contact Canonical</a>
    {%- endif -%}
    {%- if slot == 'image' -%}
      <div class="p-image-container--cinematic is-cover is-highlighted">
        {{ image(url="https://assets.ubuntu.com/v1/031dd74a-smart-city-hero.png",
                alt="",
                width="3696",
                height="1541",
                hi_def=True,
                loading="auto|lazy",
                attrs={"class": "p-image-container__image"}) | safe
        }}
      </div>
    {% endif -%}
  {% endcall -%}

  <section class="p-section">
    <div class="row">
      <hr class="p-rule" />
      <h2 class="p-heading--5 p-text--small-caps">TRUSTED BY LEADING SERVICE PROVIDERS, GLOBALLY</h2>

      <div class="p-logo-section">
        <div class="p-logo-section__items">
          <div class="p-logo-section__item">
            {{ image(url="https://assets.ubuntu.com/v1/842fd2e2-bosch-logo.png",
                        alt="BOSCH",
                        width="112",
                        height="104",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-logo-section__logo"}) | safe
            }}
          </div>
          <div class="p-logo-section__item">
            {{ image(url="https://assets.ubuntu.com/v1/9fb5ca86-scania-logo-light.png",
                        alt="SCANIA",
                        width="141",
                        height="104",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-logo-section__logo"}) | safe
            }}
          </div>
          <div class="p-logo-section__item">
            {{ image(url="https://assets.ubuntu.com/v1/bbeab93e-Rigado-logo.png",
                        alt="RIGADO",
                        width="119",
                        height="104",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-logo-section__logo"}) | safe
            }}
          </div>
          <div class="p-logo-section__item">
            {{ image(url="https://assets.ubuntu.com/v1/51b570f1-toyota-logo.png",
                        alt="TOYOTA",
                        width="143",
                        height="104",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-logo-section__logo"}) | safe
            }}
          </div>
          <div class="p-logo-section__item">
            {{ image(url="https://assets.ubuntu.com/v1/4f793aea-AT&T-Logo.png",
                        alt="AT&T",
                        width="96",
                        height="104",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-logo-section__logo"}) | safe
            }}
          </div>
          <div class="p-logo-section__item">
            {{ image(url="https://assets.ubuntu.com/v1/dd0a7937-aci-logo.png",
                        alt="ACI",
                        width="103",
                        height="104",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-logo-section__logo"}) | safe
            }}
          </div>
          <div class="p-logo-section__item">
            {{ image(url="https://assets.ubuntu.com/v1/3b1c3557-continental-logo.png",
                        alt="CONTINENTAL",
                        width="141",
                        height="104",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-logo-section__logo"}) | safe
            }}
          </div>
          <div class="p-logo-section__item">
            {{ image(url="https://assets.ubuntu.com/v1/ea831212-telefonica-logo.png",
                        alt="TELEFONICA",
                        width="131",
                        height="104",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-logo-section__logo"}) | safe
            }}
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="p-section--shallow">
      <div class="row--50-50">
        <hr class="p-rule" />
        <div class="col">
          <h2>Smart city solutions</h2>
        </div>
        <div class="col">
          <h3 class="p-heading--5">A software-defined future</h3>
          <p>
            The smart city sector is bringing innovation and automation to urban areas globally. From real-time to air-gap,
            new solutions emerge every day to address unique challenges. The scale is vast, from digital signage to
            self-driving cars. The possibilities in a smart city are truly limitless.
          </p>

          <div class="p-cta-block row--r-gap3">
            <a href="/internet-of-things/digital-signage">Our smart display solutions&nbsp;&rsaquo;</a>
            <a href="/automotive">Our automotive solutions&nbsp;&rsaquo;</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="p-section--shallow">
      <div class="row--50-50">
        <hr class="p-rule" />
        <div class="col">
          <h2>Secure distributed devices</h2>
        </div>
        <div class="col">
          <h3 class="p-heading--5">Ubiquitous IoT, strong security</h3>
          <p>
            Regardless of the smart city solution you are building, ensure you have the tools in place to guarantee a secure
            software environment.
          </p>
          <p>
            Ubuntu Core is an operating system, fully containerized and designed for IoT. Ubuntu Core offers secure boot,
            <a href="/engage/iot-disk-encryption">full disk encryption</a> and <a href="https://snapcraft.io/docs/assertions">signed software packages</a>, guaranteeing system integrity. <a href="https://snapcraft.io/docs/snap-confinement">Snap confinement</a> keeps your apps separated and controls
            access to hardware.
          </p>
          <p>
            Curate your <a href="/internet-of-things/appstore">IoT App Store</a> from global suppliers, with constant
            application security scanning and updates.
          </p>
          <div class="p-cta-block row--r-gap3">
            <a href="/core/contact-us"
               class="p-button--positive"
               aria-label="Contact us for more information about Ubuntu Core">Contact us about Ubuntu Core</a>
            <a href="/core">About Ubuntu Core&nbsp;&rsaquo;</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="p-section--shallow">
      <div class="row--50-50">
        <hr class="p-rule" />
        <div class="col">
          <h2>Learn about some of our IoT solutions</h2>
        </div>
        <div class="col">
          <ul class="p-list--divided u-no-margin--bottom">
            <li class="p-list__item row">
              <hr class="p-rule--muted u-hide--medium u-hide--large" />
              <div class="col-2 col-medium-3">
                <h3 class="p-heading--5">Datasheet</h3>
              </div>
              <div class="col-4 col-medium-3">
                <ul class="p-list u-no-margin--bottom">
                  <li class="p-list__item">
                    <a href="https://assets.ubuntu.com/v1/1870ea66-Ubuntu_Core22_DS.06.06.22.pdf">Ubuntu Core 22&nbsp;&rsaquo;</a>
                  </li>
                  <li class="p-list__item u-no-padding--bottom">
                    <a href="https://assets.ubuntu.com/v1/d6d1d3fc-IoT+App+Store+Datasheet+v3.pdf">The IoT App Store&nbsp;&rsaquo;</a>
                  </li>
                </ul>
              </div>
            </li>
            <li class="p-list__item row">
              <div class="col-2 col-medium-3">
                <h3 class="p-heading--5">Case study</h3>
              </div>
              <div class="col-4 col-medium-3">
                <ul class="p-list u-no-margin--bottom">
                  <li class="p-list__item u-no-padding--bottom">
                    <a href="/engage/secure-digital-signage-screenly">Screenly innovates IoT fleet management for secure
                    digital signage&nbsp;&rsaquo;</a>
                  </li>
                </ul>
              </div>
            </li>
            <li class="p-list__item row">
              <div class="col-2 col-medium-3">
                <h3 class="p-heading--5">Whitepaper</h3>
              </div>
              <div class="col-4 col-medium-3">
                <ul class="p-list u-no-margin--bottom">
                  <li class="p-list__item">
                    <a href="/engage/smart-start-whitepaper">Accelerating IoT device time to market&nbsp;&rsaquo;</a>
                  </li>
                  <li class="p-list__item u-no-padding--bottom">
                    <a href="/engage/embedded-linux-make-or-buy">Embedded Linux: make or buy?&nbsp;&rsaquo;</a>
                  </li>
                </ul>
              </div>
            </li>
            <li class="p-list__item row">
              <div class="col-2 col-medium-3">
                <h3 class="p-heading--5">Webinar</h3>
              </div>
              <div class="col-4 col-medium-3">
                <ul class="p-list u-no-margin--bottom">
                  <li class="p-list__item u-no-padding--bottom">
                    <a href="/engage/intro-to-ubuntu-core22-webinar">An introduction to Ubuntu Core 22&nbsp;&rsaquo;</a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>IoT over-the-air (OTA) updates</h2>
      </div>
      <div class="col">
        <div class="p-image-container is-cover is-highlighted">
          {{ image(url="https://assets.ubuntu.com/v1/fd081fd3-iot-ota-updates.png",
                    alt="",
                    width="1800",
                    height="1015",
                    hi_def=True,
                    loading="auto|lazy",
                    attrs={"class": "p-image-container__image"}) | safe
          }}
        </div>
        <h3 class="p-heading--5">Compressed, transactional, signed and secure</h3>
        <p>
          Update any system, any device, any time. Future-proof your fleet with automatic, over-the-air updates. With
          Ubuntu Core, full OS containerization means transactional, atomic updates, signed software integrity, <a href="/engage/snap-deltas">compressed delta updates</a> and more.
        </p>
        <p>
          <a href="/engage/snapd-whitepaper">Complete control</a>. No delayed patches, no partial updates. If for any
          reason an update fails, the device will roll back to its last stable state automatically.
        </p>
        <div class="p-cta-block">
          <a href="/core/features/ota-updates">OTA updates for Ubuntu Core&nbsp;&rsaquo;</a>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>Hardware you can trust</h2>
      </div>
      <div class="col">
        <h3 class="p-heading--5">ARM and X86</h3>
        <p>
          We optimize Ubuntu for major silicon architectures. Explore device enablement and certification to guarantee
          the device you choose will work flawlessly. Develop on Ubuntu today and pick your platform later.
        </p>

        <div class="p-logo-section">
          <hr class="p-rule--muted" />
          <div class="p-logo-section__items">
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/f9bf049d-arm-logo.png",
                            alt="ARM",
                            width="52",
                            height="104",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/834d57ab-intel-logo.png",
                            alt="INTEL",
                            width="52",
                            height="104",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/26625583-nvidia-logo.png",
                            alt="NVIDIA",
                            width="109",
                            height="104",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/96b57607-xilinx-logo.png",
                            alt="XILINX",
                            width="75",
                            height="104",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/0550d529-amd-logo.png",
                            alt="XILINX",
                            width="75",
                            height="104",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
          </div>
        </div>

        <div class="p-cta-block">
          <a href="/certified"
             aria-label="Learn more about device enablement and hardware certification process">Learn more about Hardware Certification&nbsp;&rsaquo;</a>
        </div>

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

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>Top-rated extended security</h2>
      </div>
      <div class="col">
        <h3 class="p-heading--5">Long term support</h3>
        <p>
          We power innovation and production.
          Get <a href="/esm">ten year CVE security maintenance</a>, plus the most comprehensive <a href="/embedded">container
          confinement</a> and <a href="/livepatch">kernel livepatch</a> for rapid rollouts in critical
          situations. Count on Canonical for security coverage, automated testing, continuous deployment and progressive
          releases.
        </p>
        <div class="p-cta-block">
          <a href="https://assets.ubuntu.com/v1/4a8eed26-Livepatch-Datasheet_25.10.21.pdf"
             aria-label="Learn more about Livepatch">Learn more about Livepatch&nbsp;&rsaquo;</a>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="p-section--shallow">
      <div class="row--50-50">
        <hr class="p-rule" />
        <div class="col">
          <h2>
            How Canonical
            <br class="u-hide--small" />
            is making an impact
          </h2>
        </div>
        <div class="col">
          <ul class="p-list--divided u-no-margin--bottom">
            <li class="p-list__item row">
              <hr class="p-rule--muted u-hide--medium u-hide--large" />
              <div class="col-2 col-medium-3">
                <h3 class="p-heading--5">Whitepaper</h3>
              </div>
              <div class="col-4 col-medium-3">
                <ul class="p-list u-no-margin--bottom">
                  <li class="p-list__item">
                    <a href="/engage/edge-infrastructure">CTOs’ Guide to Micro Clouds&nbsp;&rsaquo;</a>
                  </li>
                  <li class="p-list__item">
                    <a href="/engage/gov-webinar">Open source in Government&nbsp;&rsaquo;</a>
                  </li>
                  <li class="p-list__item">
                    <a href="/engage/smart-start-whitepaper">Accelerating IoT device time to market&nbsp;&rsaquo;</a>
                  </li>
                  <li class="p-list__item u-no-padding--bottom">
                    <a href="/engage/hybrid-cloud-business-guide">A business guide to hybrid cloud&nbsp;&rsaquo;</a>
                  </li>
                </ul>
              </div>
            </li>
            <li class="p-list__item row">
              <div class="col-2 col-medium-3">
                <h3 class="p-heading--5">Webinar</h3>
              </div>
              <div class="col-4 col-medium-3">
                <ul class="p-list u-no-margin--bottom">
                  <li class="p-list__item">
                    <a href="/engage/open-source-value">The Value of Open Source in 2021&nbsp;&rsaquo;</a>
                  </li>
                  <li class="p-list__item u-no-padding--bottom">
                    <a href="/engage/open-source-security-cloud-edge-webinar">Securing open source from cloud to
                    edge&nbsp;&rsaquo;</a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>Accelerate data science</h2>
      </div>
      <div class="col">
        <div class="p-image-container is-cover is-highlighted">
          {{ image(url="https://assets.ubuntu.com/v1/c65b7605-accelerate-data-science.png",
                    alt="",
                    width="1800",
                    height="1015",
                    hi_def=True,
                    loading="auto|lazy",
                    attrs={"class": "p-image-container__image"}) | safe
          }}
        </div>
        <h3 class="p-heading--5">Deep learning</h3>
        <p>
          From self-driving to diagnostics and data analysis, Ubuntu is at the heart of some of the largest analytics
          operations.
        </p>
        <p>
          Enjoy the freedom to use frameworks, languages, libraries and solutions, from the widest range of companies and
          clouds. Run it on <a href="https://maas.io/">bare metal</a> or <a href="/cloud">public cloud</a>. From Spark and
          Hadoop to <a href="/kubeflow">Kubeflow</a>. Better ML. Faster results.
        </p>
        <div class="p-cta-block">
          <a href="/ai" aria-label="Learn more about Ai on Ubuntu">Learn more about AI on Ubuntu&nbsp;&rsaquo;</a>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="p-section--shallow">
      <div class="row--50-50">
        <hr class="p-rule" />
        <div class="col">
          <h2>Straightforward compliance</h2>
        </div>
        <div class="col">
          <h3 class="p-heading--5">Open source licensing</h3>
          <p>
            Confidently integrate open source components into your proprietary solutions. Benefit from source identification
            for all software components, all the time. Simplify compliance. Streamline certification. Protect innovation.
          </p>

          <div class="row">
            <hr class="p-rule--muted" />
            <div class="col-3 col-medium-4">
              <a href="/engage/ubuntu-cybersecurity-webinar"
                 aria-label="More about compliance in Ubuntu">Learn more about Compliance in Ubuntu&nbsp;&rsaquo;</a>
            </div>
            <div class="col-9 col-medium-8">
              <a href="/engage/azure-ubuntu-pro-fips-whitepaper#the-form">Staying compliant while delivering innovation
                <br class="u-hide--small" />
              in government services&nbsp;&rsaquo;</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>Let's work together</h2>
      </div>
      <div class="col">
        <p>
          We work closely with our customers to solve complex problems together. Our talented engineers are
          experts in IoT and are well-qualified to provide expertise and guidance to both smaller businesses and larger enterprises.
        </p>
        <div class="p-cta-block">
          <a href="/internet-of-things/contact-us"
             aria-label="Contact us for smart city solutions"
             class="p-button--positive js-invoke-modal">Get in touch</a>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section--deep">
    <div class="row p-section--shallow">
      <hr class="p-rule" />
      <h2>Explore the use cases</h2>
    </div>
    <div class="p-equal-height-row--wrap has-divider-3">
      <div class="p-equal-height-row__col">
        <div class="p-equal-height-row__item">
          <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
            {{ image(url="https://assets.ubuntu.com/v1/24457f3e-signage.png",
                        alt="",
                        width="852",
                        height="1279",
                        hi_def=True,
                        loading="auto|lazy",
                        attrs={"class": "p-image-container__image"}) | safe
            }}
          </div>
        </div>
        <div class="p-equal-height-row__item">
          <hr class="p-rule--highlight u-hide--medium u-hide--small" />
          <h3 class="p-heading--5">Signage</h3>
        </div>
        <p class="p-equal-height-row__item">
          A small footprint and full OpenGL make Ubuntu Core the perfect platform for secure digital signs.
        </p>
        <div class="p-equal-height-row__item">
          <hr class="p-rule--muted u-hide--large" />
          <p>
            <a href="/internet-of-things/smart-displays"
               aria-label="Learn more about smart displays">Learn more&nbsp;&rsaquo;</a>
          </p>
        </div>
      </div>
      <div class="p-equal-height-row__col">
        <div class="p-equal-height-row__item">
          <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
            {{ image(url="https://assets.ubuntu.com/v1/1882d6fe-gateways.png",
                        alt="",
                        width="852",
                        height="1279",
                        hi_def=True,
                        loading="auto|lazy",
                        attrs={"class": "p-image-container__image"}) | safe
            }}
          </div>
        </div>
        <div class="p-equal-height-row__item">
          <hr class="p-rule--highlight u-hide--medium u-hide--small" />
          <h3 class="p-heading--5">Gateways</h3>
        </div>
        <p class="p-equal-height-row__item">
          Rich networking and comms make Ubuntu the perfect choice for your industrial gateways.
        </p>
        <div class="p-equal-height-row__item">
          <hr class="p-rule--muted u-hide--large" />
          <p>
            <a href="/internet-of-things/gateways"
               aria-label="Learn more about gateways">Learn more&nbsp;&rsaquo;</a>
          </p>
        </div>
      </div>
      <div class="p-equal-height-row__col">
        <div class="p-equal-height-row__item">
          <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
            {{ image(url="https://assets.ubuntu.com/v1/a5127766-automotive.png",
                        alt="",
                        width="852",
                        height="1279",
                        hi_def=True,
                        loading="auto|lazy",
                        attrs={"class": "p-image-container__image"}) | safe
            }}
          </div>
        </div>
        <div class="p-equal-height-row__item">
          <hr class="p-rule--highlight u-hide--medium u-hide--small" />
          <h3 class="p-heading--5">Automotive</h3>
        </div>
        <p class="p-equal-height-row__item">Reinvent the automobile with Ubuntu, designed for critical embedded systems.</p>
        <div class="p-equal-height-row__item">
          <hr class="p-rule--muted u-hide--large" />
          <p>
            <a href="/automotive" aria-label="Learn more about automotive">Learn more&nbsp;&rsaquo;</a>
          </p>
        </div>
      </div>
      <div class="p-equal-height-row__col">
        <div class="p-equal-height-row__item">
          <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
            {{ image(url="https://assets.ubuntu.com/v1/e00e0645-cloud-solutions.png",
                        alt="",
                        width="852",
                        height="1279",
                        hi_def=True,
                        loading="auto|lazy",
                        attrs={"class": "p-image-container__image"}) | safe
            }}
          </div>
        </div>
        <div class="p-equal-height-row__item">
          <hr class="p-rule--highlight u-hide--medium u-hide--small" />
          <h3 class="p-heading--5">Networking</h3>
        </div>
        <p class="p-equal-height-row__item">Build secure SmartNICs and operate them at scale on Ubuntu.</p>
        <div class="p-equal-height-row__item">
          <hr class="p-rule--muted u-hide--large" />
          <p>
            <a href="/internet-of-things/networking"
               aria-label="Learn more about networking">Learn more&nbsp;&rsaquo;</a>
          </p>
        </div>
      </div>
    </div>
  </section>

  <!-- Set default Marketo information for contact form below-->
  <div class="u-hide"
       id="contact-form-container"
       data-form-location="/shared/forms/interactive/smart-city"
       data-form-id="4274"
       data-lp-id="2551"
       data-return-url="https://ubuntu.com/internet-of-things/thank-you?product=iot"
       data-lp-url="https://pages.ubuntu.com/things-contact-us.html"></div>

{% endblock content %}