<LatticeGrid fullWidth={true} innerGrid={true} className={"product-hero"}>
<MediaCarousel grid={false} settings={{
"infinite": true,
"speed": 500,
"slidesToScroll": 1,
"variableWidth": true,
"arrows": false,
"dots": true,
"lazyLoad": "progressive",
"dotsClass": "slick-dots slick-thumb "
}} className={"product-hero__carousel"} summary={undefined} backgroundColor={undefined} backgroundImage={undefined} image={undefined} useWrapper={false} wrapperComponent={{}} useSlider={true}>
<Img type={"product-hero"}
className={"product-slide"}
loading={"eager"}
alt={"Product Detail"}
image={{
"contentful_id": "6JoUze7n4gVKOmFjk7xoJv",
"gatsbyImageData": {
"images": {
"sources": [
{
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/6JoUze7n4gVKOmFjk7xoJv/1eca3e32754ff465626407b06d4cd1ca/08_PDP_Sheets_Set_Light_Gray_0196_RT.jpg?w=333&h=500&q=50&fm=webp 333w,\nhttps://images.ctfassets.net/9tqo559eytsj/6JoUze7n4gVKOmFjk7xoJv/1eca3e32754ff465626407b06d4cd1ca/08_PDP_Sheets_Set_Light_Gray_0196_RT.jpg?w=667&h=1001&q=50&fm=webp 667w,\nhttps://images.ctfassets.net/9tqo559eytsj/6JoUze7n4gVKOmFjk7xoJv/1eca3e32754ff465626407b06d4cd1ca/08_PDP_Sheets_Set_Light_Gray_0196_RT.jpg?w=1333&h=2000&q=50&fm=webp 1333w",
"sizes": "(min-width: 1333px) 1333px, 100vw",
"type": "image/webp"
}
],
"fallback": {
"src": "https://images.ctfassets.net/9tqo559eytsj/6JoUze7n4gVKOmFjk7xoJv/1eca3e32754ff465626407b06d4cd1ca/08_PDP_Sheets_Set_Light_Gray_0196_RT.jpg?w=1333&h=2000&fl=progressive&q=50&fm=jpg",
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/6JoUze7n4gVKOmFjk7xoJv/1eca3e32754ff465626407b06d4cd1ca/08_PDP_Sheets_Set_Light_Gray_0196_RT.jpg?w=333&h=500&fl=progressive&q=50&fm=jpg 333w,\nhttps://images.ctfassets.net/9tqo559eytsj/6JoUze7n4gVKOmFjk7xoJv/1eca3e32754ff465626407b06d4cd1ca/08_PDP_Sheets_Set_Light_Gray_0196_RT.jpg?w=667&h=1001&fl=progressive&q=50&fm=jpg 667w,\nhttps://images.ctfassets.net/9tqo559eytsj/6JoUze7n4gVKOmFjk7xoJv/1eca3e32754ff465626407b06d4cd1ca/08_PDP_Sheets_Set_Light_Gray_0196_RT.jpg?w=1333&h=2000&fl=progressive&q=50&fm=jpg 1333w",
"sizes": "(min-width: 1333px) 1333px, 100vw"
}
},
"layout": "constrained",
"width": 1920,
"height": 2881
},
"localImage": null,
"description": "Folded light gray sheets and pillows against a white background."
}}
mobileImage={{
"contentful_id": "4bHaYwyQjJo59n6TnxGOos",
"gatsbyImageData": {
"images": {
"sources": [
{
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/4bHaYwyQjJo59n6TnxGOos/2d70a665827fbcd9b17211e62c607926/Rectangle_4_5.jpg?w=160&h=200&q=50&fm=webp 160w,\nhttps://images.ctfassets.net/9tqo559eytsj/4bHaYwyQjJo59n6TnxGOos/2d70a665827fbcd9b17211e62c607926/Rectangle_4_5.jpg?w=320&h=400&q=50&fm=webp 320w,\nhttps://images.ctfassets.net/9tqo559eytsj/4bHaYwyQjJo59n6TnxGOos/2d70a665827fbcd9b17211e62c607926/Rectangle_4_5.jpg?w=640&h=800&q=50&fm=webp 640w",
"sizes": "(min-width: 640px) 640px, 100vw",
"type": "image/webp"
}
],
"fallback": {
"src": "https://images.ctfassets.net/9tqo559eytsj/4bHaYwyQjJo59n6TnxGOos/2d70a665827fbcd9b17211e62c607926/Rectangle_4_5.jpg?w=640&h=800&fl=progressive&q=50&fm=jpg",
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/4bHaYwyQjJo59n6TnxGOos/2d70a665827fbcd9b17211e62c607926/Rectangle_4_5.jpg?w=160&h=200&fl=progressive&q=50&fm=jpg 160w,\nhttps://images.ctfassets.net/9tqo559eytsj/4bHaYwyQjJo59n6TnxGOos/2d70a665827fbcd9b17211e62c607926/Rectangle_4_5.jpg?w=320&h=400&fl=progressive&q=50&fm=jpg 320w,\nhttps://images.ctfassets.net/9tqo559eytsj/4bHaYwyQjJo59n6TnxGOos/2d70a665827fbcd9b17211e62c607926/Rectangle_4_5.jpg?w=640&h=800&fl=progressive&q=50&fm=jpg 640w",
"sizes": "(min-width: 640px) 640px, 100vw"
}
},
"layout": "constrained",
"width": 1000,
"height": 1250
},
"localImage": null,
"description": "A stack of folded light gray sheets and pillows against a white background."
}}
id={"6JoUze7n4gVKOmFjk7xoJv"} />
<Img type={"product-hero"}
className={"product-slide"}
loading={"eager"}
alt={"Product Detail"}
image={{
"contentful_id": "3g3TjBZzPzWsNdp88cDr3i",
"gatsbyImageData": {
"images": {
"sources": [
{
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/3g3TjBZzPzWsNdp88cDr3i/02983ef890e2ef6365a49f55cb53fa51/sheets-hero4.jpg?w=480&h=550&q=50&fm=webp 480w,\nhttps://images.ctfassets.net/9tqo559eytsj/3g3TjBZzPzWsNdp88cDr3i/02983ef890e2ef6365a49f55cb53fa51/sheets-hero4.jpg?w=960&h=1100&q=50&fm=webp 960w,\nhttps://images.ctfassets.net/9tqo559eytsj/3g3TjBZzPzWsNdp88cDr3i/02983ef890e2ef6365a49f55cb53fa51/sheets-hero4.jpg?w=1920&h=2199&q=50&fm=webp 1920w",
"sizes": "(min-width: 1920px) 1920px, 100vw",
"type": "image/webp"
}
],
"fallback": {
"src": "https://images.ctfassets.net/9tqo559eytsj/3g3TjBZzPzWsNdp88cDr3i/02983ef890e2ef6365a49f55cb53fa51/sheets-hero4.jpg?w=1920&h=2199&fl=progressive&q=50&fm=jpg",
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/3g3TjBZzPzWsNdp88cDr3i/02983ef890e2ef6365a49f55cb53fa51/sheets-hero4.jpg?w=480&h=550&fl=progressive&q=50&fm=jpg 480w,\nhttps://images.ctfassets.net/9tqo559eytsj/3g3TjBZzPzWsNdp88cDr3i/02983ef890e2ef6365a49f55cb53fa51/sheets-hero4.jpg?w=960&h=1100&fl=progressive&q=50&fm=jpg 960w,\nhttps://images.ctfassets.net/9tqo559eytsj/3g3TjBZzPzWsNdp88cDr3i/02983ef890e2ef6365a49f55cb53fa51/sheets-hero4.jpg?w=1920&h=2199&fl=progressive&q=50&fm=jpg 1920w",
"sizes": "(min-width: 1920px) 1920px, 100vw"
}
},
"layout": "constrained",
"width": 1920,
"height": 2199
},
"localImage": null,
"description": "Close up view of gray and light pink sheets"
}}
mobileImage={{
"contentful_id": "2lSVBzMCixS5iKkkW5I3tZ",
"gatsbyImageData": {
"images": {
"sources": [
{
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/2lSVBzMCixS5iKkkW5I3tZ/88e70bffaf99b94958d2f6193dced315/sheets-hero4__1_.jpg?w=160&h=183&q=50&fm=webp 160w,\nhttps://images.ctfassets.net/9tqo559eytsj/2lSVBzMCixS5iKkkW5I3tZ/88e70bffaf99b94958d2f6193dced315/sheets-hero4__1_.jpg?w=320&h=366&q=50&fm=webp 320w,\nhttps://images.ctfassets.net/9tqo559eytsj/2lSVBzMCixS5iKkkW5I3tZ/88e70bffaf99b94958d2f6193dced315/sheets-hero4__1_.jpg?w=640&h=733&q=50&fm=webp 640w",
"sizes": "(min-width: 640px) 640px, 100vw",
"type": "image/webp"
}
],
"fallback": {
"src": "https://images.ctfassets.net/9tqo559eytsj/2lSVBzMCixS5iKkkW5I3tZ/88e70bffaf99b94958d2f6193dced315/sheets-hero4__1_.jpg?w=640&h=733&fl=progressive&q=50&fm=jpg",
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/2lSVBzMCixS5iKkkW5I3tZ/88e70bffaf99b94958d2f6193dced315/sheets-hero4__1_.jpg?w=160&h=183&fl=progressive&q=50&fm=jpg 160w,\nhttps://images.ctfassets.net/9tqo559eytsj/2lSVBzMCixS5iKkkW5I3tZ/88e70bffaf99b94958d2f6193dced315/sheets-hero4__1_.jpg?w=320&h=366&fl=progressive&q=50&fm=jpg 320w,\nhttps://images.ctfassets.net/9tqo559eytsj/2lSVBzMCixS5iKkkW5I3tZ/88e70bffaf99b94958d2f6193dced315/sheets-hero4__1_.jpg?w=640&h=733&fl=progressive&q=50&fm=jpg 640w",
"sizes": "(min-width: 640px) 640px, 100vw"
}
},
"layout": "constrained",
"width": 1000,
"height": 1145
},
"localImage": null,
"description": "Up close view of beige and blush sheets"
}}
id={"3g3TjBZzPzWsNdp88cDr3i"} />
<Img type={"product-hero"}
className={"product-slide"}
loading={"eager"}
alt={"Product Detail"}
image={{
"contentful_id": "4lYJTHh8pD4GvVzWjW7JCx",
"gatsbyImageData": {
"images": {
"sources": [
{
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/4lYJTHh8pD4GvVzWjW7JCx/74191008729c99e26e9624c151f53bd8/04_Sheets_Solo_0032_Copy.jpg?w=300&h=300&q=50&fm=webp 300w,\nhttps://images.ctfassets.net/9tqo559eytsj/4lYJTHh8pD4GvVzWjW7JCx/74191008729c99e26e9624c151f53bd8/04_Sheets_Solo_0032_Copy.jpg?w=599&h=599&q=50&fm=webp 599w,\nhttps://images.ctfassets.net/9tqo559eytsj/4lYJTHh8pD4GvVzWjW7JCx/74191008729c99e26e9624c151f53bd8/04_Sheets_Solo_0032_Copy.jpg?w=1198&h=1198&q=50&fm=webp 1198w",
"sizes": "(min-width: 1198px) 1198px, 100vw",
"type": "image/webp"
}
],
"fallback": {
"src": "https://images.ctfassets.net/9tqo559eytsj/4lYJTHh8pD4GvVzWjW7JCx/74191008729c99e26e9624c151f53bd8/04_Sheets_Solo_0032_Copy.jpg?w=1198&h=1198&fl=progressive&q=50&fm=jpg",
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/4lYJTHh8pD4GvVzWjW7JCx/74191008729c99e26e9624c151f53bd8/04_Sheets_Solo_0032_Copy.jpg?w=300&h=300&fl=progressive&q=50&fm=jpg 300w,\nhttps://images.ctfassets.net/9tqo559eytsj/4lYJTHh8pD4GvVzWjW7JCx/74191008729c99e26e9624c151f53bd8/04_Sheets_Solo_0032_Copy.jpg?w=599&h=599&fl=progressive&q=50&fm=jpg 599w,\nhttps://images.ctfassets.net/9tqo559eytsj/4lYJTHh8pD4GvVzWjW7JCx/74191008729c99e26e9624c151f53bd8/04_Sheets_Solo_0032_Copy.jpg?w=1198&h=1198&fl=progressive&q=50&fm=jpg 1198w",
"sizes": "(min-width: 1198px) 1198px, 100vw"
}
},
"layout": "constrained",
"width": 1920,
"height": 1920
},
"localImage": null,
"description": ""
}}
mobileImage={{
"contentful_id": "6lKZBb1wn8PpcZcDbxMEKG",
"gatsbyImageData": {
"images": {
"sources": [
{
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/6lKZBb1wn8PpcZcDbxMEKG/f9da7e55f9665da4a010f2dcbc12fb99/04_Sheets_Solo_0032_Copy__1_.jpg?w=160&h=160&q=50&fm=webp 160w,\nhttps://images.ctfassets.net/9tqo559eytsj/6lKZBb1wn8PpcZcDbxMEKG/f9da7e55f9665da4a010f2dcbc12fb99/04_Sheets_Solo_0032_Copy__1_.jpg?w=320&h=320&q=50&fm=webp 320w,\nhttps://images.ctfassets.net/9tqo559eytsj/6lKZBb1wn8PpcZcDbxMEKG/f9da7e55f9665da4a010f2dcbc12fb99/04_Sheets_Solo_0032_Copy__1_.jpg?w=640&h=640&q=50&fm=webp 640w",
"sizes": "(min-width: 640px) 640px, 100vw",
"type": "image/webp"
}
],
"fallback": {
"src": "https://images.ctfassets.net/9tqo559eytsj/6lKZBb1wn8PpcZcDbxMEKG/f9da7e55f9665da4a010f2dcbc12fb99/04_Sheets_Solo_0032_Copy__1_.jpg?w=640&h=640&fl=progressive&q=50&fm=jpg",
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/6lKZBb1wn8PpcZcDbxMEKG/f9da7e55f9665da4a010f2dcbc12fb99/04_Sheets_Solo_0032_Copy__1_.jpg?w=160&h=160&fl=progressive&q=50&fm=jpg 160w,\nhttps://images.ctfassets.net/9tqo559eytsj/6lKZBb1wn8PpcZcDbxMEKG/f9da7e55f9665da4a010f2dcbc12fb99/04_Sheets_Solo_0032_Copy__1_.jpg?w=320&h=320&fl=progressive&q=50&fm=jpg 320w,\nhttps://images.ctfassets.net/9tqo559eytsj/6lKZBb1wn8PpcZcDbxMEKG/f9da7e55f9665da4a010f2dcbc12fb99/04_Sheets_Solo_0032_Copy__1_.jpg?w=640&h=640&fl=progressive&q=50&fm=jpg 640w",
"sizes": "(min-width: 640px) 640px, 100vw"
}
},
"layout": "constrained",
"width": 1000,
"height": 1000
},
"localImage": null,
"description": "Woman laying wrapped in light gray sheets"
}}
id={"4lYJTHh8pD4GvVzWjW7JCx"} />
<Img type={"product-hero"}
className={"product-slide"}
loading={"eager"}
alt={"Product Detail"}
image={{
"contentful_id": "3NNSJowpcpZO1v11uOrZxl",
"gatsbyImageData": {
"images": {
"sources": [
{
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/3NNSJowpcpZO1v11uOrZxl/817e622d3bae99afe943cdbca473d443/200526_Buffy_Eastwind024_hero_RT-cful.jpg?w=281&h=375&q=50&fm=webp 281w,\nhttps://images.ctfassets.net/9tqo559eytsj/3NNSJowpcpZO1v11uOrZxl/817e622d3bae99afe943cdbca473d443/200526_Buffy_Eastwind024_hero_RT-cful.jpg?w=563&h=751&q=50&fm=webp 563w,\nhttps://images.ctfassets.net/9tqo559eytsj/3NNSJowpcpZO1v11uOrZxl/817e622d3bae99afe943cdbca473d443/200526_Buffy_Eastwind024_hero_RT-cful.jpg?w=1125&h=1500&q=50&fm=webp 1125w",
"sizes": "(min-width: 1125px) 1125px, 100vw",
"type": "image/webp"
}
],
"fallback": {
"src": "https://images.ctfassets.net/9tqo559eytsj/3NNSJowpcpZO1v11uOrZxl/817e622d3bae99afe943cdbca473d443/200526_Buffy_Eastwind024_hero_RT-cful.jpg?w=1125&h=1500&fl=progressive&q=50&fm=jpg",
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/3NNSJowpcpZO1v11uOrZxl/817e622d3bae99afe943cdbca473d443/200526_Buffy_Eastwind024_hero_RT-cful.jpg?w=281&h=375&fl=progressive&q=50&fm=jpg 281w,\nhttps://images.ctfassets.net/9tqo559eytsj/3NNSJowpcpZO1v11uOrZxl/817e622d3bae99afe943cdbca473d443/200526_Buffy_Eastwind024_hero_RT-cful.jpg?w=563&h=751&fl=progressive&q=50&fm=jpg 563w,\nhttps://images.ctfassets.net/9tqo559eytsj/3NNSJowpcpZO1v11uOrZxl/817e622d3bae99afe943cdbca473d443/200526_Buffy_Eastwind024_hero_RT-cful.jpg?w=1125&h=1500&fl=progressive&q=50&fm=jpg 1125w",
"sizes": "(min-width: 1125px) 1125px, 100vw"
}
},
"layout": "constrained",
"width": 1920,
"height": 2560
},
"localImage": null,
"description": "Bed made with white sheets and pillows with window and forest in background"
}}
mobileImage={{
"contentful_id": "6MTVjvRWK9IeVc9M8cmluf",
"gatsbyImageData": {
"images": {
"sources": [
{
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/6MTVjvRWK9IeVc9M8cmluf/49ea3e7a3e23cad7797462e11945692b/200526_Buffy_Eastwind024_hero_RT-cful__1_.jpg?w=160&h=213&q=50&fm=webp 160w,\nhttps://images.ctfassets.net/9tqo559eytsj/6MTVjvRWK9IeVc9M8cmluf/49ea3e7a3e23cad7797462e11945692b/200526_Buffy_Eastwind024_hero_RT-cful__1_.jpg?w=320&h=427&q=50&fm=webp 320w,\nhttps://images.ctfassets.net/9tqo559eytsj/6MTVjvRWK9IeVc9M8cmluf/49ea3e7a3e23cad7797462e11945692b/200526_Buffy_Eastwind024_hero_RT-cful__1_.jpg?w=640&h=853&q=50&fm=webp 640w",
"sizes": "(min-width: 640px) 640px, 100vw",
"type": "image/webp"
}
],
"fallback": {
"src": "https://images.ctfassets.net/9tqo559eytsj/6MTVjvRWK9IeVc9M8cmluf/49ea3e7a3e23cad7797462e11945692b/200526_Buffy_Eastwind024_hero_RT-cful__1_.jpg?w=640&h=853&fl=progressive&q=50&fm=jpg",
"srcSet": "https://images.ctfassets.net/9tqo559eytsj/6MTVjvRWK9IeVc9M8cmluf/49ea3e7a3e23cad7797462e11945692b/200526_Buffy_Eastwind024_hero_RT-cful__1_.jpg?w=160&h=213&fl=progressive&q=50&fm=jpg 160w,\nhttps://images.ctfassets.net/9tqo559eytsj/6MTVjvRWK9IeVc9M8cmluf/49ea3e7a3e23cad7797462e11945692b/200526_Buffy_Eastwind024_hero_RT-cful__1_.jpg?w=320&h=427&fl=progressive&q=50&fm=jpg 320w,\nhttps://images.ctfassets.net/9tqo559eytsj/6MTVjvRWK9IeVc9M8cmluf/49ea3e7a3e23cad7797462e11945692b/200526_Buffy_Eastwind024_hero_RT-cful__1_.jpg?w=640&h=853&fl=progressive&q=50&fm=jpg 640w",
"sizes": "(min-width: 640px) 640px, 100vw"
}
},
"layout": "constrained",
"width": 1000,
"height": 1333
},
"localImage": null,
"description": "Unmade bed with white sheets and pillows and window view of forest"
}}
id={"3NNSJowpcpZO1v11uOrZxl"} />
</MediaCarousel>
</LatticeGrid>The product hero carousel includes custom paging not reflected in the code. Below is the function to include in the carousel settings:
customPaging: i => {
return (
<button type="button">
<Image
image={images[i].image}
alt="Product Thumbnail"
className="product-thumb"
loading="eager"
/>
</button>
);
}