<div class="financing">
<div class="financing__header bg-denim">
<div class="container text-center">
<div class="row justify-content-center">
<div class="col-12">
<h1 class="m-0 c-white">Start loving your furniture today!</h1>
</div>
<div class="col-12">
<h2 class="m-0 c-white"><span>Financing & Payment Plans</span><br /><small>Financing options offered by Wells Fargo & American First Finance</small></h2>
</div>
</div>
</div>
</div>
<div class="financing__graphic">
<div class="container">
<picture>
<source media="(max-width:576px)" srcset="//placehold.co/576x140/FFD018/FFFFFF" />
<source media="(max-width:768px)" srcset="//placehold.co/768x140/FFD018/FFFFFF" />
<source media="(max-width:992px)" srcset="//placehold.co/992x140/FFD018/FFFFFF" />
<img src="//placehold.co/1342x140/FFD018/FFFFFF" alt="Fanancing Graphic" />
</picture>
<a href="#" class="a-btn a-btn--denim">Apply Now</a>
</div>
</div>
<div class="financing__content">
<div class="container br-8 pb-32">
<div class="row">
<div class="col-12">
<div class="row align-items-center px-16 mb-16">
<div class="col-auto">
<img src="../../images/Wells_Fargo-Logo.wine.png" alt="Wells Fargo Logo" width="64" />
</div>
<div class="col-auto col-xl-6">
<h3 class="m-0">Wells Fargo</h3>
<h4 class="m-0">Ipsum cupidatat ex voluptate duis cillum culpa duis in culpa.</h4>
</div>
</div>
<div role="list" class="row px-16">
<div role="listitem" class="col-12 col-lg-4 mb-16">
<div class="content-card">
<div class="content-card__inner">
<div class="dropcap-title">
<div class="dropcap-title__cap">6</div>
<div class="dropcap-title__content">
<div class="dropcap-title__lineone">months*</div>
<div class="dropcap-title__linetwo">$300 minimum purchase</div>
</div>
</div>
<ul>
<li>No interest if paid in full within 6 months.</li>
<li>Interest will be charged to your account from the purchase date if the purchase balance is not paid in full within the promotional period.*</li>
<li>Minimum purchase of $300 required.</li>
<li>Minimum finance amount of $300</li>
</ul>
</div>
</div>
</div>
<div role="listitem" class="col-12 col-lg-4 mb-16">
<div class="content-card">
<div class="content-card__inner">
<div class="dropcap-title">
<div class="dropcap-title__cap">12</div>
<div class="dropcap-title__content">
<div class="dropcap-title__lineone">months*</div>
<div class="dropcap-title__linetwo">$1000 minimum purchase</div>
</div>
</div>
<ul>
<li>No interest if paid in full within 6 months.</li>
<li>Interest will be charged to your account from the purchase date if the purchase balance is not paid in full within the promotional period.*</li>
<li>Minimum purchase of $1000 required.</li>
<li>Minimum finance amount of $1000</li>
</ul>
</div>
</div>
</div>
<div role="listitem" class="col-12 col-lg-4 mb-16">
<div class="content-card">
<div class="content-card__inner">
<div class="dropcap-title">
<div class="dropcap-title__cap">18</div>
<div class="dropcap-title__content">
<div class="dropcap-title__lineone">months*</div>
<div class="dropcap-title__linetwo">$2000 minimum purchase</div>
</div>
</div>
<ul>
<li>No interest if paid in full within 6 months.</li>
<li>Interest will be charged to your account from the purchase date if the purchase balance is not paid in full within the promotional period.*</li>
<li>Minimum purchase of $2000 required.</li>
<li>Minimum finance amount of $2000</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row px-16">
<div class="col-12 col-lg-10 col-xl-8">
<p class="pt-16 pl-16">
<small class="d-block mb-8"><em>Please note that online applications are subject to stricter approval rules than applications processed in-store. If you are declined online, please apply in person.</em></small>
<small>*The American Furniture Warehouse credit card is issued by Wells Fargo Bank, N.A.</small><br /><small>*The American Furniture Warehouse store credit card is issued by Wells Fargo Bank, N.A. Purchases can only be made by the account holder and can only be delivered to the address listed as the account holder’s address. Special terms for 6 months apply to qualifying purchases of $300 or more. Special terms for 12 months apply to qualifying purchases of $1,000 with approved credit. Minimum monthly payments are required during the promotional (special term) period. Interest will be charged to your account from the purchase date at the APR for Purchases if the purchase balance is not paid in full within the promotional (special terms) period. Paying only the minimum monthly payment will not pay off the purchase balance before the end of the promotional period. For new accounts, the APR for Purchases is 28.99%. If you are charged interest in any billing cycle, the minimum interest charge will be $1.00. This information is accurate as of 2/7/2024 and is subject to change. For current information, call us at 1-800-431-5921.</small>
</p>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="hr my-32">
<hr />
</div>
</div>
</div>
<div class="row align-items-center px-16 mb-16">
<div class="col-auto">
<img src="../../images/aff.jpeg" alt="American First Financing Logo" width="64" />
</div>
<div class="col-auto col-xl-6">
<h3 class="m-0">American First Financing</h3>
<h4 class="m-0">Id deserunt ex id occaecat nostrud non enim reprehenderit. Consectetur qui veniam aliquip non eu consectetur excepteur.</h4>
</div>
</div>
<div role="list" class="row px-16 py-32">
<div role="listitem" class="col-12">
<div class="d-flex gap-32 align-items-center">
<div class="dropcap-title">
<div class="dropcap-title__content">
<div class="dropcap-title__lineone">No Credit Needed*</div>
<div class="dropcap-title__linetwo">Approvals from $300 - $5,000*</div>
</div>
</div>
<ul>
<li>Low easy payments</li>
<li>90-Day or 180-Day Early Buyout Option*</li>
</ul>
</div>
</div>
</div>
<div class="row px-16">
<div class="col-12 col-lg-10 col-xl-8">
<p class="pt-16 pl-16">
<small class="d-block mb-8"><em>Please note that online applications are subject to stricter approval rules than applications processed in-store. If you are declined online, please apply in person.</em></small>
<small>*Subject to approval and standard underwriting criteria. Approval is possible without a credit score, but credit may be checked. New and Returning Customers may be approved for $300 - $5,000. The transaction advertised is a lease. A lease is not a loan or credit transaction. It has several names: lease, lease-to-own, rent-to-own, or rental-purchase. With a lease, you select the item(s) and a payment solution company, such as American First Finance (AFF). AFF purchases the item(s) from a Merchant. You take the item(s) home. AFF retains ownership until you pay for the item(s) plus rental fees. Other fees may be included, such as late, non-sufficient funds, delivery, and optional Liability Damage Waiver fees. As a result, the total amount you pay for leasing an item is more than the retail cost. You can save money on leasing fees if you pay in full during the Early Buyout Option or pay more than the required amount for each scheduled payment. Terms and conditions subject to change at any time without prior disclosure or notice.</small>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="financing">
<div class="financing__header bg-denim">
<div class="container text-center">
<div class="row justify-content-center">
<div class="col-12">
<h1 class="m-0 c-white">{{title|safe}}</h1>
</div>
<div class="col-12">
<h2 class="m-0 c-white">{{subtitle|safe}}</h2>
</div>
</div>
</div>
</div>
<div class="financing__graphic">
<div class="container">
<picture>
<source media="(max-width:576px)" srcset="//placehold.co/576x140/FFD018/FFFFFF"/>
<source media="(max-width:768px)" srcset="//placehold.co/768x140/FFD018/FFFFFF"/>
<source media="(max-width:992px)" srcset="//placehold.co/992x140/FFD018/FFFFFF"/>
<img src="//placehold.co/1342x140/FFD018/FFFFFF" alt="Fanancing Graphic"/>
</picture>
<a href="#" class="a-btn a-btn--denim">Apply Now</a>
</div>
</div>
<div class="financing__content">
<div class="container br-8 pb-32">
<div class="row">
<div class="col-12">
{# <div class="d-block mt-n16 mb-32">
</div> #}
{# WELLS FARGO #}
<div class="row align-items-center px-16 mb-16">
<div class="col-auto">
<img src="{{wellsFargo.logo|path}}" alt="{{wellsFargo.title|safe}} Logo" width="64"/>
</div>
<div class="col-auto col-xl-6">
<h3 class="m-0">{{wellsFargo.title|safe}}</h3>
<h4 class="m-0">{{wellsFargo.subtitle|safe}}</h4>
</div>
</div>
<div role="list" class="row px-16">
{% for item in wellsFargo.items %}
<div role="listitem" class="col-12 col-lg-4 mb-16">
{% render '@content-card', item %}
</div>
{% endfor %}
</div>
<div class="row px-16">
<div class="col-12 col-lg-10 col-xl-8">
<p class="pt-16 pl-16">
{{disclaimer|safe}}
{{wellsFargo.disclaimer|safe}}
</p>
</div>
</div>
{# DIVIDER #}
<div class="row">
<div class="col-12">
<div class="hr my-32">
<hr/>
</div>
</div>
</div>
{# AMERICA FIRST FINANCING #}
<div class="row align-items-center px-16 mb-16">
<div class="col-auto">
<img src="{{AFF.logo|path}}" alt="{{AFF.title|safe}} Logo" width="64"/>
</div>
<div class="col-auto col-xl-6">
<h3 class="m-0">{{AFF.title|safe}}</h3>
<h4 class="m-0">{{AFF.subtitle|safe}}</h4>
</div>
</div>
<div role="list" class="row px-16 py-32">
{% for item in AFF.items %}
<div role="listitem" class="col-12">
<div class="d-flex gap-32 align-items-center">
{% render '@dropcap-title', item.dropcapTitle %}
{{item.freeContent|safe}}
</div>
</div>
{% endfor %}
</div>
<div class="row px-16">
<div class="col-12 col-lg-10 col-xl-8">
<p class="pt-16 pl-16">
{{disclaimer|safe}}
{{AFF.disclaimer|safe}}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{
"title": "Start loving your furniture today!",
"subtitle": "<span>Financing & Payment Plans</span><br/><small>Financing options offered by Wells Fargo & American First Finance</small>",
"disclaimer": "<small class=\"d-block mb-8\"><em>Please note that online applications are subject to stricter approval rules than applications processed in-store. If you are declined online, please apply in person.</em></small>",
"wellsFargo": {
"logo": "/images/Wells_Fargo-Logo.wine.png",
"title": "Wells Fargo",
"subtitle": "Ipsum cupidatat ex voluptate duis cillum culpa duis in culpa.",
"items": [
{
"dropcapTitle": {
"dropcap": 6,
"lineone": "months*",
"linetwo": "$300 minimum purchase"
},
"freeContent": "<ul><li>No interest if paid in full within 6 months.</li><li>Interest will be charged to your account from the purchase date if the purchase balance is not paid in full within the promotional period.*</li><li>Minimum purchase of $300 required.</li><li>Minimum finance amount of $300</li></ul>"
},
{
"dropcapTitle": {
"dropcap": 12,
"lineone": "months*",
"linetwo": "$1000 minimum purchase"
},
"freeContent": "<ul><li>No interest if paid in full within 6 months.</li><li>Interest will be charged to your account from the purchase date if the purchase balance is not paid in full within the promotional period.*</li><li>Minimum purchase of $1000 required.</li><li>Minimum finance amount of $1000</li></ul>"
},
{
"dropcapTitle": {
"dropcap": 18,
"lineone": "months*",
"linetwo": "$2000 minimum purchase"
},
"freeContent": "<ul><li>No interest if paid in full within 6 months.</li><li>Interest will be charged to your account from the purchase date if the purchase balance is not paid in full within the promotional period.*</li><li>Minimum purchase of $2000 required.</li><li>Minimum finance amount of $2000</li></ul>"
}
],
"disclaimer": "<small>*The American Furniture Warehouse credit card is issued by Wells Fargo Bank, N.A.</small><br/><small>*The American Furniture Warehouse store credit card is issued by Wells Fargo Bank, N.A. Purchases can only be made by the account holder and can only be delivered to the address listed as the account holder’s address. Special terms for 6 months apply to qualifying purchases of $300 or more. Special terms for 12 months apply to qualifying purchases of $1,000 with approved credit. Minimum monthly payments are required during the promotional (special term) period. Interest will be charged to your account from the purchase date at the APR for Purchases if the purchase balance is not paid in full within the promotional (special terms) period. Paying only the minimum monthly payment will not pay off the purchase balance before the end of the promotional period. For new accounts, the APR for Purchases is 28.99%. If you are charged interest in any billing cycle, the minimum interest charge will be $1.00. This information is accurate as of 2/7/2024 and is subject to change. For current information, call us at 1-800-431-5921.</small>"
},
"AFF": {
"logo": "/images/aff.jpeg",
"title": "American First Financing",
"subtitle": "Id deserunt ex id occaecat nostrud non enim reprehenderit. Consectetur qui veniam aliquip non eu consectetur excepteur.",
"items": [
{
"dropcapTitle": {
"dropcap": null,
"lineone": "No Credit Needed*",
"linetwo": "Approvals from $300 - $5,000*"
},
"freeContent": "<ul><li>Low easy payments</li><li>90-Day or 180-Day Early Buyout Option*</li></ul>"
}
],
"disclaimer": "<small>*Subject to approval and standard underwriting criteria. Approval is possible without a credit score, but credit may be checked. New and Returning Customers may be approved for $300 - $5,000. The transaction advertised is a lease. A lease is not a loan or credit transaction. It has several names: lease, lease-to-own, rent-to-own, or rental-purchase. With a lease, you select the item(s) and a payment solution company, such as American First Finance (AFF). AFF purchases the item(s) from a Merchant. You take the item(s) home. AFF retains ownership until you pay for the item(s) plus rental fees. Other fees may be included, such as late, non-sufficient funds, delivery, and optional Liability Damage Waiver fees. As a result, the total amount you pay for leasing an item is more than the retail cost. You can save money on leasing fees if you pay in full during the Early Buyout Option or pay more than the required amount for each scheduled payment. Terms and conditions subject to change at any time without prior disclosure or notice.</small>"
}
}
.financing {
$this: &;
&__header {
position: relative;
padding: rem(32px);
padding-bottom: rem(100px);
z-index: 0;
}
&__graphic {
position: relative;
top: rem(-70px);
z-index: 2;
img {
border-radius: rem(8px);
height: rem(140px);
}
.container {
position: relative;
}
.a-btn {
position: absolute;
top: 50%;
right: rem(48px);
transform: translateY(-50%);
}
}
&__content {
position: relative;
top: rem(-190px);
z-index: 1;
.container {
background-color: $color-white;
box-shadow: 0 rem(-16px) rem(16px) rgba($color-black, 0.03);
padding-top: rem(140px);
}
}
}
No notes defined.