+
+
diff --git a/components/carousel/carousel.js b/components/carousel/carousel.js
new file mode 100644
index 0000000..d5737f5
--- /dev/null
+++ b/components/carousel/carousel.js
@@ -0,0 +1,65 @@
+import Swiper, {Pagination} from 'swiper';
+
+Swiper.use([ Pagination]);
+import $ from 'jquery'
+
+
+$(function () {
+ // debugger;
+ var mySwiper = new Swiper('.tcs-carousel--best-seller', {
+ pagination: {
+ el: '.swiper-pagination',
+ clickable: true,
+ },
+ slidesPerView: 1.15,
+ spaceBetween: 20,
+ breakpoints: {
+ 768: {
+ slidesPerView: 2,
+ spaceBetween: 40
+ },
+ 992: {
+ slidesPerView: 3,
+ spaceBetween: 40
+ }
+ }
+ })
+
+ var mySwiper = new Swiper('.tcs-carousel--warmth-slider', {
+ pagination: {
+ el: '.swiper-pagination',
+ clickable: true,
+ },
+ slidesPerView: 1.4,
+ spaceBetween: 20,
+ breakpoints: {
+ 768: {
+ slidesPerView: 3,
+ spaceBetween: 40
+ },
+ 992: {
+ slidesPerView: 5,
+ spaceBetween: 40
+ }
+ }
+ })
+
+ var mySwiper = new Swiper('.tcs-carousel--guides', {
+ pagination: {
+ el: '.swiper-pagination',
+ clickable: true,
+ },
+ slidesPerView: 1.15,
+ spaceBetween: 20,
+ breakpoints: {
+ 768: {
+ slidesPerView: 2,
+ spaceBetween: 40
+ },
+ 992: {
+ slidesPerView: 3,
+ spaceBetween: 40
+ }
+ }
+ })
+})
\ No newline at end of file
diff --git a/components/carousel/carousel.scss b/components/carousel/carousel.scss
new file mode 100644
index 0000000..6a00764
--- /dev/null
+++ b/components/carousel/carousel.scss
@@ -0,0 +1,122 @@
+.tcs-carousel{
+
+ padding-left: 20px;
+ padding-right: 20px;
+ margin-bottom: 80px;
+
+ &--best-seller{
+ @extend .bg-primary-light;
+
+ .tcs-carousel__title{
+ @extend .text-center;
+ }
+
+ }
+
+ .swiper-wrapper{
+ height: fit-content;
+ }
+
+
+ $yellow:#e7dc97;
+
+ &__button{
+ line-height: initial !important;
+ min-width: 100% !important;
+ padding: 5px !important;
+ }
+
+ &--warmth{
+ padding-left: 40px;
+ padding-right: 40px;
+ // transform: rotate(180deg);
+ mix-blend-mode: multiply;
+ background-image: linear-gradient(to left,rgba(255, 255, 255, 0), $yellow );
+ position: relative;
+
+ .tcs-carousel__title{
+ width: 11ch;
+ position: relative;
+ }
+
+ .tcs-carousel__bg-image{
+ width: 200px;
+ opacity: .6;
+ position: absolute;
+ left: 11ch;
+ top: 30px
+ }
+ .swiper-pagination {
+ padding-left: 40px;
+ text-align: left;
+
+ }
+
+ .tcs-carousel__slide-icon{
+ width: 30px;
+
+ }
+ }
+
+
+
+ &.swiper-container-horizontal > .swiper-pagination-bullets{
+ bottom: 30px;
+ }
+ .swiper-pagination-bullet-active {
+ background: $primary;
+ }
+
+ &__slide-title{
+ margin-top: 10px;
+ text-transform: none;
+ }
+ &__slide-price{
+ margin-bottom: 10px;
+ display: block;
+ text-decoration: line-through;
+ }
+ &__slide-saleprice{
+ display: block;
+ margin-bottom: 10px;
+ }
+
+ &__button{
+ &:hover{
+ background-color: $white;
+ }
+ }
+}
+
+@include media-breakpoint-up(md) {
+ .tcs-carousel{
+ padding-left: 40px;
+ padding-right: 40px;
+ }
+}
+@include media-breakpoint-up(lg) {
+ .tcs-carousel{
+ padding-left: 60px;
+ padding-right: 60px;
+ margin-left: 80px;
+ margin-right: 80px;
+
+ &__desktop{
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+
+ .swiper-pagination{
+ display: none;
+ }
+ }
+ .tcs-carousel--warmth{
+ background: rgb(231,220,151);
+ background: linear-gradient(90deg, rgba(231,220,151,1) 0%, rgba(245,236,236,1) 50%, rgba(203,195,220,1) 100%);
+ }
+ .tcs-carousel--warmth-slider{
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+
+}
diff --git a/components/certification/a.html b/components/certification/a.html
new file mode 100644
index 0000000..a3ecb78
--- /dev/null
+++ b/components/certification/a.html
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/components/certification/certification.config.js b/components/certification/certification.config.js
new file mode 100644
index 0000000..d504fc5
--- /dev/null
+++ b/components/certification/certification.config.js
@@ -0,0 +1,27 @@
+module.exports = {
+ context: {
+ cards: [
+ {
+ id: "card1",
+ class: "show",
+ title: "The Responsible Down Standard (RDS)",
+ text:
+ "The Responsible Down Standard (RDS) was established by Textile Exchange to promote traceability within the down industry. With independent supply chain certification by the third-party auditing company, Control Union, each phase of down sourcing is monitored so you can be confident that the down inside is the most responsibly sourced down in the market. All our down products are filled with down that has been certified under the Responsible Down Standard (RDS).",
+ text1:
+ "Some of our down alternative comforter shells meet the STANDARD 100 by OEKO-TEX®.",
+ },
+ {
+ id: "card2",
+ title: "STANDARD 100 by OEKO-TEX®",
+ text:
+ "STANDARD 100 by OEKO-TEX® is a global standard, independent mark of quality for raw, semi-finished and finished textile products from all stages of production and materials used in the process. It assures manufacturers, retailers, and consumers that certified products meet the strict limit values for harmful substances.",
+ },
+ {
+ id: "card3",
+ title: "Lifetime Guarantee",
+ text:
+ "Most products assembled in La Crosse, WI are covered by our Lifetime Guarantee. Look for this symbol. It indicates one of our exclusive items, which carries a Lifetime Guarantee. For additional information, please visit our FAQs.",
+ },
+ ],
+ },
+};
diff --git a/components/certification/certification.hbs b/components/certification/certification.hbs
new file mode 100644
index 0000000..41a92cc
--- /dev/null
+++ b/components/certification/certification.hbs
@@ -0,0 +1,82 @@
+
+
+
+
+
+ Down and Organic Certifications and Guarantees
+
+
+
+ All our down products are filled with down that has been certified under the Responsible Down Standard
+ (RDS).
+
+
+
+ {{#each cards}}
+
+
+
+
+ {{text}}
+
+
+ {{text1}}
+
+
+
+ {{/each}}
+
+
+
+
+
+
+ Down Alternative Comforters
+
+
+
+ For those that want an alternative to down or a more affordable fill, down alternative is a synthetic fill
+ used in pillows, comforters, and mattress pads that mimics the loftiness and insulating qualities of down.
+ To achieve the same warmth level of down, down alternative comforters may be a bit heavier than down
+ comforters.
+
+
+
+ Our Down Alternative Fill Qualities:
+
+
+
+
Ideal for anyone with a down allergy
+
Mimics insulating qualities of down
+
Machine washable for easy care, except for our Legends® Luxury
+ Geneva
+
Lofty PrimaLoft®, LoftAIRE, and 100% polyester high-quality
+ fill
+
+
+
+
+ What does PrimaLoft® and LoftAIRE mean?
+
+
+
+ PrimaLoft® is the premier hypoallergenic down alternative fill used in luxury bedding, and is an ultra-fine,
+ polyester microfiber that traps heat, wicks away moisture, and insulates against the cold.
+ LoftAIRE is our exclusive, high-quality synthetic microfiber which mimics the loftiness and insulating
+ properties of down to give you the closest thing to the real deal.
+
+
+
+
+
+ {{!-- --}}
+
\ No newline at end of file
diff --git a/components/certification/certification.scss b/components/certification/certification.scss
new file mode 100644
index 0000000..85ac6d2
--- /dev/null
+++ b/components/certification/certification.scss
@@ -0,0 +1,34 @@
+.tcs-certification {
+
+ button.btn-primary {
+ max-width: 100%;
+ width: auto;
+ line-height: initial;
+ padding: 5px !important;
+ min-width: 350px;
+ }
+
+ &__list {
+ > div:first-of-type {
+ border-top: 2px solid $light-blue;
+ }
+ }
+
+ &__collapse-card {
+ border-bottom: 2px solid $light-blue;
+
+ button {
+ max-width: 100%;
+ }
+ button {
+ .fa-collapse-icon:before {
+ content: "\f068";
+ }
+ &.collapsed {
+ .fa-collapse-icon:before {
+ content: "\f067";
+ }
+ }
+ }
+ }
+}
diff --git a/components/cta-module/cta-module.config.js b/components/cta-module/cta-module.config.js
new file mode 100644
index 0000000..6b7f5fd
--- /dev/null
+++ b/components/cta-module/cta-module.config.js
@@ -0,0 +1,19 @@
+module.exports={
+ context:{
+ cards:[
+ {
+ subtitle1:"LOREM IPSUM",
+ p1:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt",
+ },
+ {
+ subtitle1:"LOREM IPSUM",
+ p1:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt",
+ }
+ ,
+ {
+ subtitle1:"LOREM IPSUM",
+ p1:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt",
+ }
+ ]
+ }
+}
\ No newline at end of file
diff --git a/components/cta-module/cta-module.hbs b/components/cta-module/cta-module.hbs
new file mode 100644
index 0000000..206f548
--- /dev/null
+++ b/components/cta-module/cta-module.hbs
@@ -0,0 +1,44 @@
+
+
\ No newline at end of file
diff --git a/components/fav-color/fav-color.hbs b/components/fav-color/fav-color.hbs
new file mode 100644
index 0000000..07a4cea
--- /dev/null
+++ b/components/fav-color/fav-color.hbs
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+ Comforters in Your Favorite Colors and Prints
+
+
+
+ In addition to white, many of our premium comforters are available in additional colors, along with down alternative options in fashionable prints. For instance, our best-selling LaCrosse® comforter is available in a rainbow of choices and our Legends® Hotel White Bay™ and Legends® Hotel Alberta™ comforters come in a palette of muted hues to match any decor.
+
+
+
+
+
+ Add Color with a Duvet Cover
+
+
+
+ Of course, the beauty of a Company Store comforter is you can easily change up the look by using one of our high-quality duvet covers. Some of the most popular reasons to choose to use a duvet cover are seasonality, decor, and ease of washing.
+
+
+
+
Seasonality: some people prefer the warmth of a cozy flannel duvet cover in the winter, but switch to a cool, crisp percale cover in the summer
+
Decor: Let’s face it, whatever covers the bed takes up a lot of real estate in your bedroom. Solid-color or pattern duvet covers are an easy way to refresh a room without buying a new comforter
+
Ease of Washing: It’s easier and faster to wash a duvet cover rather than an entire comforter, plus the duvet cover protects your comforter from normal wear and tear.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/components/fav-color/fav-color.scss b/components/fav-color/fav-color.scss
new file mode 100644
index 0000000..e4ec08d
--- /dev/null
+++ b/components/fav-color/fav-color.scss
@@ -0,0 +1,11 @@
+
+
+.tcs-fav-color {
+ .btn-primary {
+ max-width: 100% !important;
+ min-width: 345px;
+ width: auto !important;
+ line-height: initial !important;
+ padding: 5px !important;
+ }
+}
\ No newline at end of file
diff --git a/components/fill-power/fill-power.config.js b/components/fill-power/fill-power.config.js
new file mode 100644
index 0000000..a93c96a
--- /dev/null
+++ b/components/fill-power/fill-power.config.js
@@ -0,0 +1,28 @@
+module.exports={
+ context:{
+ cards:[
+ {
+ title:"550-550",
+ subtitle1:"GOOD",
+ p1:"Our 500-550 fill power down provides premium warmth at an affordable price.",
+ subtitle2:"Recommended:",
+ p2:"Lacrosse Legends® Hotel Alberta",
+ },
+ {
+ title:"600-650",
+ subtitle1:"BETTER",
+ p1:"A high-quality down with plump and resilient clusters. 600-650 fill power provides warmth and wonderful loft.",
+ subtitle2:"Recommended:",
+ p2:"Lacrosse Legends® Hotel Alberta",
+ }
+ ,
+ {
+ title:"700-750",
+ subtitle1:"BEST",
+ p1:"Our most luxurious down from select cold climate geese. 700-750 fill power Hungarian goose down provides the largest down clusters with exceptional loft.",
+ subtitle2:"Recommended:",
+ p2:"Legends® Luxury Royal",
+ }
+ ]
+ }
+}
\ No newline at end of file
diff --git a/components/fill-power/fill-power.hbs b/components/fill-power/fill-power.hbs
new file mode 100644
index 0000000..78fd8c7
--- /dev/null
+++ b/components/fill-power/fill-power.hbs
@@ -0,0 +1,53 @@
+
+
+ Did you know that comforters and duvet inserts are essentially the same thing? Both are typically filled with down, feathers, or synthetic fibers, will keep you warm, and can be used with our duvet covers which include an array of fun solid colors, fashionable prints, and premium fabrics. Duvet covers can also be interchanged frequently, are easily washed, and protect your investment so it’s a win-win.
+ All our comforters (and duvet inserts) have handy loops on all four corners that attach to our duvet cover ties to easily secure both in place.
+
+ Warm and comfortable, lightweight and breathable, down is Mother Nature’s most efficient insulator. Down comforters are long-lasting and resilient if given proper care which makes them a good investment for your bed.
+
+
+
Our Down Qualities:
+
+
Hypoallergenic
+
Lightweight and breathable
+
Premium down, European down, and Hungarian goose down
+
Most are machine washable for easy care, some are dry clean only
+
Responsible Down Standard (RDS) certified, ensuring down is ethically sourced
+ No one sleeps the same, so choosing your warmth level comes down
+ to personal preference. We offer multiple comforter warmth levels
+ in down and down alternative options. We even have a solution to the battle of the covers with our LaCrosse® Dual Comforter in both fill options—each side is crafted with different warmth levels so both partners can sleep in their preferred temperature.
+
+ What size comforter should you get? Obviously you want to consider the size of your bed, but also consider the look you prefer—do you want the comforter to just sit on the bed or do you want it to hang off the bed more like a bedspread?
+ We have the four main sizes: Twin, Full, Queen, and King/California King. But did you know that we also have specialty sizes, such as Twin XL, Oversized Queen, and Oversized King.
+
+ `
+ }
+ },
+ {
+ name: "clean",
+ context: {
+ subtitle:"How to Clean",
+ title: "How to Care for Your Down or Down Alternative Comforter",
+ mainImage: "https://res.cloudinary.com/dg1knuetg/image/upload/ar_1:1,c_fill/v1598968694/clean_uvaqg8.png",
+ richText: `
+
+ A premium comforter is an investment, so always follow the individual comforter care instructions.
+ Washing and drying your comforter the right way will help it maintain its insulating qualities and shell construction throughout the years.
+
+ Did you know that comforters and duvet inserts are essentially the same thing? Both are typically filled with down, feathers, or synthetic fibers, will keep you warm, and can be used with our duvet covers which include an array of fun solid colors, fashionable prints, and premium fabrics. Duvet covers can also be interchanged frequently, are easily washed, and protect your investment so it’s a win-win.
+ All our comforters (and duvet inserts) have handy loops on all four corners that attach to our duvet cover ties to easily secure both in place.
+
+
+
diff --git a/components/jumbo/jumbo.scss b/components/jumbo/jumbo.scss
new file mode 100644
index 0000000..da5194f
--- /dev/null
+++ b/components/jumbo/jumbo.scss
@@ -0,0 +1,3 @@
+// i moved jumbo here
+// components/simple-text/simple-text.scss
+// necause tehre was a wierd issue
\ No newline at end of file
diff --git a/components/pages/page.hbs b/components/pages/page.hbs
new file mode 100644
index 0000000..8e9bec4
--- /dev/null
+++ b/components/pages/page.hbs
@@ -0,0 +1,44 @@
+{{render '@jumbo' }}
+
+{{ render '@simple-text'}}
+
+{{ render '@guide'}}
+
+{{ render '@guide-image'}}
+
+{{ render '@guide-image--fill'}}
+
+{{ render '@simple-text--down'}}
+
+{{ render '@fill-power'}}
+
+{{ render '@cta-module'}}
+
+{{ render '@certification'}}
+
+{{ render '@carousel'}}
+
+{{ render '@guide-image--warmth'}}
+
+{{ render '@carousel--warmth'}}
+
+{{ render '@simple-text--bafflebox'}}
+
+{{ render '@fav-color'}}
+
+{{ render '@guide-image--size'}}
+{{ render '@size'}}
+
+{{ render '@guide-image--clean'}}
+{{ render '@simple-text--clean'}}
+
+
+{{ render '@guide-image--faq'}}
+{{ render '@simple-text--faq'}}
+
+
+{{ render '@guide-image--reviews'}}
+{{ render '@simple-text--reviews'}}
+
+
+{{ render '@carousel--guides'}}
\ No newline at end of file
diff --git a/components/simple-text/simple-text--baffleBox.hbs b/components/simple-text/simple-text--baffleBox.hbs
new file mode 100644
index 0000000..3fa827e
--- /dev/null
+++ b/components/simple-text/simple-text--baffleBox.hbs
@@ -0,0 +1,57 @@
+
+
+
+
Baffle Box vs Sewn-Through Box…What’s the difference?
+
+
+ A well-made comforter is constructed to help ensure that warmth is evenly distributed. There are two main types of comforter construction in down comforters—baffle box and sewn-through box.
+ The one you select is a matter of personal preference.
+
+
+ In a baffle box construction, the stitching that creates the pockets for the down, is separated by internal fabric walls inside the comforter, creating a smooth look from the top.
+
+
+ In sewn-through box construction, the stitching that creates the pockets for the down, goes through the top and bottom layers of fabric, creating a puffy, pillow-like look from the top.
+
+
+
+
+
+
+
+ Baffle Box Construction
+
+
+
+
+
+
+
+ Sewn Through Construction
+
+
+
+
+
+
How to Choose Your Comforter Shell Fabric
+
+ As with all our products, our comforter shells are crafted with premium fabrics—specifically cotton percale, cotton sateen, cotton cambric, and organic cotton. Any bedding product filled with down must have a special down-proof fabric which is tightly woven to keep the fill inside of its shell.
+
+
+
+
+
+
+ For more information about the fabric used for our comforters
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/components/simple-text/simple-text--clean.hbs b/components/simple-text/simple-text--clean.hbs
new file mode 100644
index 0000000..eacf208
--- /dev/null
+++ b/components/simple-text/simple-text--clean.hbs
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+ expert tip
+
+
+
+ When you first receive your new comforter, it may appear wrinkled and flat. Restore its natural loft by vigorously shaking it out or fluffing it in your dryer on permanent press.
+
+
+
+
+
+ {{#each cards}}
+
+
+
+
+ {{text}}
+
+
+
+ {{/each}}
+
+
diff --git a/components/simple-text/simple-text--down.hbs b/components/simple-text/simple-text--down.hbs
new file mode 100644
index 0000000..2344096
--- /dev/null
+++ b/components/simple-text/simple-text--down.hbs
@@ -0,0 +1,47 @@
+
+
+
+
Types of Down
+
+ To the naked eye there is not much difference between regular down and goose down. Goose down is typically
+ more expensive because it is rare, while down is more available and therefore more affordable while still
+ providing optimum comfort. The biggest difference between down and goose down is fill power—goose down is
+ typically available in higher fill powers than regular down.
+
+
+ Another difference is the geographic origin—down that comes from colder regions of the world will be larger
+ and fluffier, so European down is typically available in higher fill powers. Hungarian goose down is known
+ as the best down fill in the market because of its exceptional thermal abilities. Ultra-soft and superfine,
+ a Hungarian goose down fill has an exceptionally light feel, while still providing luxurious comfort and
+ amazing insulation.
+
+
+
+
+
+
+
+ FUN FACT
+
+
+
+ Hungarian geese have survived frigid weather conditions for centuries thanks to their
+ superior
+ insulating feathers.
+
+
+
+
+
Filling You in on Fill Power
+
+
+ Fill power refers to the amount of air an ounce of down can hold. The bigger the down clusters the higher
+ the fill power, resulting in exceptional loft and insulating abilities. Our premium comforters range from
+ 500 to 750 fill power in a variety of warmth levels (light to ultra-warmth) to provide the perfect amount of
+ insulation you need to get a great night’s sleep.
+
+
+
+
\ No newline at end of file
diff --git a/components/simple-text/simple-text--faq.hbs b/components/simple-text/simple-text--faq.hbs
new file mode 100644
index 0000000..2549e65
--- /dev/null
+++ b/components/simple-text/simple-text--faq.hbs
@@ -0,0 +1,18 @@
+
+
+ {{#each cards}}
+
+
+
+
+ {{text}}
+
+
+
+ {{/each}}
+
+
diff --git a/components/simple-text/simple-text--reviews.hbs b/components/simple-text/simple-text--reviews.hbs
new file mode 100644
index 0000000..78805f8
--- /dev/null
+++ b/components/simple-text/simple-text--reviews.hbs
@@ -0,0 +1,25 @@
+
diff --git a/components/simple-text/simple-text.config.js b/components/simple-text/simple-text.config.js
new file mode 100644
index 0000000..4f83029
--- /dev/null
+++ b/components/simple-text/simple-text.config.js
@@ -0,0 +1,112 @@
+
+module.exports ={
+ context:{
+ },
+ variants:[
+ {
+ name:"clean",
+ context:{
+ cards:[
+ {
+ id:"card1c",
+ class:"show",
+ title:"For Machine Wash Only comforters",
+ text:"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident."
+ },
+ {
+ id:"card2c",
+ title:"For Dry Clean Only comforters",
+ text:"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident."
+ }
+ ,
+ {
+ id:"card3c",
+ title:"How to Properly Store a Comforter",
+ text:"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident."
+ }
+ ]
+ }
+ },
+ {
+ name:"faq",
+ context:{
+ cards:[
+ {
+ id:"card1f",
+ class:"show",
+ title:"What is the difference between a comforter and duvet insert?",
+ text:"Comforters and duvet inserts are essentially the same thing. Both are typically filled with down, feathers, or synthetic fibers, both will keep you warm, and both can be used with our duvet covers."
+ },
+ {
+ id:"card2f",
+ title:"What are the different kinds of down feathers?",
+ text:"We use three types of premium feathers in our down products: regular down, European down, and Hungarian goose down."
+ }
+ ,
+ {
+ id:"card3f",
+ title:"How to Properly Store a Comforter",
+ text:"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident."
+ },
+ {
+ id:"card4f",
+ title:"Is your down hypoallergenic? ",
+ text:"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident."
+ },
+ {
+ id:"card5f",
+ title:"What does RDS certified mean?",
+ text:"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident."
+ },
+ {
+ id:"card6f",
+ title:"What does Standard 100 by OEKO-TEX ® mean?",
+ text:"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident."
+ },
+ ]
+
+ }
+ },
+ {
+ name:"reviews",
+ context:{
+ reviews:[
+ {
+ title:"LaCrosse® RDS Certified Down Comforter",
+ subtitle:"Perfect. I love it.",
+ text:"Got this down comforter in the mail today. I couldn't be happier. No crunchy crackle when I opened the bag. I just had to lay it on the bed and it was so fluffy. I can't explain how much I love this comforter. Perfect fit. The only reason I gave it 5 stars is because there wasn't a higher star.",
+ author:"Dr. Wolf, Montana"
+ },
+ {
+ title:"Legends® Luxury Geneva PrimaLoft® Deluxe Down Alternative Comforter",
+ subtitle:"Keeps your body heat in & outside cold out— PrimaLoft® works",
+ text:"I'm tired of down and the feathers getting all over the place as it ages, so this is the first time using a PrimaLoft® comforter. I bought a queen size, medium warmth comforter. I live in Connecticut and sleep in the bedroom facing the north side (no sun) of the house. The room can get cold! In fact… ",
+ read: "Read more",
+ author:"Mark, Central Connecticut"
+ },
+ {
+ title:"Alberta™ RDS Certified European Down Baffled Comforter",
+ subtitle:"Great mid-weight comforter",
+ text:"We own many comforters for family and guests. We bought these two on reviews that the heat retention and baffling were exceptional. They are. A true pleasure to use. The feel of the cover is perfect, as is the loft. Our favorite comforters from over 20 years of purchases.",
+ author:"STWLJW, Montana "
+ }
+ ]
+ }
+ },
+ {
+ name:"baffleBox",
+ context:{
+ images:[
+ {
+ img:"https://res.cloudinary.com/dg1knuetg/image/upload/ar_16:9,c_fill,w_400/v1598975074/Screen_Shot_2020-09-01_at_11.44.29_AM_otffl2.png",
+ subtitle:"Baffle Box Construction"
+ },
+ {
+ img:"https://res.cloudinary.com/dg1knuetg/image/upload/ar_16:9,c_fill,w_400/v1598975124/Screen_Shot_2020-09-01_at_11.44.45_AM_zvrpag.png",
+ subtitle:"Sewn Through Construction"
+ }
+ ]
+ }
+ },
+ ]
+}
\ No newline at end of file
diff --git a/components/simple-text/simple-text.hbs b/components/simple-text/simple-text.hbs
new file mode 100644
index 0000000..954c9d4
--- /dev/null
+++ b/components/simple-text/simple-text.hbs
@@ -0,0 +1,7 @@
+
+
+
+ There’s nothing like a good night’s sleep, which is why choosing the perfect comforter is so important. Use this guide to learn everything you need to know to choose the right size, weight, and fill for your next luxurious comforter. Find out about comforter construction, the difference between down and down alternative, the best warmth level to fit your sleeping style, and how best to care for your premium comforter.
+
Here are some expert tips to help you select the best comforter size of your bed:
+
+
+ Identify your bed mattress size and its dimensions.
+
+
+ Measure the mattress thickness. Add the inches of thickness to each side of the width of the comforter. For a Queen bed mattress that is 60 inches wide, 80 inches long, and 12 inches thick, you would add 24 inches (12 on each side). So, you will need a comforter that is at least 84 inches wide. In this instance, we would recommend the queen size for best coverage.
+
+
+ Measure the height of your bed. If you have a pillow top or box spring, go for an oversized comforter or go up one size.
+
+
+
+
+
+
+
+ Our Comforter Sizes
+
+
+
+
+
+
+
+
+ Bed Size
+
+
+ Comforter Size
+
+
+
+
+
+
+
Twin
70 in. W x 90 in. L
+
+
+
Twin XL
70 in. W x 96 in. L
+
+
+
Full
84 in. W x 90 in. L
+
+
+
Queen
90 in. W x 96 in. L
+
+
+
King / Cal. King
108 in. W x 96 in. L
+
+
+
Oversized Queen*
98 in. W x 96 in. L
+
+
+
Oversized King*
116 in. W x 96 in. L
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/components/size/size.scss b/components/size/size.scss
new file mode 100644
index 0000000..72ffe18
--- /dev/null
+++ b/components/size/size.scss
@@ -0,0 +1,36 @@
+$table-row-color:#c4d0d980; //improvised
+.tcs-size{
+
+ .tcs-container-md {
+ background-color: $light-blue-50 !important;
+ }
+
+ @include media-breakpoint-up(lg) {
+ .deskSpace{
+ margin-bottom: 20px;
+ }
+ }
+
+ &__table{
+ thead{
+ &:after{
+ content: ""; //the magic to display the border bottom
+
+ }
+ }
+ tr, thead{
+ border-bottom: 1.5px solid $table-row-color;
+ }
+
+ tr:last-of-type{
+ border-bottom: none;
+ }
+
+ th{
+ width: 50%;
+ font-weight: 400;
+
+ }
+
+ }
+}
\ No newline at end of file
diff --git a/components/sleep-wellness/sleep-wellness.config.js b/components/sleep-wellness/sleep-wellness.config.js
new file mode 100644
index 0000000..9d87825
--- /dev/null
+++ b/components/sleep-wellness/sleep-wellness.config.js
@@ -0,0 +1,46 @@
+module.exports ={
+ context: {
+ imageHeroBanner: [
+ {
+ id: 'heroMobile',
+ className: 'img-fit fill-container d-md-none',
+ url: 'http://dev07-web-hanoverdirect.demandware.net/on/demandware.static/-/Sites-TCS-Library/default/dwc0a36c0e/comforter-guide-2020/images/1001_02_SoftBedding_1263.png',
+ altText: 'Hero Img Mobile'
+ },
+ {
+ id: 'heroTablet',
+ className: 'img-fit fill-container d-none d-md-inline-block d-lg-none',
+ url: 'http://dev07-web-hanoverdirect.demandware.net/on/demandware.static/-/Sites-TCS-Library/default/dw060f8f6b/comforter-guide-2020/images/1001_02_SoftBedding_12632x.png',
+ altText: 'Hero Img Tablet'
+ },
+ {
+ id: 'heroDesktop',
+ className: 'img-fit fill-container d-none d-lg-inline-block',
+ url: 'http://dev07-web-hanoverdirect.demandware.net/on/demandware.static/-/Sites-TCS-Library/default/dw09fee465/comforter-guide-2020/images/1001_02_SoftBedding_12633x.png',
+ altText: 'Hero Img Desktop'
+ }
+ ],
+ imageLogo: [
+ {
+ id: 'logoMobile',
+ className: 'd-md-none',
+ url: 'http://dev07-web-hanoverdirect.demandware.net/on/demandware.static/-/Sites-TCS-Library/default/dw52c9822d/comforter-guide-2020/images/SW_logo.png',
+ altText: 'Logo Mobile'
+ },
+ {
+ id: 'logoTablet',
+ className: 'd-none d-md-inline d-lg-none',
+ url: 'http://dev07-web-hanoverdirect.demandware.net/on/demandware.static/-/Sites-TCS-Library/default/dw1be45d68/comforter-guide-2020/images/SW_logo2x.png',
+ altText: 'Logo Tablet'
+ },
+ {
+ id: 'logoDesktop',
+ className: 'd-none d-lg-inline',
+ url: 'http://dev07-web-hanoverdirect.demandware.net/on/demandware.static/-/Sites-TCS-Library/default/dw5f3aaeb7/comforter-guide-2020/images/SW_logo3x.png',
+ altText: 'Logo Desktop'
+ }
+ ],
+ copyTextHeader: 'Better Sleep, Better Life',
+ copyTextBody: 'No matter what kind of sleeper you are or maybe have on your gift list this year, we’ve created this guide to help you and your loved ones wake up on the right side of bed every day.'
+ }
+}
\ No newline at end of file
diff --git a/components/sleep-wellness/sleep-wellness.hbs b/components/sleep-wellness/sleep-wellness.hbs
new file mode 100644
index 0000000..b774de6
--- /dev/null
+++ b/components/sleep-wellness/sleep-wellness.hbs
@@ -0,0 +1,26 @@
+
+
+ 
+ {{!-- 
+ 
+ 
+
+ 
+ `
+ },
+ variants: [
+ {
+ name: "fill",
+ context: {
+ subtitle:"Fill",
+ title: "Down vs. Down Alternative",
+ mainImage: "https://res.cloudinary.com/dg1knuetg/image/upload/ar_1:1,c_fill/v1598451167/cotton.png",
+ richText: `
+ 
+ `
+ }
+ },
+ {
+ name: "warmth",
+ context: {
+ subtitle:"Warmth Level",
+ title: "Choosing Your Comforter’s Warmth Level",
+ mainImage: "https://res.cloudinary.com/dg1knuetg/image/upload/ar_1:1,c_fill/v1598452761/sleep.png",
+ richText: `
+ 
+ 
--}}
+ {{!-- 
+ 
+ 
+ 
+ 
+