<section class="content-block template-free-form bg-grey">
<header class="template-header align-center">
<div class="grid-container">
<h2>Which hamster wheel do <span>you live in?</span></h2>
</div>
</header>
<div class="grid-container">
<div class="grid-x">
<div class="cell medium-6 is-card">
<div class="cell__inner">
<header class="module header align-center">
<h3 class=" p-tag">Sell 1p</h3>
<h4>Selling <u>to</u> Amazon has drawbacks</h4>
</header>
<div class="module text-editor">
<p style="text-align: center">1P Sellers wholesale their products to Amazon, who acts as the retailer. Amazon gains complete autonomy, resulting in minimal control of products and pricing on the marketplace.</p>
</div>
<div class="module icon-list is-style-simple">
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-up.svg" alt="Amazon sells it all for you"></span>
<span class="icon-list__title">Amazon sells it all for you</span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-down.svg" alt="Amazon dictates prices"></span>
<span class="icon-list__title">Amazon dictates prices</span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-down.svg" alt="Greater risk of unapproved content"></span>
<span class="icon-list__title">Greater risk of unapproved content</span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-down.svg" alt="Hidden fees"></span>
<span class="icon-list__title">Hidden fees</span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-down.svg" alt="Takes forever to get paid <br><small>(30, 60, or 90 days)</small>"></span>
<span class="icon-list__title">Takes forever to get paid <br><small>(30, 60, or 90 days)</small></span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-down.svg" alt="Lower margins"></span>
<span class="icon-list__title">Lower margins</span>
</div>
</div>
</div>
</div>
<div class="cell medium-6 is-card">
<div class="cell__inner">
<header class="module header align-center">
<h3 class=" p-tag">Sell 3p</h3>
<h4>Selling <u>on</u> Amazon <span>takes an army</span></h4>
</header>
<div class="module text-editor">
<p style="text-align: center">3P sellers act as retailers selling products directly to consumers via the Amazon marketplace. 3P Sellers are responsible for everything, thus requiring significant bandwidth and resources.</p>
</div>
<div class="module icon-list is-style-simple">
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-up.svg" alt="control your own prices"></span>
<span class="icon-list__title">control your own prices</span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-up.svg" alt="ensures approved content"></span>
<span class="icon-list__title">ensures approved content</span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-up.svg" alt="no hidden fees"></span>
<span class="icon-list__title">no hidden fees</span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-up.svg" alt="Get paid twice per month"></span>
<span class="icon-list__title">Get paid twice per month</span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-up.svg" alt="Comprehensive management tools"></span>
<span class="icon-list__title">Comprehensive management tools</span>
</div>
<div class="icon-list__item" ">
<span class="icon-list__icon"><img src="/nto/assets/images/cms/icon-list-thumb-down.svg" alt="Still sounds like a lot to manage..."></span>
<span class="icon-list__title">Still sounds like a lot to manage...</span>
</div>
</div>
</div>
</div>
</div>
<div class="template-button">
<a href="/nto#" class="button button--default">Learn more</a>
</div>
</div>
</section>{{ template("free-form", {
"bg": {
"color": "grey"
},
"templateHeader": {
"class": "align-center",
"headers": [
{
"tag": "h2",
"text": "Which hamster wheel do <span>you live in?</span>"
}
]
},
"templateButton": {
"label": "Learn more",
"type": "button--default",
"url": "#"
},
"innerContent": "templates/free-form/context/col-2-your-other-options.njk"
}) }}