<div class="container pt-16">
<div class="container">
<div class="banner banner--5">
<div class="banner__items">
<div class="banner__items__primary">
<div class="bg-black banner-card banner-card--lg banner-card--light">
<picture aria-hidden="true" class="banner-card__image">
<source media="(max-width:992px)" srcset="../../images/banners/512x438.png" alt="Banner Placeholder Image">
<img src="../../images/banners/1400x600_og.png" alt="Banner Placeholder Image">
</picture>
<div class="banner-card__content banner-card__content--bg banner-card__content--center-bottom banner-card__content--lg--left-center" style="background:#EF5832;">
<h1 class="banner-card__title">From <strong>FALL SAVINGS</strong> to <strong>AUTUMN ELEGANCE</strong></h1>
<h2 class="banner-card__subtitle">AFW has something for every budget</h2>
<div class="banner-card__button">
<a class="a-btn a-btn--default" href="/weekly-ads">
Explore Savings
</a>
</div>
</div>
</div>
</div>
<div class="banner__items__secondary">
<div class="bg-black banner-card banner-card--sm">
<div aria-hidden="true" class="banner-card__image">
<img src="https://placeholder.com/512x384.png" alt="Banner Placeholder Image">
</div>
<div class="banner-card__content banner-card__content--left-bottom banner-card__content--lg--left-bottom">
<h3 class="banner-card__title h2-style pr-32">Your Favorite Items Are <strong>In‑Stock</strong> & Ready To Take Home Today!</h3>
<h4 class="banner-card__subtitle h3-style pr-32">1000’s of items available!</h4>
<div class="banner-card__button">
<a class="a-btn a-btn--bermuda" href="/">
Learn More
</a>
</div>
</div>
</div>
<div class="bg-black banner-card banner-card--sm">
<div aria-hidden="true" class="banner-card__image">
<img src="https://placeholder.com/512x384.png" alt="Banner Placeholder Image">
</div>
<div class="banner-card__content banner-card__content--center-center banner-card__content--lg--center-center">
<h3 class="banner-card__title">$1,199</h3>
<h3 class="banner-card__subtitle">Brant Pillow Top Queen Mattress</h3>
<div class="banner-card__button">
<a class="a-btn a-btn--primary" href="/">
AFW Anniversary Sale
</a>
</div>
</div>
</div>
<div class="bg-black banner-card banner-card--sm">
<div aria-hidden="true" class="banner-card__image">
<img src="https://placeholder.com/512x384.png" alt="Banner Placeholder Image">
</div>
<div class="banner-card__content banner-card__content--right-center banner-card__content--lg--right-center">
<h3 class="banner-card__title h4-style pl-32">Finding The Perfect Gift Just Got Easier!</h3>
<h4 class="banner-card__subtitle h2-style pl-32">Give the lasting gift of style and comfort this holiday season with AFW.</h4>
<div class="banner-card__button">
<a class="a-btn a-btn--secondary" href="/">
Buy Online
</a>
</div>
</div>
</div>
<div class="bg-black banner-card banner-card--sm">
<div aria-hidden="true" class="banner-card__image">
<img src="https://placeholder.com/512x384.png" alt="Banner Placeholder Image">
</div>
<div class="banner-card__content banner-card__content--left-top banner-card__content--lg--left-top">
<h3 class="banner-card__title">Furniture Financing</h3>
<h4 class="banner-card__subtitle">To Fit Your Budget!</h4>
<div class="banner-card__button">
<a class="a-btn a-btn--default" href="/">
Apply Today!
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="category-grid container">
<div class="heading-container category-grid__header">
<h2 class="heading-container__heading text-center h1-style">Featured Categories</h2>
<p class="heading-container__subheading text-center p-lg">Shop amazing and stylish furniture in our most popular categories.</p>
</div>
<div class="category-card category-grid__card">
<a href="#" class="category-card__link">
<img class="category-card__image" src="../../images/category/0190889_living-room-furniture_600.jpeg" alt="Living Room Furniture Image">
<span class="category-card__title">Living Room Furniture</span>
</a>
</div>
<div class="category-card category-grid__card">
<a href="#" class="category-card__link">
<img class="category-card__image" src="../../images/category/0052383_mattresses_600.jpeg" alt="Mattresses Image">
<span class="category-card__title">Mattresses</span>
</a>
</div>
<div class="category-card category-grid__card">
<a href="#" class="category-card__link">
<img class="category-card__image" src="../../images/category/0190891_bedroom-furniture_600.jpeg" alt="Bedroom Furniture Image">
<span class="category-card__title">Bedroom Furniture</span>
</a>
</div>
<div class="category-card category-grid__card">
<a href="#" class="category-card__link">
<img class="category-card__image" src="../../images/category/0190890_dining-room-furniture_600.jpeg" alt="Dining Room Furniture Image">
<span class="category-card__title">Dining Room Furniture</span>
</a>
</div>
<div class="category-card category-grid__card">
<a href="#" class="category-card__link">
<img class="category-card__image" src="../../images/category/0181838_office-furniture_600.jpeg" alt="Office Furniture Image">
<span class="category-card__title">Office Furniture</span>
</a>
</div>
<div class="category-card category-grid__card">
<a href="#" class="category-card__link">
<img class="category-card__image" src="../../images/category/0190892_entertainment-centers_600.jpeg" alt="Entertainment Centers Image">
<span class="category-card__title">Entertainment Centers</span>
</a>
</div>
<div class="category-grid__all">
<a class="a-btn a-btn--default">
Elit et Exercitation
</a>
</div>
</div>
<div class="section-banner">
<div class="heading-container">
<h1 class="heading-container__heading text-center h1-style">Heading Container</h1>
<p class="heading-container__subheading text-center p-lg">Labore nisi cupidatat non laboris irure magna.</p>
</div>
<figure class="section-banner__banner">
<img src="../../images/special-buys-banner.jpeg" alt="Section Banner Image">
</figure>
<div class="section-banner__lower">
<h4 class="section-banner__subheadline h2-style"></h4>
<a href="#" class="section-banner__link">Ad Veniam Velit Dolor</a>
</div>
</div>
</div>
<div class="section-cta" style="background: url(/images/make-it-pop-bg.png);">
<div class="section-cta__wrapper">
<div class="section-cta__inner">
<div class="section-cta__left">
<div class="image-rotator" data-rotator-interval="1000">
<figure class="image-rotator__image image-rotator__image--1">
<img src="../../images/product/home-decor-1.png" alt="Image Rotator - Image 1">
</figure>
<figure class="image-rotator__image image-rotator__image--2">
<img src="../../images/product/home-decor-2.png" alt="Image Rotator - Image 2">
</figure>
<figure class="image-rotator__image image-rotator__image--3">
<img src="../../images/product/home-decor-3.png" alt="Image Rotator - Image 3">
</figure>
</div>
</div>
<div class="section-cta__right">
<h3 class="section-cta__heading h1-style">
</>
<p class="section-cta__subtext">Voluptate Lorem excepteur eu velit enim do quis incididunt dolore non.</p>
<a class="a-btn a-btn--default btn--primary">
Reprehenderit Magna Sunt
</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section-banner">
<div class="heading-container">
<h1 class="heading-container__heading text-center h1-style">Heading Container</h1>
<p class="heading-container__subheading text-center p-lg">Labore nisi cupidatat non laboris irure magna.</p>
</div>
<figure class="section-banner__banner">
<img src="../../images/special-buys-banner.jpeg" alt="Section Banner Image">
</figure>
<div class="section-banner__lower">
<h4 class="section-banner__subheadline h2-style"></h4>
<a href="#" class="section-banner__link">Ad Veniam Velit Dolor</a>
</div>
</div>
<div class="row">
<div class="heading-container col-12">
<h1 class="heading-container__heading text-center h1-style mb-0">Furniture shopping just got easier</h1>
</div>
<div class="section-banner col-6">
<div class="heading-container">
<h1 class="heading-container__heading text-center h1-style">Heading Container</h1>
<p class="heading-container__subheading text-center p-lg">Labore nisi cupidatat non laboris irure magna.</p>
</div>
<figure class="section-banner__banner mb-16">
<img src="../../images/financing-banner.png" alt="Section Banner Image">
</figure>
<div class="section-banner__lower">
<h4 class="section-banner__subheadline h2-style"></h4>
<p class="section-banner__subtext">Learn about the AFW credit card and our flexible payment plans</p>
<a href="#" class="section-banner__link">Explore Financing Options</a>
</div>
</div>
<div class="section-banner col-6">
<div class="heading-container">
<h1 class="heading-container__heading text-center h1-style">Heading Container</h1>
<p class="heading-container__subheading text-center p-lg">Labore nisi cupidatat non laboris irure magna.</p>
</div>
<figure class="section-banner__banner mb-16">
<img src="../../images/buy-now-pickup-later-banner.jpg" alt="Section Banner Image">
</figure>
<div class="section-banner__lower">
<h4 class="section-banner__subheadline h2-style"></h4>
<p class="section-banner__subtext">Your neighborhood AFW has thousands of items in stock!</p>
<a href="#" class="section-banner__link">Learn more about pickup</a>
</div>
</div>
</div>
<div class="product-slider ">
<div class="product-slider__wrapper">
<div class="product-slider__slider slick-slider">
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0191788_RANCH-LC.jpg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Brook Ranch Lounge Chair</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$348.00</span>
<span class="price old-price">$178.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(6 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0191856_P505-821-HEAD-ON.jpeg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Danson Swivel Lounge Chair</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$448.00</span>
<span class="price old-price">$548.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(13 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0108740_0108740_clare-view-outdoor-lounge-chair.jpeg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Clare View Outdoor Lounge Chair</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$328.00</span>
<span class="price old-price">$178.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(49 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0186013_15186_1.jpg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Agave - Wood and Woven Rope Lounge Chair, Gray *D</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$329.00</span>
<span class="price old-price">$178.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(8 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0194274_FLYN-2PC.jpg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Fynnegan Outdoor Loveseat with Table (Set of 2)</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$198.00</span>
<span class="price old-price">$178.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(8 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0191069_WALTON-BS.jpg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Walton Bridge Bar Stool</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$198.00</span>
<span class="price old-price">$178.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(5 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0190268_PETAL-4PC.jpg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Petal Road 4 Piece Sectional</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$748.00</span>
<span class="price old-price">$178.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(20 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0189579_P114-835.jpg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Hyland Wave Gliding Love Seat Natural</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$699.00</span>
<span class="price old-price">$178.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(15 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0189573_P111-835.jpg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Hyland Wave Gliding Love Seat White</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$699.00</span>
<span class="price old-price">$178.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(3 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
<div class="product-slider__slide slick-slide">
<div class="product-card ">
<div class="product-card__picture">
<a href="#">
<img src="../../images/product/0177720_P008-813.jpg_400.jpeg" alt="Product Image">
</a>
<button class="product-card__wishlist">
<i class="wishlist-off far fa-heart" aria-hidden="true"></i>
<i class="wishlist-on fas fa-heart" aria-hidden="true"></i>
</button>
</div>
<div class="product-card__details">
<h3 class="product-card__title">
<a href="#">Sundown Treasure Adirondack Ottoman Black</a>
</h3>
<div class="product-card__info">
<div class="product-card__prices">
<span class="price actual-price">$68.00</span>
<span class="price old-price">$178.00</span>
</div>
<div class="product-card__rating">
<i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i><i class="fas fa-star" aria-hidden="true"></i>
<a href="#">(4 Reviews)</a>
</div>
<div class="product-card__buttons"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container pt-16">
{% render '@banner--five' %}
{# {% render '@homepage-slider', homepageSlide, true %} #}
{% render '@category-grid', featuredCategories, true %}
{% render '@section-banner', specialBuyBanner, true%}
</div>
{% render '@section-cta' %}
<div class="container">
{% render '@section-banner', modernStyleBanner, true %}
<div class="row">
{% render '@heading-container', furnitureShopping, true %}
{% render '@section-banner', financingBanner, true %}
{% render '@section-banner', buyOnlineBanner, true %}
</div>
{% render '@product-slider' %}
</div>
{
"homepageSlider": {
"modifierClasses": "container"
},
"featuredCategories": {
"modifierClasses": "container"
},
"specialBuysBanner": {
"heading": {
"text": "Check out these special buys!"
},
"subheadline": {
"text": "Factories are giving us special pricing so we're passing it on to you"
},
"link": {
"text": "Shop Special Purchases"
},
"modifierClasses": "container"
},
"modernStylesBanner": {
"heading": {
"text": "Hot Modern Styles are Arriving!"
},
"banner": {
"src": "/images/hot-modern-styles-banner.jpeg"
},
"subheadline": {
"text": "Express Your Modern Style with These Trending New Looks"
},
"link": {
"text": "Shop Modern Furniture"
},
"modifierClasses": "container"
},
"furnitureShopping": {
"heading": {
"text": "Furniture shopping just got easier",
"class": "h1-style mb-0"
},
"subheading": null,
"headingContainerClass": "mb-0",
"modifierClasses": "col-12"
},
"financingBanner": {
"heading": null,
"banner": {
"src": "/images/financing-banner.png",
"class": "mb-16"
},
"subheadline": {
"text": "Financing that fits your budget"
},
"subtext": {
"text": "Learn about the AFW credit card and our flexible payment plans"
},
"link": {
"text": "Explore Financing Options"
},
"modifierClasses": "col-6"
},
"buyOnlineBanner": {
"heading": null,
"banner": {
"src": "/images/buy-now-pickup-later-banner.jpg",
"class": "mb-16"
},
"subheadline": {
"text": "Buy online and pick up today"
},
"subtext": {
"text": "Your neighborhood AFW has thousands of items in stock!"
},
"link": {
"text": "Learn more about pickup"
},
"modifierClasses": "col-6"
}
}
.homepage {
$this: &;
}
No notes defined.