site/_src/usecases.html

---
layout: page

title: Use Cases
tagline: Where blockchains and databases meet

image: photo4.jpg
header: photo4.jpg

intro:
    description: "BigchainDB is for developers and organizations looking for a queryable database with blockchain characteristics such as decentralization, immutability and the ability to treat anything stored in the database as an asset. Whether it’s atoms, bits or bytes of value, any real-world blockchain application needs performance. A perfect fit for BigchainDB."
    addition: "We’re still in the early days of the decentralization movement and while all of the industries below are being disrupted in one way or another, there’s an abundance of opportunity within each."
    contact:
        text: Building something with BigchainDB?
        action: We want to hear from you.
        link: "/contact/"

newsletter:
    title: Be the first to hear about our customer stories.

js: page-usecases.min.js
---

<section class="section section--intro">
    <div class="row">
        <header class="section-header">
            <p class="section-description">{{ page.intro.description }}</p>

            <div class="grid grid--full grid-small--half grid--gutters grid--top text-left">
                <div class="grid__col">
                    {{ page.intro.addition }}
                </div>
                <div class="grid__col">
                    <p><strong>{{ page.intro.contact.text }}</strong> <br><a href="{{ page.intro.contact.link }}">{{ page.intro.contact.action }}</a></p>
                </div>
            </div>
        </header>
    </div>
</section>

<nav class="menu--sub">
    <div class="row row--wide">
        <div class="menu-overflow">
            {% for industry in site.data.industries %}
                <a class="menu__link" href="#{{ industry.name | downcase | replace: " ", "" }}" data-scroll>
                    <svg class="icon">
                        <use xlink:href="/assets/img/sprite.svg#{{ industry.icon }}"></use>
                    </svg>
                    {{ industry.name }}
                </a>
            {% endfor%}
        </div>
    </div>
</nav>

{% for industry in site.data.industries %}

    <section class="section section--industry" id="{{ industry.name | downcase | replace: " ", "" }}">

        <header class="section-header row">
            <svg class="icon">
                <use xlink:href="/assets/img/sprite.svg#{{ industry.icon }}"></use>
            </svg>
            <h1 class="section-title">{{ industry.name }}</h1>
            <p class="section-description">{{ industry.description }}</p>
        </header>

        {% if industry.usecase %}
            <div class="row">
                {% for usecase in site.usecases %}
                    {% if industry.usecase == usecase.slug %}
                    <article class="featuredusecase">

                        <a class="featuredusecase__logo" href="{{ usecase.url }}">
                            {% if usecase.bitmaplogo %}
                                <img src="/assets/img/{{ usecase.bitmaplogo }}" />
                            {% else %}
                                <svg>
                                    <use xlink:href="/assets/img/sprite.svg#logo-{{ usecase.slug }}"></use>
                                </svg>
                            {% endif %}
                        </a>

                        <div class="featuredusecase__content">
                            <h1 class="featuredusecase__title"><a href="{{ usecase.url }}">{{ usecase.title }}</a></h1>
                            <p>{{ usecase.description }}</p>
                            <a href="{{ usecase.url }}">Learn more</a>
                        </div>

                    </article>
                    {% endif %}
                {% endfor %}
            </div>
        {% endif %}
    </section>

{% endfor%}

{% include sections/section-newsletter.html %}