<!doctype html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<link rel="alternate" href="https://www.heytens.com/fr/" hreflang="fr-FR" />
<link rel="alternate" href="https://www.heytens.com/be-fr/" hreflang="fr-BE" />
<link rel="alternate" href="https://www.heytens.com/lu/" hreflang="fr-LU" />
<link rel="alternate" href="https://www.heytens.com/ch-fr/" hreflang="fr-CH" />
<link rel="alternate" href="https://www.heytens.com/" hreflang="x-default" />
<link rel="alternate" href="https://www.heytens.com/be-nl/" hreflang="nl-BE" />
<link rel="alternate" href="https://www.heytens.com/ch-de/" hreflang="de-CH" />
<!-- This site is optimized with the Yoast SEO plugin v25.5 - https://yoast.com/wordpress/plugins/seo/ -->
<title>Heytens : Rideaux & Stores sur mesure en France</title>
<meta name="description" content="Heytens s'occupe de tout. Découvrez la collection, commandez vos échantillons en ligne. Planifiez votre RDV en ligne ou en magasin !" />
<link rel="canonical" href="https://www.heytens.com/fr/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:locale:alternate" content="nl_BE" />
<meta property="og:locale:alternate" content="de_DE" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Heytens : Rideaux & Stores sur mesure en France" />
<meta property="og:description" content="Heytens s'occupe de tout. Découvrez la collection, commandez vos échantillons en ligne. Planifiez votre RDV en ligne ou en magasin !" />
<meta property="og:url" content="https://www.heytens.com/fr/" />
<meta property="og:site_name" content="Heytens" />
<meta property="article:modified_time" content="2025-11-24T15:02:35+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.heytens.com/fr/","url":"https://www.heytens.com/fr/","name":"Heytens : Rideaux & Stores sur mesure en France","isPartOf":{"@id":"https://www.heytens.com/fr/#website"},"about":{"@id":"https://www.heytens.com/fr/#organization"},"datePublished":"2024-05-24T14:17:21+00:00","dateModified":"2025-11-24T15:02:35+00:00","description":"Heytens s'occupe de tout. Découvrez la collection, commandez vos échantillons en ligne. Planifiez votre RDV en ligne ou en magasin !","breadcrumb":{"@id":"https://www.heytens.com/fr/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://www.heytens.com/fr/"]}]},{"@type":"BreadcrumbList","@id":"https://www.heytens.com/fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https://www.heytens.com/fr/#website","url":"https://www.heytens.com/fr/","name":"Heytens","description":"","publisher":{"@id":"https://www.heytens.com/fr/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.heytens.com/fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https://www.heytens.com/fr/#organization","name":"Heytens","url":"https://www.heytens.com/fr/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://www.heytens.com/fr/#/schema/logo/image/","url":"https://www.heytens.com/content/uploads/2024/06/Logo-Full.png","contentUrl":"https://www.heytens.com/content/uploads/2024/06/Logo-Full.png","width":212,"height":72,"caption":"Heytens"},"image":{"@id":"https://www.heytens.com/fr/#/schema/logo/image/"}}]}</script>
<meta name="google-site-verification" content="-9RzLjury9cIGGG4r6nrSk5mCC9St6sqaJi_y0wCJDw" />
<!-- / Yoast SEO plugin. -->
<script type='application/javascript' id='pys-version-script'>console.log('PixelYourSite Free version 11.1.5');</script>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.heytens.com/cms/wp-includes/css/dist/block-library/style.min.css?ver=6.8.2' type='text/css' media='all' />
<style id='wp-block-library-theme-inline-css' type='text/css'>
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
</style>
<style id='safe-svg-svg-icon-style-inline-css' type='text/css'>
.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #FFFFFF;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--dark: #000000;--wp--preset--color--blue-duck: #003B4D;--wp--preset--color--blue-duck-hover: #01333F;--wp--preset--color--peach: #FF8674;--wp--preset--color--peach-hover: #E56E61;--wp--preset--color--turquoise: #00A5B5;--wp--preset--color--turquoise-hover: #009FAE;--wp--preset--color--green-validation: #72CB00;--wp--preset--color--grey: #BBCACF;--wp--preset--color--light-grey: #FAFAFA;--wp--preset--color--lighter-grey: #D5D0CA;--wp--preset--color--nude: #FEE1DE;--wp--preset--color--sky: #E0F1F2;--wp--preset--color--linen: #F2ECE7;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--colossal: clamp(2.5rem, 8vw, 5.25rem);--wp--preset--font-size--gigantic: clamp(2.125rem, 6vw, 3rem);--wp--preset--font-size--enormous: clamp(1.875rem, 6vw, 3.75rem);--wp--preset--font-size--huge: clamp(1.75rem, 4vw, 2.375rem);--wp--preset--font-size--bigger: clamp(1.375rem, 4vw, 1.75rem);--wp--preset--font-size--big: clamp(1.375rem, 4vw, 1.5rem);--wp--preset--font-size--normal: clamp(0.875rem, 4vw, 1rem);--wp--preset--font-family--brown: Brown,ui-sans-serif,system-ui,-apple-system;--wp--preset--font-family--domainesans: DomaineSans,ui-sans-serif,system-ui,-apple-system;--wp--preset--font-family--dmsans: DM Sans,ui-sans-serif,system-ui,-apple-system;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);--wp--custom--spacing--small: max(1.25rem, 5vw);--wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)));--wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);--wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem);--wp--custom--typography--font-size--colossal: clamp(2.5rem, 8vw, 5.25rem);--wp--custom--typography--font-size--gigantic: clamp(2.125rem, 6vw, 3rem);--wp--custom--typography--font-size--huge: clamp(1.75rem, 4vw, 2.375rem);--wp--custom--typography--font-size--bigger: clamp(1.5rem, 4vw, 1.75rem);--wp--custom--typography--font-size--big: clamp(1.375rem, 4vw, 1.5rem);--wp--custom--typography--font-size--medium: clamp(1rem, 4vw, 1.125rem);--wp--custom--typography--font-size--normal: clamp(0.875rem, 4vw, 1rem);--wp--custom--typography--font-size--small: clamp(0.75rem, 4vw, 0.875rem);--wp--custom--typography--line-height--tiny: 1.15;--wp--custom--typography--line-height--small: 1.2;--wp--custom--typography--line-height--medium: 1.4;--wp--custom--typography--line-height--normal: 1;}:root { --wp--style--global--content-size: 1140px;--wp--style--global--wide-size: 1440px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.5rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.5rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.5rem;}:root :where(.is-layout-grid){gap: 1.5rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{color: var(--wp--preset--color--blue-duck);font-family: var(--wp--preset--font-family--system-font);font-size: var(--wp--preset--font-size--medium);line-height: var(--wp--custom--typography--line-height--normal);padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--blue-duck);text-decoration: underline;}h1{font-family: var(--wp--preset--font-family--domainesans);font-size: var(--wp--custom--typography--font-size--gigantic);font-weight: 600;line-height: var(--wp--custom--typography--line-height--tiny);}h2{font-family: var(--wp--preset--font-family--domainesans);font-size: var(--wp--custom--typography--font-size--huge);font-weight: 600;line-height: var(--wp--custom--typography--line-height--small);}h3{font-family: var(--wp--preset--font-family--domainesans);font-size: var(--wp--custom--typography--font-size--bigger);font-weight: 600;line-height: var(--wp--custom--typography--line-height--tiny);}h4{font-family: var(--wp--preset--font-family--domainesans);font-size: var(--wp--preset--font-size--medium);font-weight: 600;line-height: var(--wp--custom--typography--line-height--verybig);}h5{font-family: var(--wp--preset--font-family--domainesans);font-size: var(--wp--preset--font-size--normal);font-weight: 700;line-height: var(--wp--custom--typography--line-height--big);text-transform: uppercase;}h6{font-family: var(--wp--preset--font-family--domainesans);font-size: var(--wp--preset--font-size--normal);font-weight: 400;line-height: var(--wp--custom--typography--line-height--normal);text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-dark-color{color: var(--wp--preset--color--dark) !important;}.has-blue-duck-color{color: var(--wp--preset--color--blue-duck) !important;}.has-blue-duck-hover-color{color: var(--wp--preset--color--blue-duck-hover) !important;}.has-peach-color{color: var(--wp--preset--color--peach) !important;}.has-peach-hover-color{color: var(--wp--preset--color--peach-hover) !important;}.has-turquoise-color{color: var(--wp--preset--color--turquoise) !important;}.has-turquoise-hover-color{color: var(--wp--preset--color--turquoise-hover) !important;}.has-green-validation-color{color: var(--wp--preset--color--green-validation) !important;}.has-grey-color{color: var(--wp--preset--color--grey) !important;}.has-light-grey-color{color: var(--wp--preset--color--light-grey) !important;}.has-lighter-grey-color{color: var(--wp--preset--color--lighter-grey) !important;}.has-nude-color{color: var(--wp--preset--color--nude) !important;}.has-sky-color{color: var(--wp--preset--color--sky) !important;}.has-linen-color{color: var(--wp--preset--color--linen) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-dark-background-color{background-color: var(--wp--preset--color--dark) !important;}.has-blue-duck-background-color{background-color: var(--wp--preset--color--blue-duck) !important;}.has-blue-duck-hover-background-color{background-color: var(--wp--preset--color--blue-duck-hover) !important;}.has-peach-background-color{background-color: var(--wp--preset--color--peach) !important;}.has-peach-hover-background-color{background-color: var(--wp--preset--color--peach-hover) !important;}.has-turquoise-background-color{background-color: var(--wp--preset--color--turquoise) !important;}.has-turquoise-hover-background-color{background-color: var(--wp--preset--color--turquoise-hover) !important;}.has-green-validation-background-color{background-color: var(--wp--preset--color--green-validation) !important;}.has-grey-background-color{background-color: var(--wp--preset--color--grey) !important;}.has-light-grey-background-color{background-color: var(--wp--preset--color--light-grey) !important;}.has-lighter-grey-background-color{background-color: var(--wp--preset--color--lighter-grey) !important;}.has-nude-background-color{background-color: var(--wp--preset--color--nude) !important;}.has-sky-background-color{background-color: var(--wp--preset--color--sky) !important;}.has-linen-background-color{background-color: var(--wp--preset--color--linen) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-dark-border-color{border-color: var(--wp--preset--color--dark) !important;}.has-blue-duck-border-color{border-color: var(--wp--preset--color--blue-duck) !important;}.has-blue-duck-hover-border-color{border-color: var(--wp--preset--color--blue-duck-hover) !important;}.has-peach-border-color{border-color: var(--wp--preset--color--peach) !important;}.has-peach-hover-border-color{border-color: var(--wp--preset--color--peach-hover) !important;}.has-turquoise-border-color{border-color: var(--wp--preset--color--turquoise) !important;}.has-turquoise-hover-border-color{border-color: var(--wp--preset--color--turquoise-hover) !important;}.has-green-validation-border-color{border-color: var(--wp--preset--color--green-validation) !important;}.has-grey-border-color{border-color: var(--wp--preset--color--grey) !important;}.has-light-grey-border-color{border-color: var(--wp--preset--color--light-grey) !important;}.has-lighter-grey-border-color{border-color: var(--wp--preset--color--lighter-grey) !important;}.has-nude-border-color{border-color: var(--wp--preset--color--nude) !important;}.has-sky-border-color{border-color: var(--wp--preset--color--sky) !important;}.has-linen-border-color{border-color: var(--wp--preset--color--linen) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-colossal-font-size{font-size: var(--wp--preset--font-size--colossal) !important;}.has-gigantic-font-size{font-size: var(--wp--preset--font-size--gigantic) !important;}.has-enormous-font-size{font-size: var(--wp--preset--font-size--enormous) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}.has-bigger-font-size{font-size: var(--wp--preset--font-size--bigger) !important;}.has-big-font-size{font-size: var(--wp--preset--font-size--big) !important;}.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}.has-brown-font-family{font-family: var(--wp--preset--font-family--brown) !important;}.has-domainesans-font-family{font-family: var(--wp--preset--font-family--domainesans) !important;}.has-dmsans-font-family{font-family: var(--wp--preset--font-family--dmsans) !important;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
:root :where(p){font-family: var(--wp--preset--font-family--brown);font-size: var(--wp--preset--font-size--medium);font-weight: 300;line-height: var(--wp--custom--typography--line-height--medium);}
</style>
<style id='woocommerce-inline-inline-css' type='text/css'>
.woocommerce form .form-row .required { visibility: visible; }
</style>
<style id='wpgb-head-inline-css' type='text/css'>
.wp-grid-builder:not(.wpgb-template),.wpgb-facet{opacity:0.01}.wpgb-facet fieldset{margin:0;padding:0;border:none;outline:none;box-shadow:none}.wpgb-facet fieldset:last-child{margin-bottom:40px;}.wpgb-facet fieldset legend.wpgb-sr-only{height:1px;width:1px}
</style>
<link rel='stylesheet' id='brands-styles-css' href='https://www.heytens.com/content/plugins/woocommerce/assets/css/brands.css?ver=10.0.2' type='text/css' media='all' />
<link rel='stylesheet' id='themosis/frontend-4d48a344-css' href='https://www.heytens.com/content/themes/heytens/dist/frontend/assets/frontend-a4b867af.css?ver=4d48a344' type='text/css' media='all' />
<link rel='stylesheet' id='axeptio/main-css' href='https://www.heytens.com/content/plugins/axeptio-sdk-integration/dist/css/frontend/main.css' type='text/css' media='all' />
<link rel='stylesheet' id='sib-front-css-css' href='https://www.heytens.com/content/plugins/mailin/css/mailin-front.css?ver=6.8.2' type='text/css' media='all' />
<script type="text/javascript" id="jquery-core-js-extra">
/* <![CDATA[ */
var pysFacebookRest = {"restApiUrl":"https:\/\/www.heytens.com\/wp-json\/pys-facebook\/v1\/event","debug":""};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.heytens.com/cms/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://www.heytens.com/cms/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://www.heytens.com/content/plugins/pixelyoursite/dist/scripts/jquery.bind-first-0.2.3.min.js?ver=0.2.3" id="jquery-bind-first-js"></script>
<script type="text/javascript" src="https://www.heytens.com/content/plugins/pixelyoursite/dist/scripts/js.cookie-2.1.3.min.js?ver=2.1.3" id="js-cookie-pys-js"></script>
<script type="text/javascript" src="https://www.heytens.com/content/plugins/pixelyoursite/dist/scripts/tld.min.js?ver=2.3.1" id="js-tld-js"></script>
<script type="text/javascript" id="pys-js-extra">
/* <![CDATA[ */
var pysOptions = {"staticEvents":{"facebook":{"init_event":[{"delay":0,"type":"static","ajaxFire":false,"name":"PageView","pixelIds":["522308621534871"],"eventID":"1f0855e2-61dd-413f-80de-2ef14ff611fa","params":{"page_title":"HomePage","post_type":"page","post_id":14,"plugin":"PixelYourSite","user_role":"guest","event_url":"www.heytens.com\/fr\/"},"e_id":"init_event","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}]}},"dynamicEvents":[],"triggerEvents":[],"triggerEventTypes":[],"facebook":{"pixelIds":["522308621534871"],"advancedMatching":[],"advancedMatchingEnabled":true,"removeMetadata":false,"wooVariableAsSimple":false,"serverApiEnabled":true,"wooCRSendFromServer":false,"send_external_id":null,"enabled_medical":false,"do_not_track_medical_param":["event_url","post_title","page_title","landing_page","content_name","categories","category_name","tags"],"meta_ldu":false},"debug":"","siteUrl":"https:\/\/www.heytens.com\/cms","ajaxUrl":"https:\/\/www.heytens.com\/cms\/wp-admin\/admin-ajax.php","ajax_event":"38e495e6dc","enable_remove_download_url_param":"1","cookie_duration":"7","last_visit_duration":"60","enable_success_send_form":"","ajaxForServerEvent":"1","ajaxForServerStaticEvent":"1","useSendBeacon":"1","send_external_id":"1","external_id_expire":"180","track_cookie_for_subdomains":"1","google_consent_mode":"1","gdpr":{"ajax_enabled":false,"all_disabled_by_api":false,"facebook_disabled_by_api":false,"analytics_disabled_by_api":false,"google_ads_disabled_by_api":false,"pinterest_disabled_by_api":false,"bing_disabled_by_api":false,"reddit_disabled_by_api":false,"externalID_disabled_by_api":false,"facebook_prior_consent_enabled":true,"analytics_prior_consent_enabled":true,"google_ads_prior_consent_enabled":null,"pinterest_prior_consent_enabled":true,"bing_prior_consent_enabled":true,"cookiebot_integration_enabled":false,"cookiebot_facebook_consent_category":"marketing","cookiebot_analytics_consent_category":"statistics","cookiebot_tiktok_consent_category":"marketing","cookiebot_google_ads_consent_category":"marketing","cookiebot_pinterest_consent_category":"marketing","cookiebot_bing_consent_category":"marketing","consent_magic_integration_enabled":false,"real_cookie_banner_integration_enabled":false,"cookie_notice_integration_enabled":false,"cookie_law_info_integration_enabled":false,"analytics_storage":{"enabled":true,"value":"granted","filter":false},"ad_storage":{"enabled":true,"value":"granted","filter":false},"ad_user_data":{"enabled":true,"value":"granted","filter":false},"ad_personalization":{"enabled":true,"value":"granted","filter":false}},"cookie":{"disabled_all_cookie":false,"disabled_start_session_cookie":false,"disabled_advanced_form_data_cookie":false,"disabled_landing_page_cookie":false,"disabled_first_visit_cookie":false,"disabled_trafficsource_cookie":false,"disabled_utmTerms_cookie":false,"disabled_utmId_cookie":false},"tracking_analytics":{"TrafficSource":"direct","TrafficLanding":"undefined","TrafficUtms":[],"TrafficUtmsId":[]},"GATags":{"ga_datalayer_type":"default","ga_datalayer_name":"dataLayerPYS"},"woo":{"enabled":true,"enabled_save_data_to_orders":true,"addToCartOnButtonEnabled":true,"addToCartOnButtonValueEnabled":true,"addToCartOnButtonValueOption":"price","singleProductId":null,"removeFromCartSelector":"form.woocommerce-cart-form .remove","addToCartCatchMethod":"add_cart_hook","is_order_received_page":false,"containOrderId":false},"edd":{"enabled":false},"cache_bypass":"1765571747"};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.heytens.com/content/plugins/pixelyoursite/dist/scripts/public.js?ver=11.1.5" id="pys-js"></script>
<script type="text/javascript" id="sib-front-js-js-extra">
/* <![CDATA[ */
var sibErrMsg = {"invalidMail":"Please fill out valid email address","requiredField":"Please fill out required fields","invalidDateFormat":"Please fill out valid date format","invalidSMSFormat":"Please fill out valid phone number"};
var ajax_sib_front_object = {"ajax_url":"https:\/\/www.heytens.com\/cms\/wp-admin\/admin-ajax.php","ajax_nonce":"12a0f80f26","flag_url":"https:\/\/www.heytens.com\/content\/plugins\/mailin\/img\/flags\/"};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.heytens.com/content/plugins/mailin/js/mailin-front.js?ver=1734943146" id="sib-front-js-js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var themosis = {
ajaxurl: "https:\/\/www.heytens.com\/cms\/wp-admin\/admin-ajax.php",
};
/* ]]> */
</script><meta name="csrf-token" content="B293ewiuJ4nLjqvb09ls0gWz7aneTTkJgnoNpm5X"><meta name="facebook-domain-verification" content="0gbjw3yudm5tgpks51xl6rk7vb803z" /><noscript><style>.wp-grid-builder .wpgb-card.wpgb-card-hidden .wpgb-card-wrapper{opacity:1!important;visibility:visible!important;transform:none!important}.wpgb-facet {opacity:1!important;pointer-events:auto!important}.wpgb-facet *:not(.wpgb-pagination-facet){display:none}</style></noscript> <!-- Google Tag Manager -->
<script defer>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P77GXSF7');</script>
<!-- End Google Tag Manager -->
<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
<script type="text/javascript" src="https://cdn.brevo.com/js/sdk-loader.js" async></script>
<script type="text/javascript">
window.Brevo = window.Brevo || [];
window.Brevo.push(['init', {"client_key":"si0qyp28qv0hc5hsp1yrmuhn","email_id":null,"push":{"customDomain":"https:\/\/www.heytens.com\/content\/plugins\/mailin\/"},"service_worker_url":"sw.js?key=${key}","frame_url":"brevo-frame.html"}]);
</script><style class='wp-fonts-local' type='text/css'>
@font-face{font-family:Brown;font-style:normal;font-weight:800;font-display:swap;src:url('/content/themes/heytens/assets/fonts/Brown/BrownExtraBoldRegular.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:Brown;font-style:normal;font-weight:700;font-display:swap;src:url('/content/themes/heytens/assets/fonts/Brown/BrownBold.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:Brown;font-style:italic;font-weight:700;font-display:swap;src:url('/content/themes/heytens/assets/fonts/Brown/BrownBoldItalic.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:Brown;font-style:normal;font-weight:500;font-display:swap;src:url('/content/themes/heytens/assets/fonts/Brown/BrownMediumRegular.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:Brown;font-style:italic;font-weight:500;font-display:swap;src:url('/content/themes/heytens/assets/fonts/Brown/BrownMediumItalic.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:Brown;font-style:normal;font-weight:400;font-display:swap;src:url('/content/themes/heytens/assets/fonts/Brown/BrownMediumRegular.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:Brown;font-style:italic;font-weight:400;font-display:swap;src:url('/content/themes/heytens/assets/fonts/Brown/BrownItalic.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:Brown;font-style:normal;font-weight:300;font-display:swap;src:url('/content/themes/heytens/assets/fonts/Brown/BrownLightRegular.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:Brown;font-style:italic;font-weight:300;font-display:swap;src:url('/content/themes/heytens/assets/fonts/Brown/BrownLightItalic.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:DomaineSans;font-style:normal;font-weight:700;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DomaineSans/DomaineSansText-Bold.otf') format('opentype');font-stretch:normal;}
@font-face{font-family:DomaineSans;font-style:italic;font-weight:700;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DomaineSans/DomaineSansText-BoldItalic.otf') format('opentype');font-stretch:normal;}
@font-face{font-family:DomaineSans;font-style:normal;font-weight:500;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DomaineSans/DomaineSansText-Medium.otf') format('opentype');font-stretch:normal;}
@font-face{font-family:DomaineSans;font-style:italic;font-weight:500;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DomaineSans/DomaineSansText-MediumItalic.otf') format('opentype');font-stretch:normal;}
@font-face{font-family:DomaineSans;font-style:normal;font-weight:400;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DomaineSans/DomaineSansText-Regular.otf') format('opentype');font-stretch:normal;}
@font-face{font-family:DomaineSans;font-style:italic;font-weight:400;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DomaineSans/DomaineSansText-Italic.otf') format('opentype');font-stretch:normal;}
@font-face{font-family:DomaineSans;font-style:normal;font-weight:300;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DomaineSans/DomaineSansText-Light.otf') format('opentype');font-stretch:normal;}
@font-face{font-family:DomaineSans;font-style:italic;font-weight:300;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DomaineSans/DomaineSansText-LightItalic.otf') format('opentype');font-stretch:normal;}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DMSans/DMSans-Bold.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:"DM Sans";font-style:italic;font-weight:700;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DMSans/DMSans-BoldItalic.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DMSans/DMSans-Medium.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:"DM Sans";font-style:italic;font-weight:500;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DMSans/DMSans-MediumItalic.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:300;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DMSans/DMSans-Light.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:"DM Sans";font-style:italic;font-weight:300;font-display:swap;src:url('/content/themes/heytens/assets/fonts/DMSans/DMSans-LightItalic.ttf') format('truetype');font-stretch:normal;}
</style>
</head>
<body class="home wp-singular page-template-default page page-id-14 wp-custom-logo wp-embed-responsive wp-theme-heytens antialiased font-sans bg-gray-200 overflow-x-clip theme-heytens woocommerce-no-js no-sidebar">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P77GXSF7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="page" class="site bg-white">
<header class="fixed top-0 left-0 right-0 z-50 w-full"
x-data="Header"
x-ref="header"
:class="{'pageHaveScrolled' : pagehaveScrolled}">
<a
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-6 py-[18px] subHeaderAppointmentButton block lg:hidden w-full px-10 py-4 text-center text-white font-display"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="subHeader hidden xl:flex justify-between items-center gap-x-6 w-full px-7 py-2 bg-blue-duck transition-colors duration-500">
<div></div>
<div class="flex items-center gap-2 text-white text-sm font-bold">
«
<span>Vous souhaitez ouvrir un show-room ?</span>
<a id="clic-bandeau-franchise"
href="https://www.heytens.com/fr/devenir-franchise/"
class="text-white hover:text-blue-duck !underline hover:!underline decoration-white hover:decoration-blue-duck base-transition">
Devenez franchisé
</a>
»
</div>
<div class="flex items-center gap-4">
<nav class="flex items-center justify-end gap-x-5 divide-x divide-gray-200">
<a href="https://www.heytens.com/fr/nos-showrooms/"
target=""
class="btn-header-showroom !underline decoration-white text-white hover:text-peach hover:!underline hover:decoration-peach text-base even:pl-5 base-transition">
Show-rooms
</a>
</nav>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 top-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="mainHeader relative transition-colors duration-500 overflow-x-hidden lg:overflow-x-visible"
x-ref="mainHeader"
:class="{'bg-white' : pagehaveScrolled}"
x-on:click.away="megaMenu = false; megaMenuItem = false;">
<div class="absolute inset-0 xl:hidden flex items-end bg-white -z-1 xl:translate-x-0 transition-all duration-500"
x-show="megaMenu != false"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full">
</div>
<div class="flex items-stretch justify-between gap-x-4 pt-5 xl:py-4 px-10 xl:px-7">
<a href="https://www.heytens.com/fr/" class="inline-flex z-10">
<span class="sr-only">Heytens</span>
<img width="212" height="72" src="https://www.heytens.com/content/uploads/2024/06/Logo-Full.png" class="w-36 xl:w-auto h-[50px] xl:h-[70px] object-contain" alt="" loading="eager" fetchpriority="high" decoding="async" srcset="https://www.heytens.com/content/uploads/2024/06/Logo-Full.png 212w, https://www.heytens.com/content/uploads/2024/06/Logo-Full-200x68.png 200w" sizes="(max-width: 212px) 100vw, 212px" />
</a>
<div class="content-center xl:hidden">
<button class="flex items-center gap-x-1.5" @click="megaMenu = megaMenu != false ? false : 'mobile'; megaMenuItem = false">
<span class="sr-only" x-show="megaMenu != 'mobile'">Ouvrir le menu</span>
<span class="sr-only" x-show="megaMenu == 'mobile'">Fermer le menu</span>
<div x-show="megaMenu == false">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewbox="0 0 10 18" fill="none" class="w-2 h-4 transition-colors duration-500" :class='pagehaveScrolled ? "text-blue-duck" : "text-white"'>
<path d="M9.1009 0H0V3.5644H9.1009V0Z" fill="currentColor"></path>
<path d="M9.1009 6.90625H0V10.4706H9.1009V6.90625Z" fill="currentColor"></path>
<path d="M9.1009 13.4814H0V17.0458H9.1009V13.4814Z" fill="currentColor"></path>
</svg>
</div>
<img src="https://www.heytens.com/content/themes/heytens/assets//img/icons/close.svg"
class="size-3.5 object-contain"
x-show="megaMenu != false"
x-cloak
alt="Pictogramme menu mobile ouvert">
<span class="font-sans text-2xl leading-none transition-colors duration-500"
:class="{'text-white' : !megaMenu, 'text-blue-duck' : megaMenu, '!text-blue-duck' : pagehaveScrolled}">Menu</span>
</button>
</div>
<div class="navigation scrollbar-none grow fixed xl:static inset-0 top-36 xl:inset-[inherit] overflow-y-scroll xl:overflow-y-visible bg-white xl:bg-transparent flex flex-col xl:flex-row xl:items-center xl:justify-center xl:gap-y-8 px-3.5 xl:px-0 pb-5 xl:pb-0 xl:translate-x-0 transition-all duration-500"
x-show="showNavigation()"
x-cloak
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full">
<div>
<div class="px-8 w-full h-px bg-lighter-grey bg-opacity-50 xl:hidden"></div>
<nav class="w-full pt-5 xl:pt-0 px-5 xl:px-0">
<ul class="flex flex-col xl:flex-row xl:items-center xl:justify-center gap-x-4.5 gap-y-[38px]">
<button class="parentItem relative flex items-center justify-between text-left xl:text-center text-blue-duck xl:text-white font-medium xl:font-normal font-sans text-2xl xl:text-lg 2xl:text-xl md:leading-4 base-transition after:content-[''] after:absolute after:-bottom-2 after:left-0 after:right-0 after:scale-0 after:h-px after:bg-white hover:after:scale-100 after:transition-transform after:ease-quad-out cursor-pointer"
x-on:click="megaMenu = megaMenu == 3596 ? false : 3596"
data-parent-item="3596">
Stores
<svg class="w-[18px] h-[18px] xl:hidden -rotate-90 transition-colors duration-300"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
<button class="parentItem relative flex items-center justify-between text-left xl:text-center text-blue-duck xl:text-white font-medium xl:font-normal font-sans text-2xl xl:text-lg 2xl:text-xl md:leading-4 base-transition after:content-[''] after:absolute after:-bottom-2 after:left-0 after:right-0 after:scale-0 after:h-px after:bg-white hover:after:scale-100 after:transition-transform after:ease-quad-out cursor-pointer"
x-on:click="megaMenu = megaMenu == 3615 ? false : 3615"
data-parent-item="3615">
Rideaux
<svg class="w-[18px] h-[18px] xl:hidden -rotate-90 transition-colors duration-300"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
<a href="https://www.heytens.com/fr/cat/rideaux/voilages/"
class="parentItem relative flex items-center justify-between text-left xl:text-center text-blue-duck xl:text-white font-medium xl:font-normal font-sans text-2xl xl:text-lg 2xl:text-xl md:leading-4 base-transition after:content-[''] after:absolute after:-bottom-2 after:left-0 after:right-0 after:scale-0 after:h-px after:bg-white hover:after:scale-100 after:transition-transform after:ease-quad-out"
target="">
Voilages
<svg class="w-[18px] h-[18px] xl:hidden -rotate-90 transition-colors duration-300"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</a>
<a href="https://www.heytens.com/fr/confort-thermique/"
class="parentItem relative flex items-center justify-between text-left xl:text-center text-blue-duck xl:text-white font-medium xl:font-normal font-sans text-2xl xl:text-lg 2xl:text-xl md:leading-4 base-transition after:content-[''] after:absolute after:-bottom-2 after:left-0 after:right-0 after:scale-0 after:h-px after:bg-white hover:after:scale-100 after:transition-transform after:ease-quad-out"
target="">
Confort thermique
<svg class="w-[18px] h-[18px] xl:hidden -rotate-90 transition-colors duration-300"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</a>
<a href="https://www.heytens.com/fr/la-marque-heytens/"
class="parentItem relative flex items-center justify-between text-left xl:text-center text-blue-duck xl:text-white font-medium xl:font-normal font-sans text-2xl xl:text-lg 2xl:text-xl md:leading-4 base-transition after:content-[''] after:absolute after:-bottom-2 after:left-0 after:right-0 after:scale-0 after:h-px after:bg-white hover:after:scale-100 after:transition-transform after:ease-quad-out xl:border-l-2 xl:border-white xl:pl-4.5 xl:after:left-[18px]"
target="">
La marque
<svg class="w-[18px] h-[18px] xl:hidden -rotate-90 transition-colors duration-300"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</a>
<a href="https://www.heytens.com/fr/sur-mesure/"
class="parentItem relative flex items-center justify-between text-left xl:text-center text-blue-duck xl:text-white font-medium xl:font-normal font-sans text-2xl xl:text-lg 2xl:text-xl md:leading-4 base-transition after:content-[''] after:absolute after:-bottom-2 after:left-0 after:right-0 after:scale-0 after:h-px after:bg-white hover:after:scale-100 after:transition-transform after:ease-quad-out"
target="">
Sur-mesure
<svg class="w-[18px] h-[18px] xl:hidden -rotate-90 transition-colors duration-300"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</a>
<a href="https://www.heytens.com/fr/nos-services/"
class="parentItem relative flex items-center justify-between text-left xl:text-center text-blue-duck xl:text-white font-medium xl:font-normal font-sans text-2xl xl:text-lg 2xl:text-xl md:leading-4 base-transition after:content-[''] after:absolute after:-bottom-2 after:left-0 after:right-0 after:scale-0 after:h-px after:bg-white hover:after:scale-100 after:transition-transform after:ease-quad-out"
target="">
Conseil à domicile
<svg class="w-[18px] h-[18px] xl:hidden -rotate-90 transition-colors duration-300"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</a>
</ul>
</nav>
</div>
<div class="flex xl:hidden mt-8 xl:mt-0 flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div></div> <div class="hidden xl:flex flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div></div>
<hr class="bg-lighter-grey bg-opacity-50 h-px mt-9 mx-8 xl:hidden" /> <div class="megamenu bg-white lg:bg-light-grey w-screen xl:h-auto xl:w-full fixed xl:relative xl:top-7 max-xl:inset-0 max-xl:top-25 transition-all duration-500 overflow-hidden xl:max-h-0 translate-x-full xl:translate-x-0 xl:translate-y-0xl:z-0"
x-bind:class="{'xl:max-h-[999px] !translate-x-0': (megaMenu != false && megaMenu !== 'mobile') }">
<div class="w-grid-14 mx-auto xl:my-11 xl:px-0 opacity-0 transition-all duration-500 h-full overflow-y-scroll xl:overflow-y-hidden xl:h-auto scrollbar-none"
x-bind:class="{'opacity-100': megaMenu != false}">
<div class="px-8 w-full h-px bg-lighter-grey bg-opacity-50 xl:hidden"></div>
<div class="megaMenuItem flex flex-col xl:flex-row justify-between xl:gap-grid-0-1 xl:relative xl:h-full py-5 xl:py-0 overflow-hidden"
data-megamenu-item="3596"
x-data="MegaMenuItem">
<div class="leftSide px-5 xl:px-0 xl:w-grid-2d5 xl:py-6 flex flex-col gap-6 xl:gap-8 xl:overflow-y-scroll transition-all duration-500">
<div class="flex flex-col">
<div class="flex items-center gap-x-5 text-xl mb-9 xl:mb-12 text-blue-duck cursor-pointer transition-colors duration-300"
@click="backButton()">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewbox="0 0 22 16" fill="currentColor" class="w-auto h-4" :class='megaMenuItem === false ? "fill-blue-duck" : "fill-grey"'>
<path d="M7.99968 -1.16564e-06L9.86634 1.93333L5.13301 6.66666L21.333 6.66667L21.333 9.33333L5.13301 9.33333L9.86634 14.0667L7.99967 16L-0.000325457 8L7.99968 -1.16564e-06Z" fill="currentColor"></path>
</svg>
<span class="hidden xl:block">Retour</span>
<span class="font-medium text-2xl xl:hidden">Stores</span>
</div> <a class="font-sans pl-10 xl:pl-0 mb-7 last:mb-0 xl:mb-12 [&>*]:transition-colors [&>*]:duration-300" href="https://www.heytens.com/fr/cat/stores-sur-mesure/">
<span class="text-xl xl:text-2xl font-bold underline text-blue-duck">
Stores sur-mesure
</span>
</a>
<button class="childItem flex items-center justify-between font-sans pl-10 xl:pl-0 mb-7 last:mb-0 xl:mb-12 [&>*]:transition-colors [&>*]:duration-300"
x-on:click="megaMenuItem = megaMenuItem != 3611 ? 3611 : false"
data-child-item="3611"
x-ref="firstNavLink" >
<span class="navLink text-xl xl:text-2xl"
:class="(megaMenuItem == 3611 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'">
Par type
</span>
<svg class="navLink w-[18px] h-[18px] -rotate-90 transition-colors duration-300"
:class="(megaMenuItem == 3611 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="navLink" id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
<button class="childItem flex items-center justify-between font-sans pl-10 xl:pl-0 mb-7 last:mb-0 xl:mb-12 [&>*]:transition-colors [&>*]:duration-300"
x-on:click="megaMenuItem = megaMenuItem != 3612 ? 3612 : false"
data-child-item="3612"
>
<span class="navLink text-xl xl:text-2xl"
:class="(megaMenuItem == 3612 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'">
Par besoin
</span>
<svg class="navLink w-[18px] h-[18px] -rotate-90 transition-colors duration-300"
:class="(megaMenuItem == 3612 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="navLink" id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
<button class="childItem flex items-center justify-between font-sans pl-10 xl:pl-0 mb-7 last:mb-0 xl:mb-12 [&>*]:transition-colors [&>*]:duration-300"
x-on:click="megaMenuItem = megaMenuItem != 5985 ? 5985 : false"
data-child-item="5985"
>
<span class="navLink text-xl xl:text-2xl"
:class="(megaMenuItem == 5985 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'">
Par pièce
</span>
<svg class="navLink w-[18px] h-[18px] -rotate-90 transition-colors duration-300"
:class="(megaMenuItem == 5985 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="navLink" id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
</div>
</div>
<div class="rightSide">
<div class="flex xl:hidden mt-8 xl:mt-0 flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="hidden xl:block w-grid-3 ml-auto h-full" x-show="megaMenuItem == false">
</div>
<div class="fixed xl:static inset-0 bg-white xl:bg-light-grey flex flex-col xl:flex-row xl:gap-grid-0-1 w-full xl:h-full px-5 xl:pr-0 py-5 xl:py-0 xl:pl-grid-0d5 xl:translate-x-0 transition-all duration-500"
x-show="megaMenuItem == 3611"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full">
<div class="flex items-center gap-x-5 text-xl mb-9 xl:mb-12 text-blue-duck cursor-pointer transition-colors duration-300 px-5 xl:hidden"
@click="backButton()">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewbox="0 0 22 16" fill="currentColor" class="w-auto h-4" :class='megaMenuItem === false ? "fill-blue-duck" : "fill-grey"'>
<path d="M7.99968 -1.16564e-06L9.86634 1.93333L5.13301 6.66666L21.333 6.66667L21.333 9.33333L5.13301 9.33333L9.86634 14.0667L7.99967 16L-0.000325457 8L7.99968 -1.16564e-06Z" fill="currentColor"></path>
</svg>
<span class="hidden xl:block">Retour</span>
<span class="font-medium text-2xl xl:hidden">Par type</span>
</div>
<div class="xl:w-grid-8 grid xl:grid-cols-2 auto-rows-min gap-x-20 gap-y-4 xl:gap-y-6 px-3.5 xl:px-0 xl:py-11 scrollbar-none overflow-y-scroll">
<a href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-enrouleur/" target="" class="flex items-center gap-8 select-none">
<img width="53" height="55" src="https://www.heytens.com/content/uploads/2024/06/store-enrouleur.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store enrouleur</span>
</a>
<a href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-bateau/" target="" class="flex items-center gap-8 select-none">
<img width="57" height="59" src="https://www.heytens.com/content/uploads/2024/06/store-bateau.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store bateau</span>
</a>
<a href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-venitien/" target="" class="flex items-center gap-8 select-none">
<img width="54" height="57" src="https://www.heytens.com/content/uploads/2024/06/store-venitien.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store vénitien</span>
</a>
<a href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-californien/" target="" class="flex items-center gap-8 select-none">
<img width="52" height="55" src="https://www.heytens.com/content/uploads/2024/06/store-californien.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store californien</span>
</a>
<a href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-plisse/" target="" class="flex items-center gap-8 select-none">
<img width="53" height="56" src="https://www.heytens.com/content/uploads/2024/06/store-plisse.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store plissé et doupli</span>
</a>
<a href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-screen-exterieur/" target="" class="flex items-center gap-8 select-none">
<img width="52" height="55" src="https://www.heytens.com/content/uploads/2024/06/store-screen-exterieur.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store extérieur screen enrouleur</span>
</a>
<a href="https://www.heytens.com/fr/cat/stores-sur-mesure/panneaux-japonais/" target="" class="flex items-center gap-8 select-none">
<img width="44" height="49" src="https://www.heytens.com/content/uploads/2024/06/paroi-japonaise.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Panneaux japonais</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/store-screen/" target="" class="flex items-center gap-8 select-none">
<img width="52" height="55" src="https://www.heytens.com/content/uploads/2024/06/store-screen-exterieur.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store screen intérieur</span>
</a>
<a href="https://www.heytens.com/fr/cat/moustiquaires/" target="" class="flex items-center gap-8 select-none">
<img width="57" height="59" src="https://www.heytens.com/content/uploads/2024/07/Moustiquaire-enroulable.png" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Moustiquaires</span>
</a>
</div>
<div class="hidden xl:block w-grid-3">
</div>
<div class="flex xl:hidden pt-7 flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div></div> <div class="fixed xl:static inset-0 bg-white xl:bg-light-grey flex flex-col xl:flex-row xl:gap-grid-0-1 w-full xl:h-full px-5 xl:pr-0 py-5 xl:py-0 xl:pl-grid-0d5 xl:translate-x-0 transition-all duration-500"
x-show="megaMenuItem == 3612"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full">
<div class="flex items-center gap-x-5 text-xl mb-9 xl:mb-12 text-blue-duck cursor-pointer transition-colors duration-300 px-5 xl:hidden"
@click="backButton()">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewbox="0 0 22 16" fill="currentColor" class="w-auto h-4" :class='megaMenuItem === false ? "fill-blue-duck" : "fill-grey"'>
<path d="M7.99968 -1.16564e-06L9.86634 1.93333L5.13301 6.66666L21.333 6.66667L21.333 9.33333L5.13301 9.33333L9.86634 14.0667L7.99967 16L-0.000325457 8L7.99968 -1.16564e-06Z" fill="currentColor"></path>
</svg>
<span class="hidden xl:block">Retour</span>
<span class="font-medium text-2xl xl:hidden">Par besoin</span>
</div>
<div class="xl:w-grid-8 grid xl:grid-cols-2 auto-rows-min gap-x-20 gap-y-4 xl:gap-y-6 px-3.5 xl:px-0 xl:py-11 scrollbar-none overflow-y-scroll">
<a href="https://www.heytens.com/fr/cat-need/stores-occultants/" target="" class="flex items-center gap-8 select-none">
<img width="99" height="74" src="https://www.heytens.com/content/uploads/2024/07/Picto-occultant.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store occultant</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/store-tamisant/" target="" class="flex items-center gap-8 select-none">
<img width="99" height="85" src="https://www.heytens.com/content/uploads/2024/07/Picto-tamisant.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store tamisant</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/store-transparent/" target="" class="flex items-center gap-8 select-none">
<img width="83" height="92" src="https://www.heytens.com/content/uploads/2024/07/Picto-transparent.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store transparent</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/store-thermique/" target="" class="flex items-center gap-8 select-none">
<img width="76" height="155" src="https://www.heytens.com/content/uploads/2024/07/Picto-thermique.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store thermique</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/store-electrique/" target="" class="flex items-center gap-8 select-none">
<img width="76" height="84" src="https://www.heytens.com/content/uploads/2024/07/Picto-electrique.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store électrique</span>
</a>
</div>
<div class="hidden xl:block w-grid-3">
</div>
<div class="flex xl:hidden pt-7 flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div></div> <div class="fixed xl:static inset-0 bg-white xl:bg-light-grey flex flex-col xl:flex-row xl:gap-grid-0-1 w-full xl:h-full px-5 xl:pr-0 py-5 xl:py-0 xl:pl-grid-0d5 xl:translate-x-0 transition-all duration-500"
x-show="megaMenuItem == 5985"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full">
<div class="flex items-center gap-x-5 text-xl mb-9 xl:mb-12 text-blue-duck cursor-pointer transition-colors duration-300 px-5 xl:hidden"
@click="backButton()">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewbox="0 0 22 16" fill="currentColor" class="w-auto h-4" :class='megaMenuItem === false ? "fill-blue-duck" : "fill-grey"'>
<path d="M7.99968 -1.16564e-06L9.86634 1.93333L5.13301 6.66666L21.333 6.66667L21.333 9.33333L5.13301 9.33333L9.86634 14.0667L7.99967 16L-0.000325457 8L7.99968 -1.16564e-06Z" fill="currentColor"></path>
</svg>
<span class="hidden xl:block">Retour</span>
<span class="font-medium text-2xl xl:hidden">Par pièce</span>
</div>
<div class="xl:w-grid-8 grid xl:grid-cols-2 auto-rows-min gap-x-20 gap-y-4 xl:gap-y-6 px-3.5 xl:px-0 xl:py-11 scrollbar-none overflow-y-scroll">
<a href="https://www.heytens.com/fr/cat-room/store-bureau/" target="" class="flex items-center gap-8 select-none">
<img width="59" height="55" src="https://www.heytens.com/content/uploads/2024/06/electrique.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store bureau</span>
</a>
<a href="https://www.heytens.com/fr/cat-room/store-chambre/" target="" class="flex items-center gap-8 select-none">
<img width="80" height="68" src="https://www.heytens.com/content/uploads/2024/07/chambre.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store chambre</span>
</a>
<a href="https://www.heytens.com/fr/cat-room/store-cuisine/" target="" class="flex items-center gap-8 select-none">
<img width="55" height="55" src="https://www.heytens.com/content/uploads/2024/06/occultant.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store cuisine</span>
</a>
<a href="https://www.heytens.com/fr/cat-room/store-salon/" target="" class="flex items-center gap-8 select-none">
<img width="83" height="47" src="https://www.heytens.com/content/uploads/2024/07/salon.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Store salon</span>
</a>
</div>
<div class="hidden xl:block w-grid-3">
</div>
<div class="flex xl:hidden pt-7 flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div></div> </div>
</div> <div class="px-8 w-full h-px bg-lighter-grey bg-opacity-50 xl:hidden"></div>
<div class="megaMenuItem flex flex-col xl:flex-row justify-between xl:gap-grid-0-1 xl:relative xl:h-full py-5 xl:py-0 overflow-hidden"
data-megamenu-item="3615"
x-data="MegaMenuItem">
<div class="leftSide px-5 xl:px-0 xl:w-grid-2d5 xl:py-6 flex flex-col gap-6 xl:gap-8 xl:overflow-y-scroll transition-all duration-500">
<div class="flex flex-col">
<div class="flex items-center gap-x-5 text-xl mb-9 xl:mb-12 text-blue-duck cursor-pointer transition-colors duration-300"
@click="backButton()">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewbox="0 0 22 16" fill="currentColor" class="w-auto h-4" :class='megaMenuItem === false ? "fill-blue-duck" : "fill-grey"'>
<path d="M7.99968 -1.16564e-06L9.86634 1.93333L5.13301 6.66666L21.333 6.66667L21.333 9.33333L5.13301 9.33333L9.86634 14.0667L7.99967 16L-0.000325457 8L7.99968 -1.16564e-06Z" fill="currentColor"></path>
</svg>
<span class="hidden xl:block">Retour</span>
<span class="font-medium text-2xl xl:hidden">Rideaux</span>
</div> <a class="font-sans pl-10 xl:pl-0 mb-7 last:mb-0 xl:mb-12 [&>*]:transition-colors [&>*]:duration-300" href="https://www.heytens.com/fr/cat/rideaux/">
<span class="text-xl xl:text-2xl font-bold underline text-blue-duck">
Rideaux sur-mesure
</span>
</a>
<button class="childItem flex items-center justify-between font-sans pl-10 xl:pl-0 mb-7 last:mb-0 xl:mb-12 [&>*]:transition-colors [&>*]:duration-300"
x-on:click="megaMenuItem = megaMenuItem != 3630 ? 3630 : false"
data-child-item="3630"
x-ref="firstNavLink" >
<span class="navLink text-xl xl:text-2xl"
:class="(megaMenuItem == 3630 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'">
Par type
</span>
<svg class="navLink w-[18px] h-[18px] -rotate-90 transition-colors duration-300"
:class="(megaMenuItem == 3630 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="navLink" id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
<button class="childItem flex items-center justify-between font-sans pl-10 xl:pl-0 mb-7 last:mb-0 xl:mb-12 [&>*]:transition-colors [&>*]:duration-300"
x-on:click="megaMenuItem = megaMenuItem != 3631 ? 3631 : false"
data-child-item="3631"
>
<span class="navLink text-xl xl:text-2xl"
:class="(megaMenuItem == 3631 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'">
Par finition
</span>
<svg class="navLink w-[18px] h-[18px] -rotate-90 transition-colors duration-300"
:class="(megaMenuItem == 3631 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="navLink" id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
<button class="childItem flex items-center justify-between font-sans pl-10 xl:pl-0 mb-7 last:mb-0 xl:mb-12 [&>*]:transition-colors [&>*]:duration-300"
x-on:click="megaMenuItem = megaMenuItem != 5202 ? 5202 : false"
data-child-item="5202"
>
<span class="navLink text-xl xl:text-2xl"
:class="(megaMenuItem == 5202 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'">
Par pièce
</span>
<svg class="navLink w-[18px] h-[18px] -rotate-90 transition-colors duration-300"
:class="(megaMenuItem == 5202 || megaMenuItem === false) ? 'text-blue-duck' : 'text-grey'"
width="18" height="10" viewbox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="navLink" id="Arrow 3" d="M16.5137 0.753906L8.75671 8.5079L0.999749 0.753906" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
</div>
</div>
<div class="rightSide">
<div class="flex xl:hidden mt-8 xl:mt-0 flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="hidden xl:block w-grid-3 ml-auto h-full" x-show="megaMenuItem == false">
</div>
<div class="fixed xl:static inset-0 bg-white xl:bg-light-grey flex flex-col xl:flex-row xl:gap-grid-0-1 w-full xl:h-full px-5 xl:pr-0 py-5 xl:py-0 xl:pl-grid-0d5 xl:translate-x-0 transition-all duration-500"
x-show="megaMenuItem == 3630"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full">
<div class="flex items-center gap-x-5 text-xl mb-9 xl:mb-12 text-blue-duck cursor-pointer transition-colors duration-300 px-5 xl:hidden"
@click="backButton()">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewbox="0 0 22 16" fill="currentColor" class="w-auto h-4" :class='megaMenuItem === false ? "fill-blue-duck" : "fill-grey"'>
<path d="M7.99968 -1.16564e-06L9.86634 1.93333L5.13301 6.66666L21.333 6.66667L21.333 9.33333L5.13301 9.33333L9.86634 14.0667L7.99967 16L-0.000325457 8L7.99968 -1.16564e-06Z" fill="currentColor"></path>
</svg>
<span class="hidden xl:block">Retour</span>
<span class="font-medium text-2xl xl:hidden">Par type</span>
</div>
<div class="xl:w-grid-8 grid xl:grid-cols-2 auto-rows-min gap-x-20 gap-y-4 xl:gap-y-6 px-3.5 xl:px-0 xl:py-11 scrollbar-none overflow-y-scroll">
<a href="https://www.heytens.com/fr/cat-need/rideau-thermique/" target="" class="flex items-center gap-8 select-none">
<img width="59" height="59" src="https://www.heytens.com/content/uploads/2024/06/rideau-thermique.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau thermique</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/rideau-occultant/" target="" class="flex items-center gap-8 select-none">
<img width="64" height="59" src="https://www.heytens.com/content/uploads/2024/06/rideau-occultant.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau occultant</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/rideau-tamisant/" target="" class="flex items-center gap-8 select-none">
<img width="60" height="55" src="https://www.heytens.com/content/uploads/2024/06/rideau-tamisant.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau tamisant</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/rideau-electrique/" target="" class="flex items-center gap-8 select-none">
<img width="57" height="56" src="https://www.heytens.com/content/uploads/2024/06/rideau-motorise.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau électrique</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/rideau-grande-hauteur/" target="" class="flex items-center gap-8 select-none">
<img width="55" height="59" src="https://www.heytens.com/content/uploads/2024/07/Group-1000007231.png" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau grande hauteur</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/rideau-grande-largeur/" target="" class="flex items-center gap-8 select-none">
<img width="47" height="58" src="https://www.heytens.com/content/uploads/2024/06/rideau-xxl.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau grande largeur</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/rideau-phonique/" target="" class="flex items-center gap-8 select-none">
<img width="62" height="59" src="https://www.heytens.com/content/uploads/2024/06/rideau-phonique.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau phonique</span>
</a>
<a href="https://www.heytens.com/fr/cat-need/double-rideau/" target="" class="flex items-center gap-8 select-none">
<img width="72" height="47" src="https://www.heytens.com/content/uploads/2024/06/double-rideau.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Double rideau</span>
</a>
</div>
<div class="hidden xl:block w-grid-3">
</div>
<div class="flex xl:hidden pt-7 flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div></div> <div class="fixed xl:static inset-0 bg-white xl:bg-light-grey flex flex-col xl:flex-row xl:gap-grid-0-1 w-full xl:h-full px-5 xl:pr-0 py-5 xl:py-0 xl:pl-grid-0d5 xl:translate-x-0 transition-all duration-500"
x-show="megaMenuItem == 3631"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full">
<div class="flex items-center gap-x-5 text-xl mb-9 xl:mb-12 text-blue-duck cursor-pointer transition-colors duration-300 px-5 xl:hidden"
@click="backButton()">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewbox="0 0 22 16" fill="currentColor" class="w-auto h-4" :class='megaMenuItem === false ? "fill-blue-duck" : "fill-grey"'>
<path d="M7.99968 -1.16564e-06L9.86634 1.93333L5.13301 6.66666L21.333 6.66667L21.333 9.33333L5.13301 9.33333L9.86634 14.0667L7.99967 16L-0.000325457 8L7.99968 -1.16564e-06Z" fill="currentColor"></path>
</svg>
<span class="hidden xl:block">Retour</span>
<span class="font-medium text-2xl xl:hidden">Par finition</span>
</div>
<div class="xl:w-grid-8 grid xl:grid-cols-2 auto-rows-min gap-x-20 gap-y-4 xl:gap-y-6 px-3.5 xl:px-0 xl:py-11 scrollbar-none overflow-y-scroll">
<a href="https://www.heytens.com/fr/cat-finishing/rideau-wave/" target="" class="flex items-center gap-8 select-none">
<img width="90" height="119" src="https://www.heytens.com/content/uploads/2024/07/Picto1.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau wave</span>
</a>
<a href="https://www.heytens.com/fr/cat-finishing/rideau-pli-flamand/" target="" class="flex items-center gap-8 select-none">
<img width="87" height="116" src="https://www.heytens.com/content/uploads/2024/07/Picto-2.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau pli flamand</span>
</a>
<a href="https://www.heytens.com/fr/cat-finishing/rideau-oeillets/" target="" class="flex items-center gap-8 select-none">
<img width="94" height="115" src="https://www.heytens.com/content/uploads/2024/07/Picto-3.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau oeillets</span>
</a>
<a href="https://www.heytens.com/fr/cat-finishing/rideau-fronces/" target="" class="flex items-center gap-8 select-none">
<img width="87" height="110" src="https://www.heytens.com/content/uploads/2024/07/Picto-4.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau fronces</span>
</a>
</div>
<div class="hidden xl:block w-grid-3">
</div>
<div class="flex xl:hidden pt-7 flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div></div> <div class="fixed xl:static inset-0 bg-white xl:bg-light-grey flex flex-col xl:flex-row xl:gap-grid-0-1 w-full xl:h-full px-5 xl:pr-0 py-5 xl:py-0 xl:pl-grid-0d5 xl:translate-x-0 transition-all duration-500"
x-show="megaMenuItem == 5202"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full">
<div class="flex items-center gap-x-5 text-xl mb-9 xl:mb-12 text-blue-duck cursor-pointer transition-colors duration-300 px-5 xl:hidden"
@click="backButton()">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewbox="0 0 22 16" fill="currentColor" class="w-auto h-4" :class='megaMenuItem === false ? "fill-blue-duck" : "fill-grey"'>
<path d="M7.99968 -1.16564e-06L9.86634 1.93333L5.13301 6.66666L21.333 6.66667L21.333 9.33333L5.13301 9.33333L9.86634 14.0667L7.99967 16L-0.000325457 8L7.99968 -1.16564e-06Z" fill="currentColor"></path>
</svg>
<span class="hidden xl:block">Retour</span>
<span class="font-medium text-2xl xl:hidden">Par pièce</span>
</div>
<div class="xl:w-grid-8 grid xl:grid-cols-2 auto-rows-min gap-x-20 gap-y-4 xl:gap-y-6 px-3.5 xl:px-0 xl:py-11 scrollbar-none overflow-y-scroll">
<a href="https://www.heytens.com/fr/cat-room/rideau-bureau/" target="" class="flex items-center gap-8 select-none">
<img width="59" height="55" src="https://www.heytens.com/content/uploads/2024/06/electrique.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau bureau</span>
</a>
<a href="https://www.heytens.com/fr/cat-room/rideau-chambre/" target="" class="flex items-center gap-8 select-none">
<img width="80" height="68" src="https://www.heytens.com/content/uploads/2024/07/chambre.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau chambre</span>
</a>
<a href="https://www.heytens.com/fr/cat-room/rideau-cuisine/" target="" class="flex items-center gap-8 select-none">
<img width="55" height="55" src="https://www.heytens.com/content/uploads/2024/06/occultant.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau cuisine</span>
</a>
<a href="https://www.heytens.com/fr/cat-room/rideau-salon/" target="" class="flex items-center gap-8 select-none">
<img width="83" height="47" src="https://www.heytens.com/content/uploads/2024/07/salon.svg" class="size-9 xl:size-[52px] object-contain" alt="" loading="lazy" decoding="async" />
<span class="text-xl xl:text-2xl">Rideau salon</span>
</a>
</div>
<div class="hidden xl:block w-grid-3">
</div>
<div class="flex xl:hidden pt-7 flex-col xl:flex-rowxl:items-center justify-between gap-x-8 2xl:gap-x-14">
<div class="flex flex-col xl:flex-row xl:items-center gap-x-4 xl:gap-x-6.5 gap-y-5 mx-5 xl:mx-0 border-t xl:border-t-0 border-lighter-grey/50 pt-8 xl:pt-0">
<div data-offuscated-url="https://www.heytens.com/fr/nos-showrooms/"
class="flex xl:hidden items-center gap-x-8 cursor-pointer"
special-link-obfuscator>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewbox="0 0 18 16" fill="none" class="w-4 h-4 text-blue-duck xl:text-white">
<path d="M15.36 5L15.96 8H2.04L2.64 5H15.36ZM17 0H1V2H17V0ZM17 3H1L0 8V10H1V16H11V10H15V16H17V10H18V8L17 3ZM3 14V10H9V14H3Z" fill="#003B4D"></path>
</svg>
<span class="font-sans font-light text-xl xl:sr-only">
Nos show-room
</span>
</div>
<div data-offuscated-url="https://www.heytens.com/fr/devenir-franchise/"
class="xl:hidden ml-12 font-sans font-light text-xl cursor-pointer"
special-link-obfuscator>
Devenir franchisé
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-4 py-3 btn-allpages-rdv-dom xl:hidden h-[60px] content-center mt-10 w-full [&>:first-child]:justify-center"
special-link-obfuscator="1"
data-offuscated-url="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-4 py-3 btn-header-rdv !hidden xl:!inline-flex h-[60px] content-center !px-11 isButton"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:translate-x-1 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<div class="flex items-center gap-x-3 xl:hidden font-light font-display mt-5">
<span class="border-r border-blue-duck pr-3">Saisissez votre pays/langue</span>
<div class="polylangDropdown flex">
<div
x-data="PolylangLanguage()"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
class="relative"
>
<ul
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
style="display: none;"
class="polylangDropdown absolute left-0 bottom-8 bg-white rounded-md shadow list-none z-10 mt-2 overflow-hidden"
>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-nl/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/NL
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/be-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
BE/FR
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/lu/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
LU
</a>
</li>
<li class="lang-item px-2 py-1 cursor-pointer transition-colors duration-500 hover:bg-lighter-grey hover:bg-opacity-30">
<a href="https://www.heytens.com/ch-fr/" class="inline-block w-full font-display font-light text-blue-duck text-base" link-obfuscator>
CH/FR
</a>
</li>
</ul>
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
type="button"
class="flex items-center gap-2 rounded-md"
>
<span class="text-base text-blue-duck xl:text-white font-display font-light">
FR
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewbox="0 0 8 5" fill="none" class="text-blue-duck xl:text-white transition-transform" :class='{ "rotate-180": open }'>
<g id="SVG" clip-path="url(#clip0_840_14506)">
<g id="Group 1000005909">
<path id="Vector" d="M0.835161 0.0537109L4.66604 4.10961L3.83028 4.99473L0 0.938202L0.835161 0.0537109Z" fill="currentColor"></path>
<path id="Vector_2" d="M7.66994 0.947968L3.83966 5.00449L3.00391 4.12L6.83478 0.0634766L7.66994 0.947968Z" fill="currentColor"></path>
</g>
</g>
<defs>
<clippath id="clip0_840_14506">
<rect width="7.67829" height="5.0042" fill="white"></rect>
</clippath>
</defs>
</svg>
</button>
</div>
</div>
</div>
</div></div> </div>
</div> </div>
</div></div>
</header>
<div id="content" class="site-content">
<div id="primary" class="content-area">
<main id="main" class="site-main">
<section id="post-14" class="post-14 page type-page status-publish hentry">
<div class="entry-content">
<div style="background-image:url('https://www.heytens.com/content/uploads/2025/11/SCR-20251118-jthi-scaled.jpg');background-size:cover;" class="wp-block-group alignfull is-style-no-margin is-layout-constrained wp-block-group-is-layout-constrained has-background">
<div class="wp-block-cover alignfull is-light is-style-video-banner"><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://www.heytens.com/content/uploads/2025/11/MASTER_1920x1080_Thermique_15s-1.mp4" data-object-fit="cover"></video><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim has-background-gradient" style="background:linear-gradient(180deg,rgb(27,38,44) 2%,rgba(0,0,0,0) 100%)"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color has-huge-font-size wp-elements-99b4c319aee6f08980efcfca496624f0">Style & protection</h2>
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color has-huge-font-size wp-elements-a65c11a2769b2eaa17bf31d0d365784e">contre le froid </h2>
</div>
</div>
<div style="height:17px;--spacerMobileShow:block;--spacerMobileHeight:10px" aria-hidden="true" class="wp-block-spacer"></div>
<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-9587046d wp-block-buttons-is-layout-flex" style="margin-top:0">
<div class="wp-block-button btn-hp-monster is-style-fill"><a class="wp-block-button__link wp-element-button" href="https://www.heytens.com/fr/confort-thermique" style="padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">Je découvre </a></div>
<div class="wp-block-button has-custom-width wp-block-button__width-25 btn-hp-monster is-style-buttonWithHome has-hideOnMobile"><a class="wp-block-button__link wp-element-button" href="https://www.heytens.com/fr/prendre-rendez-vous/" style="padding-right:0;padding-left:0">Prendre rendez-vous</a></div>
</div>
</div></div>
</div>
<div style="height:137px;--spacerMobileShow:block;--spacerMobileHeight:35px" aria-hidden="true" class="wp-block-spacer"></div>
<h1 class="wp-block-heading has-huge-font-size" id="un-projet-on-soccupe-de-tout-pour-vous" style="font-style:normal;font-weight:300"><strong>Chez Heytens</strong>, tout commence par le sur mesure</h1>
<div style="height:50px;--spacerMobileShow:block;--spacerMobileHeight:35px" aria-hidden="true" class="wp-block-spacer"></div>
<section class="bloc-selection-slider overflow-hidden my-inter-bloc-margin-mobile lg:my-inter-bloc-margin alignfull"
id="heytensProductSelection">
<div class="bloc-selection-slider__slider-wrapper w-grid-14 mx-auto relative [&_.swp-slider-wrapper]:overflow-visible">
<div class="swp-slider relative">
<div class="slider-counter font-sans font-medium text-xl lg:text-3xl text-white text-center mb-8 hidden">
<span></span> / <span></span>
</div>
<div class="swp-slider-wrapper w-full">
<div class="swp-slider-wrapper__inner w-full mx-auto">
<div
class="slider-container overflow-hidden swiper-container js-slider-swp relative w-full touch-pan-y"
data-slides-per-view-desk="auto"
data-slides-per-view-mobile="auto"
data-slides-per-view-tablet="auto"
>
<ul class="list swiper-wrapper flex mx-auto relative [&_.swiper-slide]:shrink-0">
<li class="swiper-slide mr-6">
<div class="group/card card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-white [.grid-mansory_&]:bg-neutral-100 overflow-hidden"
>
<div class="image-wrapper w-full bg-grey absolute h-full group-hover/card:lg:scale-125 transition-transform duration-1000">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="897" src="https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-731x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-731x1024.webp 731w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-214x300.webp 214w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-768x1075.webp 768w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-89x125.webp 89w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-696x974.webp 696w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1.webp 1000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
<div class="overlay w-full h-full absolute z-1 bottom-0 left-0 bg-gradient-to-t from-black/50 via-black/0 to-black/0"></div>
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 px-5 lg:px-9 py-7 lg:py-11 min-h-grid-m-5 lg:min-h-grid-6 h-full max-w-[450px] relative overflow-hidden">
<div class="transition-transform duration-700 ease transform group-hover/card:lg:-translate-y-[6rem] group-hover/card:2xl:-translate-y-[4.5rem]">
<span
class="headline headline-3 z-1"
>
01
</span>
<a
class="button group inline-block base-transition button-simple text-white !z-1"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3 !font-bold !font-sans mb-2.5"
>
Conseil à domicile
</h3>
<p class="text-sm leading-4 font-dmsans line-clamp-3 min-h-12">
Prenez rendez-vous pour des conseils gratuits* à domicile et sans engagement.
</p>
</span>
</div>
</a>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-6 py-[18px] hidden lg:block mt-2.5 z-1 opacity-0 translate-y-5 absolute left-0 right-0 mx-5 lg:mx-9 !transition-all !duration-700 !ease-in-out lg:group-hover/card:opacity-100 lg:group-hover/card:translate-y-0"
special-link-obfuscator="1"
data-offuscated-url="https://group.heytens.fr/prendre-rendez-vous/home"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
</div>
</div>
</li>
<li class="swiper-slide mr-6">
<div class="group/card card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-white [.grid-mansory_&]:bg-neutral-100 overflow-hidden"
>
<div class="image-wrapper w-full bg-grey absolute h-full group-hover/card:lg:scale-125 transition-transform duration-1000">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="897" src="https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-1-731x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-1-731x1024.webp 731w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-1-214x300.webp 214w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-1-768x1075.webp 768w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-1-89x125.webp 89w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-1-696x974.webp 696w, https://www.heytens.com/content/uploads/2025/03/A-Portrait-1000x1400-1-1.webp 1000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
<div class="overlay w-full h-full absolute z-1 bottom-0 left-0 bg-gradient-to-t from-black/50 via-black/0 to-black/0"></div>
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 px-5 lg:px-9 py-7 lg:py-11 min-h-grid-m-5 lg:min-h-grid-6 h-full max-w-[450px] relative overflow-hidden">
<div class="transition-transform duration-700 ease transform group-hover/card:lg:-translate-y-[6rem] group-hover/card:2xl:-translate-y-[4.5rem]">
<span
class="headline headline-3 z-1"
>
02
</span>
<a
class="button group inline-block base-transition button-simple text-white !z-1"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3 !font-bold !font-sans mb-2.5"
>
Prise de mesures
</h3>
<p class="text-sm leading-4 font-dmsans line-clamp-3 min-h-12">
Nos techniciens ont l’expertise et les outils pour travailler au millimètre près, et vous garantir une fabrication parfaite et un rendu final impeccable.
</p>
</span>
</div>
</a>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-6 py-[18px] hidden lg:block mt-2.5 z-1 opacity-0 translate-y-5 absolute left-0 right-0 mx-5 lg:mx-9 !transition-all !duration-700 !ease-in-out lg:group-hover/card:opacity-100 lg:group-hover/card:translate-y-0"
special-link-obfuscator="1"
data-offuscated-url="https://group.heytens.fr/prendre-rendez-vous/home"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
</div>
</div>
</li>
<li class="swiper-slide mr-6">
<div class="group/card card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-white [.grid-mansory_&]:bg-neutral-100 overflow-hidden"
>
<div class="image-wrapper w-full bg-grey absolute h-full group-hover/card:lg:scale-125 transition-transform duration-1000">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="897" src="https://www.heytens.com/content/uploads/2025/10/A_Portrait_1000x1400-44-731x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/10/A_Portrait_1000x1400-44-731x1024.webp 731w, https://www.heytens.com/content/uploads/2025/10/A_Portrait_1000x1400-44-214x300.webp 214w, https://www.heytens.com/content/uploads/2025/10/A_Portrait_1000x1400-44-768x1075.webp 768w, https://www.heytens.com/content/uploads/2025/10/A_Portrait_1000x1400-44-89x125.webp 89w, https://www.heytens.com/content/uploads/2025/10/A_Portrait_1000x1400-44-696x974.webp 696w, https://www.heytens.com/content/uploads/2025/10/A_Portrait_1000x1400-44.webp 1000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
<div class="overlay w-full h-full absolute z-1 bottom-0 left-0 bg-gradient-to-t from-black/50 via-black/0 to-black/0"></div>
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 px-5 lg:px-9 py-7 lg:py-11 min-h-grid-m-5 lg:min-h-grid-6 h-full max-w-[450px] relative overflow-hidden">
<div class="transition-transform duration-700 ease transform group-hover/card:lg:-translate-y-[6rem] group-hover/card:2xl:-translate-y-[4.5rem]">
<span
class="headline headline-3 z-1"
>
03
</span>
<a
class="button group inline-block base-transition button-simple text-white !z-1"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3 !font-bold !font-sans mb-2.5"
>
Fabrication sur-mesure
</h3>
<p class="text-sm leading-4 font-dmsans line-clamp-3 min-h-12">
Parce que le sur-mesure est dans notre ADN, nous sommes en capacité de fabriquer des rideaux et des stores pour habiller tout type de fenêtres.
</p>
</span>
</div>
</a>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-6 py-[18px] hidden lg:block mt-2.5 z-1 opacity-0 translate-y-5 absolute left-0 right-0 mx-5 lg:mx-9 !transition-all !duration-700 !ease-in-out lg:group-hover/card:opacity-100 lg:group-hover/card:translate-y-0"
special-link-obfuscator="1"
data-offuscated-url="https://group.heytens.fr/prendre-rendez-vous/home"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
</div>
</div>
</li>
<li class="swiper-slide mr-6">
<div class="group/card card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-white [.grid-mansory_&]:bg-neutral-100 overflow-hidden"
>
<div class="image-wrapper w-full bg-grey absolute h-full group-hover/card:lg:scale-125 transition-transform duration-1000">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="897" src="https://www.heytens.com/content/uploads/2025/03/A_Portrait_1000x1400-19-731x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/03/A_Portrait_1000x1400-19-731x1024.webp 731w, https://www.heytens.com/content/uploads/2025/03/A_Portrait_1000x1400-19-214x300.webp 214w, https://www.heytens.com/content/uploads/2025/03/A_Portrait_1000x1400-19-768x1075.webp 768w, https://www.heytens.com/content/uploads/2025/03/A_Portrait_1000x1400-19-89x125.webp 89w, https://www.heytens.com/content/uploads/2025/03/A_Portrait_1000x1400-19-696x974.webp 696w, https://www.heytens.com/content/uploads/2025/03/A_Portrait_1000x1400-19.webp 1000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
<div class="overlay w-full h-full absolute z-1 bottom-0 left-0 bg-gradient-to-t from-black/50 via-black/0 to-black/0"></div>
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 px-5 lg:px-9 py-7 lg:py-11 min-h-grid-m-5 lg:min-h-grid-6 h-full max-w-[450px] relative overflow-hidden">
<div class="transition-transform duration-700 ease transform group-hover/card:lg:-translate-y-[6rem] group-hover/card:2xl:-translate-y-[4.5rem]">
<span
class="headline headline-3 z-1"
>
04
</span>
<a
class="button group inline-block base-transition button-simple text-white !z-1"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3 !font-bold !font-sans mb-2.5"
>
Pose et installation
</h3>
<p class="text-sm leading-4 font-dmsans line-clamp-3 min-h-12">
Nos experts se chargent de l’installation, de la pose et de tous les réglages. Ils défroissent vos rideaux, règlent au millimètre vos stores, programment vos moteurs.
</p>
</span>
</div>
</a>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-6 py-[18px] hidden lg:block mt-2.5 z-1 opacity-0 translate-y-5 absolute left-0 right-0 mx-5 lg:mx-9 !transition-all !duration-700 !ease-in-out lg:group-hover/card:opacity-100 lg:group-hover/card:translate-y-0"
special-link-obfuscator="1"
data-offuscated-url="https://group.heytens.fr/prendre-rendez-vous/home"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
</div>
</div>
</li>
</ul>
</div>
<div class="swiper-nav absolute p-0 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 hidden lg:flex justify-between w-grid-13 z-1 pointer-events-none">
<div class="navigation-left prev pointer-events-auto cursor-pointer w-11 h-11 drop-shadow base-transition-opacity relative -rotate-180 [&.swiper-button-disabled]:opacity-0 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-lock]:opacity-0 [&.swiper-button-lock]:pointer-events-none">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewbox="0 0 46 46" fill="none" class="">
<g style="mix-blend-mode:luminosity">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 46C35.7025 46 46 35.7025 46 23C46 10.2975 35.7025 0 23 0C10.2975 0 0 10.2975 0 23C0 35.7025 10.2975 46 23 46ZM23.6 27.55L25 29L31 23L25 17L23.6 18.45L27.15 22H15V24H27.15L23.6 27.55Z" fill="white"></path>
</g>
</svg>
</div>
</div>
<div class="navigation-right next pointer-events-auto cursor-pointer w-11 h-11 drop-shadow base-transition-opacity [&.swiper-button-disabled]:opacity-0 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-lock]:opacity-0 [&.swiper-button-lock]:pointer-events-none">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewbox="0 0 46 46" fill="none" class="">
<g style="mix-blend-mode:luminosity">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 46C35.7025 46 46 35.7025 46 23C46 10.2975 35.7025 0 23 0C10.2975 0 0 10.2975 0 23C0 35.7025 10.2975 46 23 46ZM23.6 27.55L25 29L31 23L25 17L23.6 18.45L27.15 22H15V24H27.15L23.6 27.55Z" fill="white"></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="button group inline-block base-transition button-primary text-white bg-peach hover:bg-peach-hover px-6 py-[18px] !block lg:!hidden mt-7 w-grid-14 mx-auto"
special-link-obfuscator="1"
data-offuscated-url="https://group.heytens.fr/prendre-rendez-vous/home"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Réserver un conseil à domicile
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0995 0.344695L10.1296 0.365723L16.6693 5.14209L17.4113 5.68281V15.596C17.4113 16.2334 17.1581 16.8447 16.7074 17.2953C16.2567 17.746 15.6455 17.9992 15.0081 17.9992H2.99207C2.3547 17.9992 1.74344 17.746 1.29275 17.2953C0.842061 16.8447 0.588867 16.2334 0.588867 15.596V5.68281L1.33086 5.13007L7.87057 0.365723L7.90061 0.344695L7.93065 0.323667C8.24738 0.112616 8.61947 0 9.00008 0C9.38068 0 9.75277 0.112616 10.0695 0.323667L10.0995 0.344695ZM15.4329 16.0209C15.5456 15.9082 15.6089 15.7554 15.6089 15.596V6.58401L9.06917 1.82267C9.04863 1.80922 9.02462 1.80207 9.00008 1.80207C8.97553 1.80207 8.95152 1.80922 8.93098 1.82267L2.39127 6.58401V15.596C2.39127 15.7554 2.45457 15.9082 2.56724 16.0209C2.67991 16.1335 2.83273 16.1968 2.99207 16.1968H15.0081C15.1674 16.1968 15.3202 16.1335 15.4329 16.0209ZM4.49408 12.2912H13.5061V14.0936H4.49408V12.2912Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</button>
</section>
<div class="wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained">
<p class="has-text-align-right" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:13px">* Prix maximum conseillé, hors frais kilométriques <br>facturés le cas échéant par votre point de vente.</p>
</div>
<div class="reinsurancesSlider relative overflow-hidden [&_.swiper-container]:lg:overflow-visible [&_.swp-slider-wrapper]:overflow-visible [&_.swiper-wrapper]:lg:!transform-none [&_.swiper-wrapper]:lg:grid [&_.swiper-wrapper]:lg:grid-cols-5 [&_.swiper-wrapper]"
id="reinsurance">
<div class="swp-slider relative w-full mt-16">
<div class="slider-counter font-sans font-medium text-xl lg:text-3xl text-white text-center mb-8 hidden">
<span></span> / <span></span>
</div>
<div class="swp-slider-wrapper w-full">
<div class="swp-slider-wrapper__inner w-full mx-auto">
<div
class="slider-container overflow-hidden swiper-container js-slider-swp relative w-full touch-pan-y"
data-slides-per-view-desk="auto"
data-slides-per-view-mobile="1"
data-slides-per-view-tablet="auto"
data-slides-per-view-mobile-space="55 "
data-slides-centermode="1 "
data-no-touch-desk="true"
data-no-slider-desktop="true"
>
<ul class="list swiper-wrapper flex mx-auto relative [&_.swiper-slide]:shrink-0">
<li class="swiper-slide wp-block-group relative flex flex-col justify-center lg:justify-between gap-y-4 lg:gap-y-10 w-full lg:!mr-0">
<figure class="wp-block-image aligncenter size-large lg:h-14 lg:content-center mb-0">
<img decoding="async" width="66" height="53" src="https://www.heytens.com/content/uploads/2024/06/Union-1.svg" class="w-auto" alt="" loading="lazy" />
</figure>
<p class="has-text-align-center has-domainesans-font-family max-w-52 mx-auto text-center leading-cozy lg:grow">
<strong>L’art </strong>d’habiller vos <strong>fenêtres</strong> depuis <strong>1974</strong>
</p>
</li>
<li class="swiper-slide wp-block-group relative flex flex-col justify-center lg:justify-between gap-y-4 lg:gap-y-10 w-full lg:!mr-0">
<div class="wp-block-group is-layout-constrained lg:h-14 lg:content-center wp-block-group-is-layout-constrained">
<p class="has-text-align-center has-dmsans-font-family text-4xxxl font-bold leading-none">
+5000
</p>
<p class="has-text-align-center has-dmsans-font-family text-xs font-light leading-none uppercase">
références
</p>
</div>
<p class="has-text-align-center has-domainesans-font-family max-w-52 mx-auto text-center leading-cozy lg:grow">
<strong>Matières, </strong>couleurs,<strong> finitions </strong>et dernières<strong> tendances</strong>
</p>
</li>
<li class="swiper-slide wp-block-group relative flex flex-col justify-center lg:justify-between gap-y-4 lg:gap-y-10 w-full lg:!mr-0">
<div class="wp-block-group is-layout-constrained lg:h-14 lg:content-center wp-block-group-is-layout-constrained">
<p class="has-text-align-center flex items-center justify-center flex-nowrap gap-x-1 has-dmsans-font-family text-4xxxl font-bold leading-none">
100
<span class="text-sm">%</span></p>
<p class="has-text-align-center has-dmsans-font-family text-sm font-light leading-none uppercase">
sérénité
</p>
</div>
<p class="has-text-align-center has-domainesans-font-family max-w-52 mx-auto text-center leading-cozy lg:grow">
Installation assurée par les <strong>poseurs</strong> de la <strong>marque</strong>
</p>
</li>
<li class="swiper-slide wp-block-group relative flex flex-col justify-center lg:justify-between gap-y-4 lg:gap-y-10 w-full lg:!mr-0">
<div class="wp-block-group is-layout-constrained lg:h-14 lg:content-center wp-block-group-is-layout-constrained">
<p class="has-text-align-center flex items-center justify-center flex-nowrap gap-x-1 has-dmsans-font-family text-4xxxl font-bold leading-none">
2
<span class="text-sm uppercase font-light">ans</span></p>
</div>
<p class="has-text-align-center has-domainesans-font-family max-w-52 mx-auto text-center leading-cozy lg:grow">
Rideaux, stores et voilages <strong>garantis 2 ans</strong>**
</p>
</li>
<li class="swiper-slide wp-block-group relative flex flex-col justify-center lg:justify-between gap-y-4 lg:gap-y-10 w-full lg:!mr-0">
<div class="wp-block-group lg:h-14 lg:content-center wp-block-group-is-layout-constrained">
<figure class="wp-block-image aligncenter size-full is-resized lg:-mt-16">
<picture decoding="async" class="object-contain size-[125px]" loading="lazy">
<source type="image/webp" srcset="https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-249x300.png.webp 249w, https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-851x1024.png.webp 851w, https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-768x924.png.webp 768w, https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-104x125.png.webp 104w, https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-696x837.png.webp 696w" sizes="auto, (max-width: 249px) 100vw, 249px"/>
<img decoding="async" width="249" height="300" src="https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-249x300.png" alt="" loading="lazy" srcset="https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-249x300.png 249w, https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-851x1024.png 851w, https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-768x924.png 768w, https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-104x125.png 104w, https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client-696x837.png 696w, https://www.heytens.com/content/uploads/2024/08/Trophee-Prix-Meilleure-Satisfaction-Client.png 984w" sizes="auto, (max-width: 249px) 100vw, 249px"/>
</picture>
</figure>
</div>
<p class="has-text-align-center has-domainesans-font-family max-w-52 mx-auto text-center text-balance leading-cozy lg:grow">
Des équipes d’<strong>experts hautement qualifiés</strong>
</p>
</li>
</ul>
</div>
<div class="swiper-nav absolute p-0 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex lg:flex justify-between w-grid-13 z-1 pointer-events-none">
<div class="navigation-left prev pointer-events-auto cursor-pointer w-11 h-11 drop-shadow base-transition-opacity relative -rotate-180 [&.swiper-button-disabled]:opacity-0 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-lock]:opacity-0 [&.swiper-button-lock]:pointer-events-none place-content-center">
<div class="icon-wrapper flex leading-none opacity-100 justify-center"
>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="18" viewbox="0 0 11 18" fill="none" class="">
<path d="M1.48926 1.18945L9.00017 8.94493L1.49213 16.7034" stroke="#003B4D" stroke-width="2"></path>
</svg>
</div>
</div>
<div class="navigation-right next pointer-events-auto cursor-pointer w-11 h-11 drop-shadow base-transition-opacity [&.swiper-button-disabled]:opacity-0 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-lock]:opacity-0 [&.swiper-button-lock]:pointer-events-none place-content-center">
<div class="icon-wrapper flex leading-none opacity-100 justify-center"
>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="18" viewbox="0 0 11 18" fill="none" class="">
<path d="M1.48926 1.18945L9.00017 8.94493L1.49213 16.7034" stroke="#003B4D" stroke-width="2"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="bloc-selection-slider overflow-hidden my-inter-bloc-margin-mobile lg:my-inter-bloc-margin alignfull"
id="heytensProductSelection">
<div class="bloc-selection-slider__slider-wrapper w-grid-14 mx-auto relative [&_.swp-slider-wrapper]:overflow-visible">
<div class="swp-slider relative">
<div class="slider-counter font-sans font-medium text-xl lg:text-3xl text-white text-center mb-8 hidden">
<span></span> / <span></span>
</div>
<div class="swp-slider-wrapper w-full">
<div class="swp-slider-wrapper__inner w-full mx-auto">
<div
class="slider-container overflow-hidden swiper-container js-slider-swp relative w-full touch-pan-y"
data-slides-per-view-desk="auto"
data-slides-per-view-mobile="auto"
data-slides-per-view-tablet="auto"
>
<ul class="list swiper-wrapper flex mx-auto relative [&_.swiper-slide]:shrink-0">
<li class="swiper-slide mr-6">
<div class="card-insert w-grid-m-3 lg:w-grid-4 relative h-full">
<div class="image-wrapper absolute w-full h-full top-0 left-0 z-0">
<div class="media-image w-full h-full absolute overflow-hidden">
<picture fetchpriority="high" decoding="async" class="w-full h-full object-cover" loading="eager">
<source type="image/webp" srcset="https://www.heytens.com/content/uploads/2025/10/Site_Format_vertical_308x471.png.webp 308w, https://www.heytens.com/content/uploads/2025/10/Site_Format_vertical_308x471-196x300.png.webp 196w, https://www.heytens.com/content/uploads/2025/10/Site_Format_vertical_308x471-82x125.png.webp 82w" sizes="(max-width: 308px) 100vw, 308px"/>
<img fetchpriority="high" decoding="async" width="308" height="471" src="https://www.heytens.com/content/uploads/2025/10/Site_Format_vertical_308x471.png" alt="" loading="eager">
</picture>
</div>
</div>
<div class="content-wrapper min-h-grid-5d5 flex h-full w-full relative z-1 bottom-0 p-5 xl:p-9 group">
<div class="relative p-6 xl:p-11 gap-5 lg:gap-7 flex flex-col h-auto w-full justify-center bg-linen overflow-x-hidden">
<h3
class="headline headline-3 !text-lg lg:!text-2xxl !leading-tight break-words"
>
Réduisez de 80% les pertes de chaleur par les fenêtres
</h3>
<p
class="body body-regular md:line-clamp-8 xl:line-clamp-none"
>
Votre confort est précieux. Offrez-vous une protection douce et isolante, qui préserve chaleur et intimité, avec style et légèreté.
</p>
<div class="icon-wrapper flex leading-none opacity-100 base-transition duration-200 group-hover:translate-x-1"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</div>
</li>
<li class="swiper-slide mr-6">
<div class="card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-blue-duck [.grid-mansory_&]:bg-neutral-100"
>
<div class="image-wrapper w-full bg-grey relative pb-[140%] lg:pb-[90%] h-0">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="640" src="https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-38-1024x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-38-1024x1024.webp 1024w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-38-300x300.webp 300w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-38-150x150.webp 150w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-38-768x768.webp 768w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-38-125x125.webp 125w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-38-696x696.webp 696w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-38-100x100.webp 100w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-38.webp 1500w" sizes="auto, (max-width: 640px) 100vw, 640px" />
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 h-auto pt-5">
<a
class="button group inline-block base-transition button-simple text-blue-duck has-after-link pr-5 [&_.button-icon]:bottom-px [&_.button-icon]:lg:bottom-1 !z-10"
href="https://www.heytens.com/fr/cat-need/rideau-thermique/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3"
>
Rideaux thermiques
</h3>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<p
class="body body-regular line-clamp-3 hidden lg:line-clamp-3 z-1"
>
Transformez vos fenêtres en boucliers contre le froid. Nos rideaux thermiques, gardent la chaleur en hiver, pour une atmosphère douce toute l’année.
</p>
</div>
</div>
</li>
<li class="swiper-slide mr-6">
<div class="card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-blue-duck [.grid-mansory_&]:bg-neutral-100"
>
<div class="image-wrapper w-full bg-grey relative pb-[140%] lg:pb-[90%] h-0">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="640" src="https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-39-1024x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-39-1024x1024.webp 1024w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-39-300x300.webp 300w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-39-150x150.webp 150w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-39-768x768.webp 768w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-39-125x125.webp 125w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-39-696x696.webp 696w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-39-100x100.webp 100w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-39.webp 1500w" sizes="auto, (max-width: 640px) 100vw, 640px" />
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 h-auto pt-5">
<a
class="button group inline-block base-transition button-simple text-blue-duck has-after-link pr-5 [&_.button-icon]:bottom-px [&_.button-icon]:lg:bottom-1 !z-10"
href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-bateau/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3"
>
Stores bateaux
</h3>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<p
class="body body-regular line-clamp-3 hidden lg:line-clamp-3 z-1"
>
Offrez à vos fenêtres des stores bateaux qui allient élégance et confort. Leur doublure isolante préserve la chaleur en hiver et assure votre intimité, tout en s’intégrant harmonieusement à tous les intérieurs.
</p>
</div>
</div>
</li>
<li class="swiper-slide mr-6">
<div class="card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-blue-duck [.grid-mansory_&]:bg-neutral-100"
>
<div class="image-wrapper w-full bg-grey relative pb-[140%] lg:pb-[90%] h-0">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="640" src="https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-40-1024x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-40-1024x1024.webp 1024w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-40-300x300.webp 300w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-40-150x150.webp 150w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-40-768x768.webp 768w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-40-125x125.webp 125w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-40-696x696.webp 696w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-40-100x100.webp 100w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-40.webp 1500w" sizes="auto, (max-width: 640px) 100vw, 640px" />
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 h-auto pt-5">
<a
class="button group inline-block base-transition button-simple text-blue-duck has-after-link pr-5 [&_.button-icon]:bottom-px [&_.button-icon]:lg:bottom-1 !z-10"
href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-plisse/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3"
>
Stores douplis
</h3>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<p
class="body body-regular line-clamp-3 hidden lg:line-clamp-3 z-1"
>
Nos stores douplis, avec leur structure en nid d’abeille, enveloppent vos fenêtres d’une isolation optimale. Ils filtrent également la lumière… Déclinés en multiples styles, couleurs et motifs.
</p>
</div>
</div>
</li>
</ul>
</div>
<div class="swiper-nav absolute p-0 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 hidden lg:flex justify-between w-grid-13 z-1 pointer-events-none">
<div class="navigation-left prev pointer-events-auto cursor-pointer w-11 h-11 drop-shadow base-transition-opacity relative -rotate-180 [&.swiper-button-disabled]:opacity-0 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-lock]:opacity-0 [&.swiper-button-lock]:pointer-events-none">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewbox="0 0 46 46" fill="none" class="">
<g style="mix-blend-mode:luminosity">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 46C35.7025 46 46 35.7025 46 23C46 10.2975 35.7025 0 23 0C10.2975 0 0 10.2975 0 23C0 35.7025 10.2975 46 23 46ZM23.6 27.55L25 29L31 23L25 17L23.6 18.45L27.15 22H15V24H27.15L23.6 27.55Z" fill="white"></path>
</g>
</svg>
</div>
</div>
<div class="navigation-right next pointer-events-auto cursor-pointer w-11 h-11 drop-shadow base-transition-opacity [&.swiper-button-disabled]:opacity-0 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-lock]:opacity-0 [&.swiper-button-lock]:pointer-events-none">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewbox="0 0 46 46" fill="none" class="">
<g style="mix-blend-mode:luminosity">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 46C35.7025 46 46 35.7025 46 23C46 10.2975 35.7025 0 23 0C10.2975 0 0 10.2975 0 23C0 35.7025 10.2975 46 23 46ZM23.6 27.55L25 29L31 23L25 17L23.6 18.45L27.15 22H15V24H27.15L23.6 27.55Z" fill="white"></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bloc-selection-slider overflow-hidden my-inter-bloc-margin-mobile lg:my-inter-bloc-margin alignfull"
id="heytensProductSelection">
<div class="block-heading w-grid-m-4 lg:w-grid-10 mb-9 lg:mb-20 mx-auto relative flex flex-col lg:flex-row justify-between lg:items-center gap-4 lg:gap-8 lg:w-grid-12">
<div class="flex flex-col gap-5">
<h2
class="headline headline-2"
>
Stores & rideaux sur mesure
</h2>
</div>
</div>
<div class="bloc-selection-slider__slider-wrapper w-grid-14 mx-auto relative [&_.swp-slider-wrapper]:overflow-visible">
<div class="swp-slider relative">
<div class="slider-counter font-sans font-medium text-xl lg:text-3xl text-white text-center mb-8 hidden">
<span></span> / <span></span>
</div>
<div class="swp-slider-wrapper w-full">
<div class="swp-slider-wrapper__inner w-full mx-auto">
<div
class="slider-container overflow-hidden swiper-container js-slider-swp relative w-full touch-pan-y"
data-slides-per-view-desk="auto"
data-slides-per-view-mobile="auto"
data-slides-per-view-tablet="auto"
>
<ul class="list swiper-wrapper flex mx-auto relative [&_.swiper-slide]:shrink-0">
<li class="swiper-slide mr-6">
<div class="card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-white [.grid-mansory_&]:bg-neutral-100"
>
<div class="image-wrapper w-full bg-grey absolute h-full">
<div class="media-image w-full h-full absolute overflow-hidden">
<picture decoding="async" class="w-full h-full object-cover" loading="lazy" fetchpriority="low">
<source type="image/webp" srcset="https://www.heytens.com/content/uploads/2025/10/Rideau-Kamala.png.webp 686w, https://www.heytens.com/content/uploads/2025/10/Rideau-Kamala-214x300.png.webp 214w, https://www.heytens.com/content/uploads/2025/10/Rideau-Kamala-89x125.png.webp 89w" sizes="auto, (max-width: 640px) 100vw, 640px"/>
<img decoding="async" width="640" height="896" src="https://www.heytens.com/content/uploads/2025/10/Rideau-Kamala.png" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/10/Rideau-Kamala.png 686w, https://www.heytens.com/content/uploads/2025/10/Rideau-Kamala-214x300.png 214w, https://www.heytens.com/content/uploads/2025/10/Rideau-Kamala-89x125.png 89w" sizes="auto, (max-width: 640px) 100vw, 640px"/>
</picture>
<div class="overlay w-full h-full absolute z-1 bottom-0 left-0 bg-gradient-to-t from-black/50 via-black/0 to-black/0"></div>
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 px-5 lg:px-9 py-7 lg:py-11 min-h-grid-m-5 lg:min-h-grid-6 h-full max-w-[450px]">
<a
class="button group inline-block base-transition button-simple text-white has-after-link pr-5 [&_.button-icon]:bottom-px [&_.button-icon]:lg:bottom-1 !z-10"
href="https://www.heytens.com/fr/cat/rideaux/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3"
>
Rideaux
</h3>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<p
class="body body-regular-medium line-clamp-3 hidden lg:line-clamp-3 z-1"
>
Rideaux sur-mesure Heytens, confectionnés dans nos ateliers depuis 50 ans.
</p>
</div>
</div>
</li>
<li class="swiper-slide mr-6">
<div class="card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-white [.grid-mansory_&]:bg-neutral-100"
>
<div class="image-wrapper w-full bg-grey absolute h-full">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="897" src="https://www.heytens.com/content/uploads/2024/11/niamey-ardoise-enrouleur-731x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2024/11/niamey-ardoise-enrouleur-731x1024.webp 731w, https://www.heytens.com/content/uploads/2024/11/niamey-ardoise-enrouleur-214x300.webp 214w, https://www.heytens.com/content/uploads/2024/11/niamey-ardoise-enrouleur-768x1075.webp 768w, https://www.heytens.com/content/uploads/2024/11/niamey-ardoise-enrouleur-89x125.webp 89w, https://www.heytens.com/content/uploads/2024/11/niamey-ardoise-enrouleur-696x974.webp 696w, https://www.heytens.com/content/uploads/2024/11/niamey-ardoise-enrouleur.webp 1000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
<div class="overlay w-full h-full absolute z-1 bottom-0 left-0 bg-gradient-to-t from-black/50 via-black/0 to-black/0"></div>
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 px-5 lg:px-9 py-7 lg:py-11 min-h-grid-m-5 lg:min-h-grid-6 h-full max-w-[450px]">
<a
class="button group inline-block base-transition button-simple text-white has-after-link pr-5 [&_.button-icon]:bottom-px [&_.button-icon]:lg:bottom-1 !z-10"
href="https://www.heytens.com/fr/cat/stores-sur-mesure/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3"
>
Stores
</h3>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<p
class="body body-regular-medium line-clamp-3 hidden lg:line-clamp-3 z-1"
>
Solutions de stores sur mesure, concrètes et multiples.
</p>
<ul class="hidden tags lg:flex flex-wrap gap-4 mt-3 z-10">
<li class="relative z-1">
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-2 py-2.5"
href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-enrouleur/"
target="_self"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Store enrouleur
</span>
</div>
</a>
</li>
<li class="relative z-1">
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-2 py-2.5"
href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-bateau/"
target="_self"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Store bateau
</span>
</div>
</a>
</li>
<li class="relative z-1">
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-2 py-2.5"
href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-californien/"
target="_self"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Store californien
</span>
</div>
</a>
</li>
<li class="relative z-1">
<a
class="button group inline-block base-transition button-outlined text-white border-solid border border-white hover:bg-white hover:text-blue-duck px-2 py-2.5"
href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-venitien/"
target="_self"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none">
Store vénitien
</span>
</div>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="swiper-slide mr-6">
<div class="card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-white [.grid-mansory_&]:bg-neutral-100"
>
<div class="image-wrapper w-full bg-grey absolute h-full">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="897" src="https://www.heytens.com/content/uploads/2025/02/A_Portrait_1000x1400-2025-02-07T150222.899-731x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/02/A_Portrait_1000x1400-2025-02-07T150222.899-731x1024.webp 731w, https://www.heytens.com/content/uploads/2025/02/A_Portrait_1000x1400-2025-02-07T150222.899-214x300.webp 214w, https://www.heytens.com/content/uploads/2025/02/A_Portrait_1000x1400-2025-02-07T150222.899-768x1075.webp 768w, https://www.heytens.com/content/uploads/2025/02/A_Portrait_1000x1400-2025-02-07T150222.899-89x125.webp 89w, https://www.heytens.com/content/uploads/2025/02/A_Portrait_1000x1400-2025-02-07T150222.899-696x974.webp 696w, https://www.heytens.com/content/uploads/2025/02/A_Portrait_1000x1400-2025-02-07T150222.899.webp 1000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
<div class="overlay w-full h-full absolute z-1 bottom-0 left-0 bg-gradient-to-t from-black/50 via-black/0 to-black/0"></div>
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 px-5 lg:px-9 py-7 lg:py-11 min-h-grid-m-5 lg:min-h-grid-6 h-full max-w-[450px]">
<a
class="button group inline-block base-transition button-simple text-white has-after-link pr-5 [&_.button-icon]:bottom-px [&_.button-icon]:lg:bottom-1 !z-10"
href="https://www.heytens.com/fr/cat/rideaux/voilages/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3"
>
Voilages
</h3>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<p
class="body body-regular-medium line-clamp-3 hidden lg:line-clamp-3 z-1"
>
Tout en nuances, les voilages jouent de leur transparence.
</p>
</div>
</div>
</li>
<li class="swiper-slide mr-6">
<div class="card-catalog-solution w-grid-m-3 lg:w-grid-4 relative text-white [.grid-mansory_&]:bg-neutral-100"
>
<div class="image-wrapper w-full bg-grey absolute h-full">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="897" src="https://www.heytens.com/content/uploads/2024/07/moustiquaire-plissee-porte-731x1024.webp" class="w-full h-full object-cover" alt="Une femme ferme une moustiquaire plissée noire pour porte" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2024/07/moustiquaire-plissee-porte-731x1024.webp 731w, https://www.heytens.com/content/uploads/2024/07/moustiquaire-plissee-porte-214x300.webp 214w, https://www.heytens.com/content/uploads/2024/07/moustiquaire-plissee-porte-768x1075.webp 768w, https://www.heytens.com/content/uploads/2024/07/moustiquaire-plissee-porte-89x125.webp 89w, https://www.heytens.com/content/uploads/2024/07/moustiquaire-plissee-porte-696x975.webp 696w, https://www.heytens.com/content/uploads/2024/07/moustiquaire-plissee-porte.webp 857w" sizes="auto, (max-width: 640px) 100vw, 640px" />
<div class="overlay w-full h-full absolute z-1 bottom-0 left-0 bg-gradient-to-t from-black/50 via-black/0 to-black/0"></div>
</div>
</div>
<div class="content-wrapper gap-3 flex justify-end flex-col z-1 w-full bottom-0 px-5 lg:px-9 py-7 lg:py-11 min-h-grid-m-5 lg:min-h-grid-6 h-full max-w-[450px]">
<a
class="button group inline-block base-transition button-simple text-white has-after-link pr-5 [&_.button-icon]:bottom-px [&_.button-icon]:lg:bottom-1 !z-10"
href="https://www.heytens.com/fr/cat/moustiquaires/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<h3
class="headline headline-3"
>
Moustiquaires
</h3>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<p
class="body body-regular-medium line-clamp-3 hidden lg:line-clamp-3 z-1"
>
Protégez-vous des insectes.
</p>
</div>
</div>
</li>
</ul>
</div>
<div class="swiper-nav absolute p-0 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 hidden lg:flex justify-between w-grid-13 z-1 pointer-events-none">
<div class="navigation-left prev pointer-events-auto cursor-pointer w-11 h-11 drop-shadow base-transition-opacity relative -rotate-180 [&.swiper-button-disabled]:opacity-0 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-lock]:opacity-0 [&.swiper-button-lock]:pointer-events-none">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewbox="0 0 46 46" fill="none" class="">
<g style="mix-blend-mode:luminosity">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 46C35.7025 46 46 35.7025 46 23C46 10.2975 35.7025 0 23 0C10.2975 0 0 10.2975 0 23C0 35.7025 10.2975 46 23 46ZM23.6 27.55L25 29L31 23L25 17L23.6 18.45L27.15 22H15V24H27.15L23.6 27.55Z" fill="white"></path>
</g>
</svg>
</div>
</div>
<div class="navigation-right next pointer-events-auto cursor-pointer w-11 h-11 drop-shadow base-transition-opacity [&.swiper-button-disabled]:opacity-0 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-lock]:opacity-0 [&.swiper-button-lock]:pointer-events-none">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewbox="0 0 46 46" fill="none" class="">
<g style="mix-blend-mode:luminosity">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 46C35.7025 46 46 35.7025 46 23C46 10.2975 35.7025 0 23 0C10.2975 0 0 10.2975 0 23C0 35.7025 10.2975 46 23 46ZM23.6 27.55L25 29L31 23L25 17L23.6 18.45L27.15 22H15V24H27.15L23.6 27.55Z" fill="white"></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block-additional-links mx-auto w-grid-m-4 lg:w-grid-12 relative flex flex-col gap-3 lg:items-end mt-8 lg:-mt-5">
<div class="flex gap-2.5 items-center">
<span
class="body body-regular-medium"
>
Et aussi
</span>
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
<ul class="tags justify-end w-full lg:text-right">
<li class="relative mb-4 mr-2 lg:mr-0 lg:ml-2 z-1 inline-block">
<a
class="button group inline-block base-transition button-underlined text-blue-duck"
href="https://www.heytens.com/fr/cat/stores-sur-mesure/store-plisse/"
>
<div class="sur-wrapper relative base-transition leading-none group-hover:pr-6 text-right flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none underline underline-offset-4">
Store plissé
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 !absolute -right-0 !top-1/2 -translate-y-1/2 hidden lg:flex top-px flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</li>
<li class="relative mb-4 mr-2 lg:mr-0 lg:ml-2 z-1 inline-block">
<a
class="button group inline-block base-transition button-underlined text-blue-duck"
href="https://www.heytens.com/fr/cat/stores-sur-mesure/panneaux-japonais/"
>
<div class="sur-wrapper relative base-transition leading-none group-hover:pr-6 text-right flex items-center justify-center">
<span class="slot-wrapper relative inline leading-none underline underline-offset-4">
Panneaux japonais
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 !absolute -right-0 !top-1/2 -translate-y-1/2 hidden lg:flex top-px flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</section>
<section class="bloc-testimony my-inter-bloc-margin-mobile lg:my-inter-bloc-margin py-inter-bloc-margin-mobile lg:py-inter-bloc-margin bg-linen alignfull"
id="testimony">
<div class="block-heading w-grid-m-4 lg:w-grid-10 mb-9 lg:mb-20 mx-auto relative flex flex-col lg:flex-row justify-between lg:items-center gap-4 lg:gap-8">
<div class="flex flex-col gap-5">
<h2
class="headline headline-2"
>
Nos équipes parlent de leurs réalisations
</h2>
<p
class="body body-regular lg:max-w-grid-5d5"
>
Découvrez nos show-rooms et solutions à travers des réalisations concrètes qui mettent en lumière notre savoir-faire et notre engagement au quotidien.
</p>
</div>
<div class="shrink-0">
<a
class="button group inline-block base-transition button-underlined text-blue-duck pr-5 !pr-0"
href="https://www.heytens.com/fr/nos-realisations/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none underline underline-offset-4">
Toutes les réalisations
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="bloc-testimony__wrapper flex flex-col lg:flex-row items-center lg:gap-grid-0-1 relative mt-10 lg:mt-0">
<div class="image-wrapper w-grid-m-4 lg:w-1/2 pr-grid-0d5 relative">
<div class="w-full pb-[76%] relative">
<div class="media-image w-full h-full absolute overflow-hidden rounded-tr-300 lg:rounded-tr-300">
<img decoding="async" width="640" height="897" src="https://www.heytens.com/content/uploads/2025/08/A_Portrait_1000x1400-2025-08-25T100258.700-731x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/08/A_Portrait_1000x1400-2025-08-25T100258.700-731x1024.webp 731w, https://www.heytens.com/content/uploads/2025/08/A_Portrait_1000x1400-2025-08-25T100258.700-214x300.webp 214w, https://www.heytens.com/content/uploads/2025/08/A_Portrait_1000x1400-2025-08-25T100258.700-768x1075.webp 768w, https://www.heytens.com/content/uploads/2025/08/A_Portrait_1000x1400-2025-08-25T100258.700-89x125.webp 89w, https://www.heytens.com/content/uploads/2025/08/A_Portrait_1000x1400-2025-08-25T100258.700-696x974.webp 696w, https://www.heytens.com/content/uploads/2025/08/A_Portrait_1000x1400-2025-08-25T100258.700.webp 1000w" sizes="auto, (max-width: 640px) 100vw, 640px" />
</div>
</div>
</div>
<div class="content-wrapper w-grid-m-4 lg:w-1/2 mt-9 lg:mt-0">
<div class="w-grid-m-4 lg:w-grid-5 pl-grid-0d5">
<div class="author flex items-center gap-grid-m-0-1 lg:gap-grid-0-1">
<div class="w-grid-m-2 lg:w-grid-2 h-grid-m-2 lg:h-grid-2 relative shrink-0">
<div class="media-image w-full h-full absolute overflow-hidden rounded-full lg:rounded-full">
<img decoding="async" width="640" height="640" src="https://www.heytens.com/content/uploads/2025/09/A_Carr_1500x1500-2025-09-02T101656.758-1024x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/09/A_Carr_1500x1500-2025-09-02T101656.758-1024x1024.webp 1024w, https://www.heytens.com/content/uploads/2025/09/A_Carr_1500x1500-2025-09-02T101656.758-300x300.webp 300w, https://www.heytens.com/content/uploads/2025/09/A_Carr_1500x1500-2025-09-02T101656.758-150x150.webp 150w, https://www.heytens.com/content/uploads/2025/09/A_Carr_1500x1500-2025-09-02T101656.758-768x768.webp 768w, https://www.heytens.com/content/uploads/2025/09/A_Carr_1500x1500-2025-09-02T101656.758-125x125.webp 125w, https://www.heytens.com/content/uploads/2025/09/A_Carr_1500x1500-2025-09-02T101656.758-696x696.webp 696w, https://www.heytens.com/content/uploads/2025/09/A_Carr_1500x1500-2025-09-02T101656.758-100x100.webp 100w, https://www.heytens.com/content/uploads/2025/09/A_Carr_1500x1500-2025-09-02T101656.758.webp 1500w" sizes="auto, (max-width: 640px) 100vw, 640px" />
</div>
</div>
<div>
<h3
class="headline headline-3"
>
Sandrine Creneguy
</h3>
<p
class="body body-regular mt-2"
>
Responsable du show-room Heytens Vannes
</p>
</div>
</div>
<p
class="body body-regular mt-8"
>
Découvrez le travail réalisé par le showrom de Vannes qui a habillé cette magnifique maison pour y apporter de la luminosité et un aspect soigné.
</p>
<div class="ctas flex flex-wrap gap-7 items-center justify-center mt-10 lg:mt-20">
<a
class="button group inline-block base-transition button-primary text-white bg-blue-duck hover:bg-blue-duck-hover px-6 py-[18px]"
href="https://www.heytens.com/fr/nos-realisations/stores-et-voilages-a-vannes/"
target="_self"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center flex-row-reverse">
<span class="slot-wrapper relative inline leading-none">
Voir la réalisation
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:-translate-x-1 !ml-0 mr-2 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
<a
class="button group inline-block base-transition button-underlined text-blue-duck pr-5"
href="https://www.heytens.com/fr/nos-showrooms/"
target="_self"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none underline underline-offset-4">
Trouver un show-room
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="bloc-push-articles w-grid-m-4 mx-auto my-inter-bloc-margin-mobile lg:my-inter-bloc-margin"
id="listingPosts">
<div class="block-heading w-grid-m-4 lg:w-grid-10 mb-9 lg:mb-20 mx-auto relative flex flex-col lg:flex-row justify-between lg:items-center gap-4 lg:gap-8">
<div class="flex flex-col gap-5">
<h2
class="headline headline-2"
>
Heytens vous livre ses secrets pour habiller vos fenêtres dans les règles de l’art…
</h2>
</div>
<div class="shrink-0">
<a
class="button group inline-block base-transition button-underlined text-blue-duck pr-5 !pr-0"
href="https://www.heytens.com/fr/blog/category/guides-et-conseils/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none underline underline-offset-4">
Tous les guides et conseils
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="bloc-push-articles__articles-wrapper w-grid-m-4 lg:w-grid-10 mx-auto flex flex-col lg:flex-row justify-center items-start gap-grid-m-0-1 lg:gap-grid-0-1 relative">
<div>
<div class="card-article relative h-full max-w-full group w-grid-m-4 lg:w-grid-4">
<div class="image-wrapper relative h-0 w-full pb-[100%] lg:pb-[110%]">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="640" src="https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-42-1024x1024.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-42-1024x1024.webp 1024w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-42-300x300.webp 300w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-42-150x150.webp 150w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-42-768x768.webp 768w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-42-125x125.webp 125w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-42-696x696.webp 696w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-42-100x100.webp 100w, https://www.heytens.com/content/uploads/2025/10/A_Carr_1500x1500-42.webp 1500w" sizes="auto, (max-width: 640px) 100vw, 640px" />
</div>
</div>
<div class="content-wrapper h-auto flex flex-col gap-5 [.higher-content-gap_&]:gap-8 [.higher-content-gap_&]:mt-2 z-1 bottom-0 [&_.sur-wrapper]:justify-start justify-end pt-7 lg:pt-5 w-full">
<h3
class="headline headline-3 line-clamp-2"
>
Comment choisir des rideaux thermiques ? Guide d’achat complet
</h3>
<p
class="body body-regular line-clamp-3"
>
Chez Heytens, nous vous proposons des solutions sur-mesure pour maîtriser la chaleur et l’éblouissement, tout en alliant style et innovation.
</p>
<a
class="button group inline-block base-transition button-simple text-blue-duck has-after-link pr-5"
href="https://www.heytens.com/fr/blog/comment-choisir-rideau-thermique/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<p
class="body body-regular-medium"
>
En savoir plus
</p>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="flex flex-col gap-grid-m-0-1 lg:gap-grid-0-1">
<div class="card-article relative h-full max-w-full group w-grid-m-4 lg:w-grid-6 flex flex-col lg:flex-row items-center gap-grid-m-0-1 lg:gap-grid-0-1 flex-basis-1">
<div class="image-wrapper relative h-0 w-full lg:w-1/2 pb-[60%] lg:pb-[55%]">
<div class="media-image w-full h-full absolute overflow-hidden">
<picture decoding="async" class="w-full h-full object-cover" loading="lazy" fetchpriority="low">
<source type="image/webp" srcset="https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-1024x683.jpg.webp 1024w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-300x200.jpg.webp 300w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-768x512.jpg.webp 768w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-1536x1024.jpg.webp 1536w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-scaled.jpg.webp 2048w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-187x125.jpg.webp 187w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-696x464.jpg.webp 696w" sizes="auto, (max-width: 640px) 100vw, 640px"/>
<img decoding="async" width="640" height="427" src="https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-1024x683.jpg" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-1024x683.jpg 1024w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-300x200.jpg 300w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-768x512.jpg 768w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-1536x1024.jpg 1536w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-scaled.jpg 2048w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-187x125.jpg 187w, https://www.heytens.com/content/uploads/2025/11/TO-1732-DOUPLI_amb01-696x464.jpg 696w" sizes="auto, (max-width: 640px) 100vw, 640px"/>
</picture>
</div>
</div>
<div class="content-wrapper h-auto flex flex-col gap-5 [.higher-content-gap_&]:gap-8 [.higher-content-gap_&]:mt-2 z-1 bottom-0 [&_.sur-wrapper]:justify-start lg:w-1/2">
<h3
class="headline headline-3 line-clamp-2"
>
Économies d’énergie : l’impact réel des stores et rideaux thermiques sur votre facture
</h3>
<p
class="body body-regular line-clamp-3"
>
Les rideaux et stores thermiques sur mesure se présentent comme des alliés incontournables pour atteindre cet équilibre.
</p>
<a
class="button group inline-block base-transition button-simple text-blue-duck has-after-link pr-5"
href="https://www.heytens.com/fr/blog/economies-denergie-limpact-reel-des-stores-et-rideaux-thermiques-sur-votre-facture/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<p
class="body body-regular-medium"
>
En savoir plus
</p>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="card-article relative h-full max-w-full group w-grid-m-4 lg:w-grid-6 flex flex-col lg:flex-row items-center gap-grid-m-0-1 lg:gap-grid-0-1 flex-basis-1">
<div class="image-wrapper relative h-0 w-full lg:w-1/2 pb-[60%] lg:pb-[55%]">
<div class="media-image w-full h-full absolute overflow-hidden">
<img decoding="async" width="640" height="373" src="https://www.heytens.com/content/uploads/2024/07/A_Paysage_1200x700-1024x597.webp" class="w-full h-full object-cover" alt="" loading="lazy" fetchpriority="low" srcset="https://www.heytens.com/content/uploads/2024/07/A_Paysage_1200x700-1024x597.webp 1024w, https://www.heytens.com/content/uploads/2024/07/A_Paysage_1200x700-300x175.webp 300w, https://www.heytens.com/content/uploads/2024/07/A_Paysage_1200x700-768x448.webp 768w, https://www.heytens.com/content/uploads/2024/07/A_Paysage_1200x700-200x117.webp 200w, https://www.heytens.com/content/uploads/2024/07/A_Paysage_1200x700-696x406.webp 696w, https://www.heytens.com/content/uploads/2024/07/A_Paysage_1200x700.webp 1200w" sizes="auto, (max-width: 640px) 100vw, 640px" />
</div>
</div>
<div class="content-wrapper h-auto flex flex-col gap-5 [.higher-content-gap_&]:gap-8 [.higher-content-gap_&]:mt-2 z-1 bottom-0 [&_.sur-wrapper]:justify-start lg:w-1/2">
<h3
class="headline headline-3 line-clamp-2"
>
Comment habiller vos fenêtres atypiques ?
</h3>
<p
class="body body-regular line-clamp-3"
>
Si vous possédez des fenêtres atypiques, qu’elles soient rondes, en trapèze, de toit ou encore triangulaires, vous vous êtes probablement déjà interrogé sur la façon de les habiller. Pas de panique ! Vous êtes au bon endroit. Découvrons ensemble comment les habiller avec nos solutions pratiques et déco !
</p>
<a
class="button group inline-block base-transition button-simple text-blue-duck has-after-link pr-5"
href="https://www.heytens.com/fr/blog/habiller-fenetres-atypiques/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none">
<p
class="body body-regular-medium"
>
En savoir plus
</p>
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<div class="bloc-clamped-text js-clamped group text-right" data-mobilelines="1" data-lines="1">
<div class="transition-all duration-300 ease-quad-out line-clamp-1 lg:line-clamp-1 text-wrapper group-[.opened]:line-clamp-none !overflow-hidden">
<div class="font-light text">
<p
class="body body-regular"
>
** Garantie : les défauts de conformité qui apparaissent dans un délai de vingt-quatre mois à compter de la délivrance du bien, (.),<br />
sont, sauf preuve contraire, présumés exister au moment de la délivrance, à moins que cette présomption ne soit incompatible<br />
avec la nature du bien ou du défaut invoqué.
</p>
</div>
</div>
<button type="underlined" class="toggle-clampled w-full text-right lg:whitespace-nowrap mt-2">
<p
class="body body-regular-medium base-transition-opacity underline underline-offset-4 group-[.opened]:opacity-0"
>
Lire la suite
</p>
<p
class="body body-regular-medium base-transition-opacity relative opacity-0 underline underline-offset-4 group-[.opened]:opacity-100"
>
Lire moins
</p>
</button>
</div>
</div>
</section><!-- #post-14 -->
</main>
</div>
<!-- Sidebar -->
<aside id="appointmentPopUp">
<div x-data="AppointmentPopup"
x-show="state.isVisible"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 translate-x-full"
x-transition:enter-end="opacity-100 translate-x-0"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-0 translate-x-full"
x-cloak
class="fixed sm:top-2/4 bottom-0 sm:bottom-auto right-0 bg-sky p-6 z-10 sm:w-80 sm:shadow-xl">
<div class="flex items-start justify-between gap-4 mb-4">
<span class="text-lg text-balance leading-cozy max-w-[15rem]">
Vous avez un projet ? On s'occupe de tout.
</span>
<button @click="close()" class="cursor-pointer">
<img src="https://www.heytens.com/content/themes/heytens/assets//img/icons/close.svg" alt="Close the popup" class="size-2.5 mt-2">
</button>
</div>
<a
class="button group inline-block base-transition button-underlined text-blue-duck pr-5 sm:[&_.button-icon]:opacity-100"
href="https://www.heytens.com/fr/prendre-rendez-vous/"
>
<div class="sur-wrapper relative base-transition leading-none [&_*:not(script)]:inline">
<span class="slot-wrapper relative inline leading-none underline underline-offset-4">
<img width="640" height="427" src="https://www.heytens.com/content/uploads/2024/11/Choix-Tissus-Heytens-1024x683.webp" class="w-full mb-5" alt="" decoding="async" srcset="https://www.heytens.com/content/uploads/2024/11/Choix-Tissus-Heytens-1024x683.webp 1024w, https://www.heytens.com/content/uploads/2024/11/Choix-Tissus-Heytens-300x200.webp 300w, https://www.heytens.com/content/uploads/2024/11/Choix-Tissus-Heytens-768x512.webp 768w, https://www.heytens.com/content/uploads/2024/11/Choix-Tissus-Heytens-1536x1024.webp 1536w, https://www.heytens.com/content/uploads/2024/11/Choix-Tissus-Heytens-188x125.webp 188w, https://www.heytens.com/content/uploads/2024/11/Choix-Tissus-Heytens-696x464.webp 696w, https://www.heytens.com/content/uploads/2024/11/Choix-Tissus-Heytens.webp 1980w" sizes="(max-width: 640px) 100vw, 640px" />
Prendre rendez-vous
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 lg:opacity-0 group-hover:opacity-100 group-hover:translate-x-1 !absolute">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</div>
</aside>
<!-- End sidebar -->
</div><!-- #content -->
<div class="bg-sky py-[77px] mt-inter-bloc-margin"
id="newsletter">
<div class="w-grid-m-4 xl:w-grid-10 mx-auto flex flex-col xl:flex-row justify-center items-start gap-grid-m-0-1 xl:gap-grid-0-1 gap-y-16">
<div class="text-center mx-auto xl:w-grid-5">
<div class="relative after:absolute after:top-2/4 after:-translate-y-2/4 after:right-0 xl:after:content-[''] after:w-px after:h-5/6 after:bg-blue-duck">
<h4 class="text-4xxl mb-3">Nos show-room</h4>
<p class="text-lg lg:w-2/4 lg:mx-auto">
Nos équipes en show-room vous accueillent avec ou sans rendez-vous.
</p>
</div>
<a
class="button group inline-block base-transition button-primary text-white bg-blue-duck hover:bg-blue-duck-hover px-6 py-[18px] btn-allpages-showroom !text-lg mt-9"
href="https://www.heytens.com/fr/nos-showrooms/"
target="_blank"
>
<div class="sur-wrapper relative base-transition leading-none flex items-center justify-center flex-row-reverse">
<span class="slot-wrapper relative inline leading-none">
Sélectionner une boutique
</span>
<div class="button-icon relative inline ml-2 leading-5 lg:leading-none base-transition duration-200 group-hover:-translate-x-1 !ml-0 mr-2 flex items-center h-0">
<div class="icon-wrapper flex leading-none opacity-100"
>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</a>
</div>
<div class="w-32 h-px mx-auto bg-blue-duck xl:hidden"></div>
<div class="text-center xl:w-grid-5">
<h4 class="text-4xxl mb-3">Newsletter</h4>
<p class="text-lg lg:w-9/12 lg:mx-auto">Plongez dans l'univers sur mesure de notre newsletter, source d'élégance, de conseil et d'inspiration.</p>
<div class="sidebar-newsletter">
<div class="sidebar-title">Newsletter FR</div> <script type="text/javascript">
var gCaptchaSibWidget;
var onloadSibCallbackInvisible = function () {
var element = document.getElementsByClassName('sib-default-btn');
var countInvisible = 0;
var indexArray = [];
jQuery('.sib-default-btn').each(function (index, el) {
if ((jQuery(el).attr('id') == "invisible")) {
indexArray[countInvisible] = index;
countInvisible++
}
});
jQuery('.invi-recaptcha').each(function (index, el) {
grecaptcha.render(element[indexArray[index]], {
'sitekey': jQuery(el).attr('data-sitekey'),
'callback': sibVerifyCallback,
});
});
};
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadSibCallbackInvisible&render=explicit" async defer></script>
<form id="sib_signup_form_2" method="post" class="sib_signup_form">
<div class="sib_loader" style="display:none;"><img
src="https://www.heytens.com/cms/wp-includes/images/spinner.gif" alt="loader"></div>
<input type="hidden" name="sib_form_action" value="subscribe_form_submit">
<input type="hidden" name="sib_form_id" value="2">
<input type="hidden" name="sib_form_alert_notice" value="Merci de remplir ce champ">
<input type="hidden" name="sib_form_invalid_email_notice" value="Votre adresse email est invalide">
<input type="hidden" name="sib_security" value="12a0f80f26">
<div class="sib_signup_box_inside_2">
<div style="/*display:none*/" class="sib_msg_disp">
</div>
<div id="sib_captcha_invisible" class="invi-recaptcha" data-sitekey="6LeE7woqAAAAAEFLA2SjPegZb-0ZSrl39hcRTZdz"></div>
<p class="sib-email-area">
<input type="email" class="sib-email-area" name="email" placeholder="Votre adresse e-mail" required="required">
</p>
<p class="sib-submit-area">
<input type="submit" id="invisible" class="btn-allpages-newsletter sib-default-btn" value="S'abonner">
</p> </div>
</form>
<style>
form#sib_signup_form_2 p.sib-alert-message {
padding: 6px 12px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form#sib_signup_form_2 p.sib-alert-message-error {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
form#sib_signup_form_2 p.sib-alert-message-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
form#sib_signup_form_2 p.sib-alert-message-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
</style>
</div>
<p class="block text-xs text-center mt-4">
Votre email est uniquement utilisé pour vous envoyer les newsletters Heytens, vous pouvez à tout moment vous désabonner via le lien intégré dans nos newsletters. Toutes les infos dans notre <a href="https://www.heytens.com/fr/politique-de-confidentialite/">politique de confidentialité</a>
</p>
</div>
</div>
</div><footer class="bg-blue-duck px-12 lg:px-0 pt-16 lg:pt-24 pb-10 lg:pb-14">
<div class="max-w-lg mx-auto flex flex-col lg:flex-row items-stretch justify-between gap-x-20 gap-y-16">
<div class="max-w-lg mx-auto basis-3/4 flex flex-col">
<div class="flex flex-col lg:flex-row justify-between lg:items-start gap-x-20 gap-y-10 lg:gap-y-4 grow">
<div class="text-center lg:text-start">
<img src="https://www.heytens.com/content/themes/heytens/assets/img/LogoWhite.svg"
alt="Heytens logo"
class="w-auto h-18"
width="217"
height="70"
loading="lazy"
fetchpriority="low">
<div class="flex justify-center gap-4 mt-8">
<a href="https://www.facebook.com/heytens.group "
target="_self">
<span class="sr-only">Facebook</span>
<img width="21" height="21" src="https://www.heytens.com/content/uploads/2024/05/fb.svg" class="w-5 h-5 object-contain" alt="" loading="lazy" fetchpriority="low" decoding="async" />
</a>
<a href="https://www.pinterest.fr/heytens/ "
target="_blank">
<span class="sr-only">Pinterest</span>
<img width="21" height="22" src="https://www.heytens.com/content/uploads/2024/05/pinterest.svg" class="w-5 h-5 object-contain" alt="" loading="lazy" fetchpriority="low" decoding="async" />
</a>
<a href="https://www.instagram.com/heytens/ "
target="_blank">
<span class="sr-only">instagram</span>
<img width="22" height="21" src="https://www.heytens.com/content/uploads/2024/05/instagram.svg" class="w-5 h-5 object-contain" alt="" loading="lazy" fetchpriority="low" decoding="async" />
</a>
<a href="https://www.linkedin.com/company/heytens/"
target="_blank">
<span class="sr-only">Linkedin</span>
<img width="19" height="19" src="https://www.heytens.com/content/uploads/2024/05/linkedin.svg" class="w-5 h-5 object-contain" alt="" loading="lazy" fetchpriority="low" decoding="async" />
</a>
</div>
</div>
<div class="flex flex-col lg:flex-row items-center lg:items-start justify-between text-center lg:text-start gap-x-20 gap-y-5 lg:gap-y-14 lg:mt-4">
<div x-data="Footer()" class="flex flex-col gap-y-3.5 text-white">
<div class="relative flex items-center gap-x-2.5" @click="toggleMenu()">
<div class="block text-lg font-sans font-medium">
À Propos d'Heytens
</div>
<div class="flex lg:hidden">
<button class="p-0 leading-[0px]">
<span class="sr-only">Ouvrir le menu</span>
<div class="transition-transform" :class="menuOpen ? 'rotate-0' : '-rotate-90'">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewbox="0 0 16 10" fill="none" class="w-4 h-4">
<path d="M7.99937 6.44528L14.2214 0.223269L16 2.00063L7.99937 10L-3.49664e-07 2.00063L1.77736 0.223269L7.99937 6.44528Z" fill="white"></path>
</svg>
</div>
</button>
</div>
</div>
<div x-show="menuOpen" x-collapse>
<div>
<a href="https://www.heytens.com/fr/nos-services/"
id="desktop-menu-37"
class="block no-underline font-display font-light text-lg text-white leading-none mb-3">
Nos services
</a>
</div>
<div>
<a href="https://www.heytens.com/fr/la-marque-heytens/"
id="desktop-menu-14334"
class="block no-underline font-display font-light text-lg text-white leading-none mb-3">
La marque
</a>
</div>
<div>
<a href="https://www.heytens.com/fr/nos-valeurs/"
id="desktop-menu-41"
class="block no-underline font-display font-light text-lg text-white leading-none mb-3">
Nos valeurs
</a>
</div>
<div>
<a href="https://www.heytens.com/fr/nos-showrooms/"
id="desktop-menu-43"
class="block no-underline font-display font-light text-lg text-white leading-none mb-3">
Nos show-rooms
</a>
</div>
<div>
<a href="https://www.heytens.com/fr/nos-realisations/"
id="desktop-menu-45"
class="block no-underline font-display font-light text-lg text-white leading-none mb-3">
Nos réalisations
</a>
</div>
<div>
<a href="https://www.heytens.com/fr/blog/"
id="desktop-menu-102"
class="block no-underline font-display font-light text-lg text-white leading-none mb-3">
Blog
</a>
</div>
</div>
</div> <div x-data="Footer()" class="flex flex-col gap-y-3.5 text-white">
<div class="relative flex items-center gap-x-2.5" @click="toggleMenu()">
<div class="block text-lg font-sans font-medium">
Assistance & Contact
</div>
<div class="flex lg:hidden">
<button class="p-0 leading-[0px]">
<span class="sr-only">Ouvrir le menu</span>
<div class="transition-transform" :class="menuOpen ? 'rotate-0' : '-rotate-90'">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewbox="0 0 16 10" fill="none" class="w-4 h-4">
<path d="M7.99937 6.44528L14.2214 0.223269L16 2.00063L7.99937 10L-3.49664e-07 2.00063L1.77736 0.223269L7.99937 6.44528Z" fill="white"></path>
</svg>
</div>
</button>
</div>
</div>
<div x-show="menuOpen" x-collapse>
<div>
<a href="https://www.heytens.com/fr/contactez-nous/"
id="desktop-menu-53"
class="block no-underline font-display font-light text-lg text-white leading-none mb-3">
Contact - FAQ
</a>
</div>
<div>
<a href="https://recrutement.heytens.com/"
id="desktop-menu-2267"
class="block no-underline font-display font-light text-lg text-white leading-none mb-3">
Recrutement
</a>
</div>
<div>
<a href="https://www.heytens.com/fr/avis-heytens-france/"
id="desktop-menu-12396"
class="block no-underline font-display font-light text-lg text-white leading-none mb-3">
Avis Heytens
</a>
</div>
</div>
</div> </div> </div>
<div class="hidden lg:block">
<ul class="flex flex-col lg:flex-row items-center gap-3.5 lg:gap-8 text-sm text-white lg:mt-10">
<li class="font-display font-light">
<a href="https://www.heytens.com" link-obfuscator>
© Copyright - <span class="underline">Heytens</span> 2025
</a>
</li>
<li>
<a href="https://www.heytens.com/fr/mentions-legales/"
id="desktop-menu-57"
class="block no-underline text-sm text-white font-display font-light"
link-obfuscator>
Mentions légales
</a>
</li>
<li>
<a href="https://www.heytens.com/fr/politique-de-confidentialite/"
id="desktop-menu-3"
class="menu-item-privacy-policy block no-underline text-sm text-white font-display font-light"
link-obfuscator>
Politique de confidentialité
</a>
</li>
<li>
<a href="https://www.heytens.com/fr/politique-relative-aux-cookies/"
id="desktop-menu-60"
class="block no-underline text-sm text-white font-display font-light"
link-obfuscator>
Politique relative aux cookies
</a>
</li>
</ul> </div>
</div>
<div class="relative flex flex-col bg-sky min-h-85 px-9 py-8 min-w-[292px] basis-1/4">
<div class="text-lg font-sans text-blue-duck leading-5 z-1">
<span class="block font-bold mb-1 leading-7">Devenez franchisé Heytens</span>
</div>
<p class="block w-3/5 leading-6 text-balance text-lg my-2 z-1">
Un concept éprouvé, un réseau solide, et un soutien permanent.
</p>
<div class="grow content-end z-1">
<a id="clic-footer-franchise"
href="https://www.heytens.com/fr/devenir-franchise/"
class="btn-footer-franchise group inline-flex justify-center items-center gap-x-2.5 bg-turquoise hover:bg-turquoise-hover font-display font-medium text-lg w-full py-4 text-white no-underline transition-colors duration-300 text-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewbox="0 0 16 13" fill="currentColor" class="w-4 h-4 fill-white group-hover:-translate-x-1 base-transition duration-200">
<path d="M10 12.4448L8.6 10.9948L12.15 7.44482H0V5.44482H12.15L8.6 1.89482L10 0.444824L16 6.44482L10 12.4448Z" fill="currentColor"></path>
</svg>
Rejoindre le réseau
</a>
</div>
<img src="https://www.heytens.com/content/themes/heytens/assets//img/franchise.png" alt="Devenir franchisé Heytens dès aujourd'hui"
class="w-auto h-auto object-contain absolute bottom-0 right-0" loading="lazy" fetchpriority="low" />
</div>
</div>
<div class="mt-10 lg:hidden">
<ul class="flex flex-col lg:flex-row items-center gap-3.5 lg:gap-8 text-sm text-white lg:mt-10">
<li class="font-display font-light">
<a href="https://www.heytens.com" link-obfuscator>
© Copyright - <span class="underline">Heytens</span> 2025
</a>
</li>
<li>
<a href="https://www.heytens.com/fr/mentions-legales/"
id="desktop-menu-57"
class="block no-underline text-sm text-white font-display font-light"
link-obfuscator>
Mentions légales
</a>
</li>
<li>
<a href="https://www.heytens.com/fr/politique-de-confidentialite/"
id="desktop-menu-3"
class="menu-item-privacy-policy block no-underline text-sm text-white font-display font-light"
link-obfuscator>
Politique de confidentialité
</a>
</li>
<li>
<a href="https://www.heytens.com/fr/politique-relative-aux-cookies/"
id="desktop-menu-60"
class="block no-underline text-sm text-white font-display font-light"
link-obfuscator>
Politique relative aux cookies
</a>
</li>
</ul> </div>
</footer>
<div class="bloc-grid-helper" x-data="GridHelper()">
<div class="fixed bottom-0 right-12 bg-peach text-base text-white px-4 py-2 rounded-t-lg min-w-44 text-center cursor-pointer select-none z-[10000]"
x-cloak x-show="showPanel">
<span x-show="!showGrid" @click="toggleGrid()">Afficher la grille</span>
<span x-show="showGrid" @click="toggleGrid()">Masquer la grille</span>
</div>
<div class="grid-helper h-screen w-full top-0 opacity-10 fixed pointer-events-none z-50" x-show="showGrid" x-cloak>
<div class="relative top-0 bottom-0 w-grid-m-4 lg:w-grid-14 h-full left-1/2 -translate-x-1/2">
<div class="grid-helper-desk w-full h-full justify-between hidden lg:flex">
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
</div>
<div class="grid-helper-desk w-full h-full justify-between flex lg:hidden">
<div class="grid-helper-col w-grid-m-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-m-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-m-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
<div class="grid-helper-col w-grid-m-1 h-full relative">
<div class="col-inner bg-red-600 w-full h-full"></div>
</div>
</div>
</div>
</div>
</div>
</div><!-- #page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/cms\/wp-*.php","\/cms\/wp-admin\/*","\/content\/uploads\/*","\/content\/*","\/content\/plugins\/*","\/content\/themes\/heytens\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<div id='pys_ajax_events'></div> <script>
var node = document.getElementsByClassName('woocommerce-message')[0];
if(node && document.getElementById('pys_late_event')) {
var messageText = node.textContent.trim();
if(!messageText) {
node.style.display = 'none';
}
}
</script>
<noscript><img height="1" width="1" style="display: none;" src="https://www.facebook.com/tr?id=522308621534871&ev=PageView&noscript=1&cd%5Bpage_title%5D=HomePage&cd%5Bpost_type%5D=page&cd%5Bpost_id%5D=14&cd%5Bplugin%5D=PixelYourSite&cd%5Buser_role%5D=guest&cd%5Bevent_url%5D=www.heytens.com%2Ffr%2F" alt=""></noscript>
<script type='text/javascript'>
(function () {
var c = document.body.className;
c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
document.body.className = c;
})();
</script>
<style id='core-block-supports-inline-css' type='text/css'>
.wp-elements-99b4c319aee6f08980efcfca496624f0 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--white);}.wp-elements-a65c11a2769b2eaa17bf31d0d365784e a:where(:not(.wp-element-button)){color:var(--wp--preset--color--white);}.wp-container-core-columns-is-layout-28f84493{flex-wrap:nowrap;}.wp-container-core-buttons-is-layout-9587046d{justify-content:center;}
</style>
<script type="text/javascript" id="pll_cookie_script-js-after">
/* <![CDATA[ */
(function() {
var expirationDate = new Date();
expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
document.cookie = "pll_language=fr; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax";
}());
/* ]]> */
</script>
<script type="text/javascript" id="rocket-browser-checker-js-after">
/* <![CDATA[ */
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
/* ]]> */
</script>
<script type="text/javascript" id="rocket-preload-links-js-extra">
/* <![CDATA[ */
var RocketPreloadLinksConfig = {"excludeUris":"\/fr\/nos-realisations\/store-bateau-ecru-strasbourg\/|\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/fr\/commander\/??(.*)|\/be-fr\/commander\/??(.*)|\/be-nl\/afrekenen\/??(.*)|\/ch-de\/checkout\/??(.*)|\/lu\/checkout\/??(.*)|\/ch-fr\/checkout\/??(.*)|\/fr\/panier\/?|\/be-fr\/panier\/?|\/be-nl\/winkelwagen\/?|\/ch-de\/warenkorb\/?|\/lu\/cart\/?|\/ch-fr\/cart\/?|\/fr\/mon-compte\/??(.*)|\/be-fr\/mon-compte\/??(.*)|\/be-nl\/mijn-account\/??(.*)|\/ch-de\/mein-konto\/??(.*)|\/lu\/my-account\/??(.*)|\/ch-fr\/my-account\/??(.*)|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.heytens.com","onHoverDelay":"100","rateThrottle":"3"};
/* ]]> */
</script>
<script type="text/javascript" id="rocket-preload-links-js-after">
/* <![CDATA[ */
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
/* ]]> */
</script>
<script type="text/javascript" id="themosis/frontend-4d48a344-js-extra">
/* <![CDATA[ */
var theme = {"env":"production"};
/* ]]> */
</script>
<script type="module" crossorigin src="https://www.heytens.com/content/themes/heytens/dist/frontend/assets/frontend-4d48a344.js?ver=4d48a344"></script><script type="text/javascript" id="axeptio/sdk-script-js-extra">
/* <![CDATA[ */
var Axeptio_SDK = {"clientId":"6696555bc201a89233374dc3","platform":"plugin-wordpress","sendDatas":"","enableGoogleConsentMode":"1","triggerGTMEvents":"true","googleConsentMode":{"default":{"analytics_storage":"granted","ad_storage":"granted","ad_user_data":"granted","ad_personalization":"granted","functionality_storage":"denied","personalization_storage":"denied","security_storage":"denied"}},"cookiesVersion":"heytens-fr"};
var axeptioWordpressVendors = [];
var axeptioWordpressSteps = [{"title":"Cookies WordPress","subTitle":"Vous trouverez ici toutes les extensions WordPress utilisant des cookies.","topTitle":false,"message":"Vous trouverez ci-dessous la liste des extensions utilis\u00e9es sur ce site qui utilisent des cookies. Veuillez activer ou d\u00e9sactiver celles pour lesquelles vous consentez au partage de vos donn\u00e9es.","image":false,"imageWidth":0,"imageHeight":0,"disablePaint":false,"name":"wordpress","layout":"category","allowOptOut":true,"insert_position":"after_welcome_step","position":99}];
/* ]]> */
</script>
<script type="text/javascript" src="https://www.heytens.com/content/plugins/axeptio-sdk-integration/dist/js/frontend/axeptio.js?ver=2.6.1" id="axeptio/sdk-script-js"></script>
<script type="text/javascript" id="axeptio/sdk-script-js-after">
/* <![CDATA[ */
window.axeptioSettings = Axeptio_SDK;
window.axeptioSettings.triggerGTMEvents = 'true';
(function (d, s) {
var t = d.getElementsByTagName(s)[0],
e = d.createElement(s);
e.async = true;
e.src = 'https://static.axept.io/sdk.js';
t.parentNode.insertBefore(e, t);
})(document, 'script');
/* ]]> */
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"2767824024604127a90563c8a5374a5a","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
