mirror of
https://github.com/bigchaindb/site.git
synced 2025-02-14 21:10:28 +01:00
copy & layout updates
This commit is contained in:
parent
f1cb2e26f5
commit
c610e5f4bc
@ -5,11 +5,22 @@
|
|||||||
//
|
//
|
||||||
.page-enterprise {
|
.page-enterprise {
|
||||||
.section--partners {
|
.section--partners {
|
||||||
@extend .background--darker;
|
|
||||||
.partner {
|
.partner {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.feature {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature__icon {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: $spacer / 3;
|
||||||
|
width: 2rem;
|
||||||
|
height: 2rem;
|
||||||
|
stroke-width: 1px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero--enterprise {
|
.hero--enterprise {
|
||||||
@ -33,7 +44,7 @@
|
|||||||
@media ($screen-md) {
|
@media ($screen-md) {
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
||||||
.section-subtitle,
|
.section-title,
|
||||||
.section-description {
|
.section-description {
|
||||||
max-width: 66%;
|
max-width: 66%;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@ -52,20 +63,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.section--enterpriseintro {
|
.section--enterpriseintro {
|
||||||
.section-description {
|
.btn {
|
||||||
|
margin-top: $spacer * 2;
|
||||||
}
|
|
||||||
|
|
||||||
.feature {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature__icon {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: $spacer / 3;
|
|
||||||
width: 2rem;
|
|
||||||
height: 2rem;
|
|
||||||
stroke-width: 1px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -105,6 +105,34 @@
|
|||||||
background: $brand-main-gray;
|
background: $brand-main-gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.background--green {
|
||||||
|
background: $brand-main-green;
|
||||||
|
|
||||||
|
.section-title,
|
||||||
|
p {
|
||||||
|
color: $brand-main-blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
&:after {
|
||||||
|
background: darken($brand-main-green, 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature__icon {
|
||||||
|
stroke: darken($brand-main-green, 15%);
|
||||||
|
color: darken($brand-main-green, 15%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature__title {
|
||||||
|
color: $brand-main-blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature__text {
|
||||||
|
color: $brand-main-gray-lighter;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
//
|
//
|
||||||
// Photo background
|
// Photo background
|
||||||
|
@ -53,7 +53,6 @@ $menu-height-md: 66px;
|
|||||||
|
|
||||||
// intro animation
|
// intro animation
|
||||||
.section-title,
|
.section-title,
|
||||||
.section-subtitle,
|
|
||||||
.section-description,
|
.section-description,
|
||||||
.hero__action {
|
.hero__action {
|
||||||
.wf-active &,
|
.wf-active &,
|
||||||
|
@ -6,34 +6,54 @@ title: Enterprise
|
|||||||
js: page-enterprise.min.js
|
js: page-enterprise.min.js
|
||||||
|
|
||||||
hero:
|
hero:
|
||||||
title: "Performance, scale and geared for builders."
|
title: "A fast blockchain database for data driven applications."
|
||||||
subtitle: "Bring the best of blockchain to your enterprise."
|
description: "BigchainDB enables industry leaders to build performant & scalable enterprise applications, platforms, and networks."
|
||||||
description: "From ideation to production, BigchainDB has the team and technology to deploy enterprise-grade applications and platforms for businesses looking to build the tools of tomorrow."
|
|
||||||
cta:
|
cta:
|
||||||
- name: Get in touch
|
- name: Get started now
|
||||||
link: "#contact"
|
link: "#contact"
|
||||||
scroll: true
|
scroll: true
|
||||||
- name: Download one-pager
|
- name: Download one-pager
|
||||||
link: ""
|
link: ""
|
||||||
|
|
||||||
intro:
|
|
||||||
title: "Blockchain technology that scales"
|
|
||||||
description: "Blockchain systems share a single source of truth for data and assets, backed by privacy and security guarantees. Yet traditional blockchains lack the scale and speed that most enterprises need. BigchainDB takes a different approach, one that starts with a big data distributed database and then adds blockchain characteristics. The result is linear scaling, high throughput and low latency. <br><br>No other decentralized blockchain database has the advantages of scale, queryability and performance in one package."
|
|
||||||
benefits:
|
|
||||||
- title: "Ensure Interoperability"
|
|
||||||
description: "Unlock and integrate data from existing legacy systems."
|
|
||||||
- title: "Reduce costs"
|
|
||||||
description: "Transparency reduces costs for recalls, liability, loss and fraud."
|
|
||||||
- title: "Create new business models"
|
|
||||||
description: "Build collaborative data-centric ecosystems that unleash latent value."
|
|
||||||
- title: "Automate Processes"
|
|
||||||
description: "Real-time data triggers business logic"
|
|
||||||
- title: "Share the Story"
|
|
||||||
description: "Trust and identity out-of-the-box with verifiable audit trails, provenance and tracking"
|
|
||||||
|
|
||||||
partners:
|
partners:
|
||||||
title: "Proudly Trusted By"
|
title: "Trusted by leading global companies"
|
||||||
|
description: "We work with partners who are deploying data-centric blockchain applications for automotive, energy, identity, IoT, intellectual property and supply chain use cases."
|
||||||
|
|
||||||
|
intro:
|
||||||
|
title: "Designed for data-centric, high-transaction use cases."
|
||||||
|
description: "Whether you’re a system architect, a developer or a database specialist, BigchainDB offers the performance, scale and tooling to help you create the future."
|
||||||
|
text: "Traditional blockchains lack the scale and speed that most enterprises require. BigchainDB takes a different approach, one that starts with a big data distributed database and then adds blockchain characteristics. The result is linear scaling, high throughput and low latency, making data-centric and high volume use cases a breeze."
|
||||||
|
text2: "BigchainDB puts data at the forefront, making it the only decentralized blockchain database giving enterprises the advantages of scale, queryability and performance in one package."
|
||||||
|
features:
|
||||||
|
- title: "Scale & performance"
|
||||||
|
description: "La la la...for high-throughput use cases."
|
||||||
|
- title: "Asset issuance and transfer"
|
||||||
|
description: "La la la... in a flexible JSON data format."
|
||||||
|
- title: "Federation consensus model"
|
||||||
|
description: "Energy efficient federation consensus mechanism with the option for pluggable consensus."
|
||||||
|
- title: "Asset level permissioning & privacy"
|
||||||
description: "La la la"
|
description: "La la la"
|
||||||
|
- title: "Interoperability"
|
||||||
|
description: "Interoperability with Ethereum, IPFS, Bitcoin and other protocols such as the Interledger Protocol (ILP), IPLD, COALA IP and COALA SC."
|
||||||
|
- title: "Queryability & Indexing"
|
||||||
|
description: "Leverage efficient big data query capabilities out of the box."
|
||||||
|
- title: "Monitoring"
|
||||||
|
description: "Monitoring tools for nodes, caretakers and networks."
|
||||||
|
|
||||||
|
support:
|
||||||
|
title: "Hands-on enterprise support by the best"
|
||||||
|
description: "From ideation to production, we have the team and technology to deploy enterprise-grade applications and platforms for businesses looking to build the tools of tomorrow."
|
||||||
|
features:
|
||||||
|
- title: "Training"
|
||||||
|
description: "La la la..."
|
||||||
|
- title: "Use Case Development"
|
||||||
|
description: "La la la..."
|
||||||
|
- title: "Application Engineering & Deployment"
|
||||||
|
description: "La la la..."
|
||||||
|
|
||||||
|
contact:
|
||||||
|
title: "Get started now"
|
||||||
|
description: "Ready to start building with BigchainDB? Enter your details below and we'll be in touch right away."
|
||||||
---
|
---
|
||||||
|
|
||||||
<header class="hero hero--enterprise">
|
<header class="hero hero--enterprise">
|
||||||
@ -43,7 +63,6 @@ partners:
|
|||||||
<div class="hero__content row row--wide">
|
<div class="hero__content row row--wide">
|
||||||
<hgroup>
|
<hgroup>
|
||||||
<h1 class="section-title">{{ page.hero.title }}</h1>
|
<h1 class="section-title">{{ page.hero.title }}</h1>
|
||||||
<h2 class="section-subtitle">{{ page.hero.subtitle }}</h2>
|
|
||||||
<p class="section-description">{{ page.hero.description }}</p>
|
<p class="section-description">{{ page.hero.description }}</p>
|
||||||
|
|
||||||
{% for cta in page.hero.cta %}
|
{% for cta in page.hero.cta %}
|
||||||
@ -54,23 +73,64 @@ partners:
|
|||||||
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section class="section section--enterpriseintro">
|
{% include sections/section-partners.html %}
|
||||||
|
|
||||||
|
<section class="section section--enterpriseintro background--darker">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<header class="section-header">
|
<header class="section-header text-left">
|
||||||
<h1 class="section-title">{{ page.intro.title }}</h1>
|
<h1 class="section-title">{{ page.intro.title }}</h1>
|
||||||
<p class="section-description">{{ page.intro.description }}</p>
|
<p class="section-description">{{ page.intro.description }}</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<p>{{ page.intro.text }}</p>
|
||||||
|
|
||||||
<div class="grid grid--full grid-small--half grid--gutters">
|
<div class="grid grid--full grid-small--half grid--gutters">
|
||||||
{% for benefit in page.intro.benefits %}
|
{% for feature in page.intro.features %}
|
||||||
<div class="grid__col">
|
<div class="grid__col">
|
||||||
<div class="feature">
|
<div class="feature">
|
||||||
<svg class="feature__icon icon">
|
<svg class="feature__icon icon">
|
||||||
<use xlink:href="/assets/img/sprite.svg#icon-cat"></use>
|
<use xlink:href="/assets/img/sprite.svg#icon-cat"></use>
|
||||||
</svg>
|
</svg>
|
||||||
<div class="feature__detail">
|
<div class="feature__detail">
|
||||||
<h1 class="feature__title">{{ benefit.title }}</h1>
|
<h1 class="feature__title">{{ feature.title }}</h1>
|
||||||
<p class="feature__text">{{ benefit.description }}</p>
|
<p class="feature__text">{{ feature.description }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="large text-center">{{ page.intro.text2 }}</p>
|
||||||
|
|
||||||
|
<p class="text-center">
|
||||||
|
{% for cta in page.hero.cta %}
|
||||||
|
{% if forloop.first %}
|
||||||
|
<a class="btn btn-primary scroll" href="{{ cta.link }}">{{ cta.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section section--enterprisesupport background--green">
|
||||||
|
<div class="row row--wide">
|
||||||
|
|
||||||
|
<header class="section-header text-left">
|
||||||
|
<h1 class="section-title">{{ page.support.title }}</h1>
|
||||||
|
<p class="section-description">{{ page.support.description }}</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="grid grid--full grid-small--third grid--gutters">
|
||||||
|
{% for feature in page.support.features %}
|
||||||
|
<div class="grid__col">
|
||||||
|
<div class="feature">
|
||||||
|
<svg class="feature__icon icon">
|
||||||
|
<use xlink:href="/assets/img/sprite.svg#icon-cat"></use>
|
||||||
|
</svg>
|
||||||
|
<div class="feature__detail">
|
||||||
|
<h1 class="feature__title">{{ feature.title }}</h1>
|
||||||
|
<p class="feature__text">{{ feature.description }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -80,30 +140,11 @@ partners:
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include sections/section-partners.html %}
|
|
||||||
|
|
||||||
<section class="section section--enterpriseedition background--photo">
|
|
||||||
<div class="row row--wide">
|
|
||||||
|
|
||||||
<div class="grid grid--full grid-small--half grid-medium--fit grid-medium--columns grid--gutters">
|
|
||||||
<div class="grid__col grid__col--4">
|
|
||||||
<header class="section-header text-left">
|
|
||||||
<h1 class="section-title">BigchainDB Enterprise Edition</h1>
|
|
||||||
<p class="section-description">Flexible options to bundle BigchainDB with the support, consultation and implementation you need to succeed.</p>
|
|
||||||
</header>
|
|
||||||
</div>
|
|
||||||
<div class="grid__col grid__col--2">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="section section--enterprisecontact" id="contact">
|
<section class="section section--enterprisecontact" id="contact">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<header class="section-header">
|
<header class="section-header">
|
||||||
<h1 class="section-title">Get in touch</h1>
|
<h1 class="section-title">{{ page.contact.title }}</h1>
|
||||||
<p class="section-description">La la la.</p>
|
<p class="section-description">{{ page.contact.description }}</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
{% include form-enterprise.html %}
|
{% include form-enterprise.html %}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user