C'est avec tristesse que l'établissement doit fermer ses portes à partir de vendredi 30/10 pour une durée encore indéterminée suite au reconfinement.

Hâte de vous revoir.

En attendant, prenez soin de vous et de vos proches.

<div>

<div class="menu-deroulant">

![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1717581954/Black_White-1_2.jpg)	
	
## Coloration
	
<span>
	
Vous cherchez des professionnels qui sauront être à votre écoute et qui répondront à vos attentes ? Le salon Black & White à Paris est le lieu idéal pour vous.

</span>
	

## ⮟


<div>
	
Relaxez vous et laissez nos coiffeurs qualifiés vous proposer une gamme de prestations d'exception pour la beauté de vos cheveux autour des techniques modernes de la coiffure.

Que se soit en termes de coupes tendance, de colorations ou de permanentes, vos coiffeurs réalisent toutes vos envies coiffure vous propose en toute simplicité les dernières tendances de la mode en coiffure.

Redonnez vie à vos cheveux . Pour une coiffure de mariage , faites confiance aussi à qui vous assure un résultat à votre goût.

##### [RÉSERVER](https://renderer.s.production.wavy.team/services)
	
## ⮝
	
</div>
	
</div>
	
<div class="menu-deroulant">

![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1717581954/Black_White-1_1.jpg)
	
## Coupe
	
<span>
	
Bienvenue chez Black & White, notre salon de coiffure situé à Paris est ravi de vous accueillir pour un moment de beauté et de plaisir. 

</span>


## ⮟


<div>
	
Vous cherchez des professionnels qui sauront être à votre écoute et qui répondront à vos attentes ? Le salon Black & White à Paris est le lieu idéal pour vous.
	
Relaxez vous et laissez nos coiffeurs qualifiés vous proposer une gamme de prestations d'exception pour la beauté de vos cheveux autour des techniques modernes de la coiffure.

Que se soit en termes de coupes tendance, de colorations ou de permanentes, vos coiffeurs réalisent toutes vos envies coiffure vous propose en toute simplicité les dernières tendances de la mode en coiffure.

Redonnez vie à vos cheveux . Pour une coiffure de mariage , faites confiance aussi à qui vous assure un résultat à votre goût.

##### [RÉSERVER](https://renderer.s.production.wavy.team/services)
	
## ⮝
	
</div>
	
</div>
	
 

</div> 

<Cols>
<Col>
## À propos du salon de coiffure 
#### Black & White à Paris

![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1552405609/hr-titre.png)

Bienvenue chez **Black & White**, notre **salon de coiffure situé à Paris** est ravi de vous accueillir pour un moment de beauté et de plaisir. Durant ce moment de bien-être, vous prendrez du temps pour vous.

##### [RÉSERVER](https://renderer.s.production.wavy.team/services)

Ce salon typiquement mixte propose des coupes dans l'air du temps. Que ce soit pour vous, Mesdames, et bien sûr, la gent masculine,
</Col>
</Cols>

![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1693220890/bandeau_contenu-n-b.jpg)

test

test2

<div class="container">
  <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/e_grayscale/v1719303748/Spa_massage_11.jpg">
    <div class="card__head"><a href="https://657c2a0403b8e70137f61947.renderer.wavy.fr/services">Massage femme</a></div>
  </div>
  <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1719303748/Spa_massage_17.jpg">
    <div class="card__head"><a href="https://657c2a0403b8e70137f61947.renderer.wavy.fr/services">Massage aux pierres chaudes</a></div>
  </div>
  <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1719303748/Spa_massage_23.jpg">
    <div class="card__head"><a href="https://657c2a0403b8e70137f61947.renderer.wavy.fr/services">Massage homme</a></div>
  </div>
  <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1719303748/Spa_massage_3.jpg">
    <div class="card__head"><a href="https://657c2a0403b8e70137f61947.renderer.wavy.fr/services">Massage dos</a></div>
  </div>
  <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1719303748/Spa_massage_25.jpg">
    <div class="card__head"><a href="https://657c2a0403b8e70137f61947.renderer.wavy.fr/services">Soins corps</a></div>
  </div>
</div>

test3

<div class="galleryss">

  
  <div class="image-block">
    <input type="checkbox" id="img1">
    <label for="img1" class="image-label">
      <img src="https://res.cloudinary.com/wavy/image/upload/v1743155427/Magyla_Beauty-IMG_1_avtdza.jpg" alt="Image 1">
    </label>
    <div class="texte-cache">
      Le prix de la prestation sur le site ne tient pas compte de la promotion en cours. 
    </div>
  </div>

  
  <div class="image-block">
    <input type="checkbox" id="img2">
    <label for="img2" class="image-label">
      <img src="https://res.cloudinary.com/wavy/image/upload/v1743772175/Magyla_Beauty-IMG_7_kq4tcf.jpg" alt="Image 2">
    </label>
    <div class="texte-cache">
      Le prix de la prestation sur le site ne tient pas compte de la promotion en cours.  Le prix de la prestation sur le site ne tient pas compte de la promotion en cours.
    </div>
  </div>

  
  <div class="image-block">
    <input type="checkbox" id="img3">
    <label for="img3" class="image-label">
      <img src="https://res.cloudinary.com/wavy/image/upload/v1743772088/Magyla_Beauty-IMG_6_cldehs.jpg" alt="Image 3">
    </label>
    <div class="texte-cache">
      Le prix de la prestation sur le site ne tient pas compte de la promotion en cours.  Le prix de la prestation sur le site ne tient pas compte de la promotion en cours.  Le prix de la prestation sur le site ne tient pas compte de la promotion en cours.
    </div>
  </div>

</div>

Test4


<main class="page-content">
  <div class="card">
    <div class="content">
      <h1 class="title">Prestation 1</h1>
      <p class="copy">Votre institut vous offre des soins d’exception pour sublimer votre beauté naturelle.</p>
      <button class="btn">RÉSERVER</button>
    </div>
  </div>
  <div class="card">
    <div class="content">
      <h1 class="title">Prestation 2</h1>
      <p class="copy">Découvrez des soins professionnels pensés pour votre bien-être et votre éclat.</p>
      <button class="btn">RÉSERVER</button>
    </div>
  </div>
  <div class="card">
    <div class="content">
      <h1 class="title">Prestation 3</h1>
      <p class="copy">Des soins experts pour révéler votre beauté au quotidien.</p>
      <button class="btn">RÉSERVER</button>
    </div>
  </div>
  <div class="card">
    <div class="content">
      <h1 class="title">Prestation 4</h1>
      <p class="copy">Laissez-vous choyer par des rituels dédiés à votre bien-être.</p>
      <button class="btn">RÉSERVER</button>
    </div>
  </div>
</main>

test5

<Cols>

<Col>
## Défilement & Rotation
### Interaction fluide : images qui défilent et pivotent au survol.
## Nouvelle Présentation de l’Équipe
</Col>

</Cols> 



<section style="width:100%;overflow:hidden;padding:50px 0;background:linear-gradient(120deg,#f0faff,#d0f0f7);">
  <div style="display:flex;width:max-content;animation:slideLoop 20s linear infinite;">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1764237889/Douce_Heure_1_dmq83w.webp" class="zoom-img" alt="Douce Heure 1">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1764237890/Douce_Heure_5_elaubs.webp" class="zoom-img" alt="Douce Heure 5">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1764237890/Douce_Heure_3_pkk7ke.webp" class="zoom-img" alt="Douce Heure 3">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1764237891/Douce_Heure_2_uztdbm.webp" class="zoom-img" alt="Douce Heure 2">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1764237889/Douce_Heure_4_ynr3ks.webp" class="zoom-img" alt="Douce Heure 4">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1764238921/cdn1.treatwell_rzizzl.webp" class="zoom-img" alt="Treatwell">
    
    <img src="https://res.cloudinary.com/wavy/image/upload/v1764237889/Douce_Heure_1_dmq83w.webp" class="zoom-img" alt="Douce Heure 1">
  </div>
</section>


<dh-root>
<dh-container>
<dh-header>
<dh-badge>Équipe</dh-badge>
<dh-heading>
<h1>Une équipe aux doigts de fée</h1>
<p class="lead">Chez Douce’Heure Institut, chaque membre apporte passion, énergie et sensibilité pour un moment unique de bien‑être.</p>
</dh-heading>
</dh-header>

<dh-teamgrid>


<dh-team-card>
<dh-photo>
<img src="https://res.cloudinary.com/wavy/image/upload/v1764147126/Aur%C3%A9lia_yb0snu.webp" alt="Aurélia — Fondatrice">
</dh-photo>
<dh-info>
<dh-name>Aurélia</dh-name>
<dh-role>Fondatrice — Esthéticienne</dh-role>
<dh-desc>« Solaire, empathique et maman de deux filles. Elle a créé Douce’Heure pour partager sa vision : douceur, écoute et moments de détente. Sa créativité et sa bienveillance se retrouvent dans chacun des soins. »</dh-desc>
<dh-footer>
<dh-pill>Écoute</dh-pill>
<dh-pill>Créativité</dh-pill>
<dh-pill>Bienveillance</dh-pill>
</dh-footer>
</dh-info>
        </dh-team-card>


<dh-team-card>
<dh-photo>
<img src="https://res.cloudinary.com/wavy/image/upload/v1764147125/Alicia_gbpzhk.webp" alt="Alicia — Alternante CAP Esthétique">
</dh-photo>
<dh-info>
<dh-name>Alicia</dh-name>
<dh-role>Alternante — CAP Esthétique</dh-role>
<dh-desc>« En deuxième année de CAP, elle apporte sa fraîcheur et sa bonne humeur. Enthousiaste et investie, elle partage les valeurs : attention, douceur et passion pour le métier. »</dh-desc>
<dh-footer>
<dh-pill>Jeune talent</dh-pill>
<dh-pill>Attentionnée</dh-pill>
</dh-footer>
</dh-info>
</dh-team-card>


<dh-team-card>
<dh-photo>
<img src="https://res.cloudinary.com/wavy/image/upload/v1764147125/Elodie_jlzlfb.webp" alt="Élodie — Coéquipière">
</dh-photo>
<dh-info>
<dh-name>Élodie</dh-name>
<dh-role>Coéquipière — 3 ans d'ancienneté</dh-role>
<dh-desc>« Rayon de soleil de l’institut : dynamique, spontanée et toujours souriante. Son humour et son professionnalisme rendent chaque visite plus agréable. »</dh-desc>
<dh-footer>
<dh-pill>Bonne humeur</dh-pill>
<dh-pill>Professionnalisme</dh-pill>
</dh-footer>
</dh-info>
</dh-team-card>

</dh-teamgrid>


<dh-note style="margin-top:18px; display:block; color:var(--muted); font-size:13px;">
        Ensemble, elles forment une équipe à taille humaine, mais au grand cœur, animée par le même désir : que chaque cliente reparte détendue, épanouie et choyée.
</dh-note>

</dh-container>
</dh-root>

test6

<section class="custom-hero-section custom-hero-2">
  <video class="custom-hero-video" autoplay muted loop playsinline>
    <source src="https://res.cloudinary.com/wavy/video/upload/v1763458496/AdobeStock_245584957_rqbpcq.mp4" type="video/mp4">
    Votre navigateur ne supporte pas la vidéo.
  </video>
  <div class="custom-hero-overlay"></div>
  <div class="custom-hero-content">
    <h2 class="custom-hero-title chrome-text">Laissez-nous un message</h2>
    <a href="#contact" class="custom-hero-btn-2">Écrivez-nous</a>
  </div>
</section>

video contact

<header class="hero">
  <video class="hero-video" autoplay muted loop playsinline>
    <source src="https://res.cloudinary.com/wavy/video/upload/v1763458518/AdobeStock_1531910871_rtzcff.mp4" type="video/mp4">
    Votre navigateur ne supporte pas la vidéo.
  </video>
  <div class="hero-overlay"></div>
  <div class="hero-content">
    <h1 class="hero-title chrome-text">Sublimez Votre Beauté</h1>
    <p class="hero-subtitle">Des soins visage et corps sur-mesure pour un raffinement absolu</p>
    <div class="hero-buttons">
      <a href="#prestations" class="hero-btn-main">Prestations</a>
      <a href="#reservation" class="hero-btn-reserve">Réserver</a>
    </div>
    <div class="hero-contact">
      <p class="hero-address">
        01 86 26 12 12 &nbsp;|&nbsp; 9 Boulevard de la Madeleine, 75001 Paris
      </p>
      <div class="hero-socials">
        <a href="#" class="social-link"><img src="https://res.cloudinary.com/wavy/image/upload/v1685626232/rs-Will_Fit_2.png" alt="Instagram"></a>
        <a href="#" class="social-link"><img src="https://res.cloudinary.com/wavy/image/upload/v1685626232/rs-Will_Fit_3.png" alt="Facebook"></a>
        <a href="#" class="social-link"><img src="https://res.cloudinary.com/wavy/image/upload/v1685626232/rs-Will_Fit_1.png" alt="TikTok"></a>
      </div>
    </div>
  </div>
</header>



<section class="zone-info-01">
<div class="bloc-centre-01">
<h2 class="titre-01">À propos du salon de coiffure</h2>
<h3 class="sous-titre-01">Black & White à Paris</h3>
<h4 class="tagline-01">Salon de coiffure à Paris</h4>


<p class="texte-01">
Bienvenue chez Black & White, un espace où l’élégance rencontre le savoir-faire. Notre salon de coiffure situé à Paris vous accueille pour une expérience beauté, détente et expertise. Un véritable moment pour vous, loin du rythme quotidien.
</p>


<a href="#" class="btn-action-01">RÉSERVER</a>


<p class="texte-02">
<br>Salon mixte par excellence, Black & White propose des coupes modernes et personnalisées, aussi bien pour les femmes que pour les hommes.
</p>
</div>
</section>

<div class="gallery">
<div style="background-image: url(https://res.cloudinary.com/wavy/image/upload/v1764579213/Portrait-noir-blanc-belle-femme3_ppe7fs.jpg?auto=compress&cs=tinysrgb&w=1600);"></div>
<div style="background-image: url(https://res.cloudinary.com/wavy/image/upload/v1764579212/coiffure_femme_noir_et_blanc_dhb6x9.jpg?auto=compress&cs=tinysrgb&w=1600);"></div>
<div style="background-image: url(https://res.cloudinary.com/wavy/image/upload/v1764579212/Portrait-noir-blanc-belle-femme-2_mvpqjg.jpg?auto=compress&cs=tinysrgb&w=1600);"></div>
    </div>

<section class="zone-video-blancnoir">
 <video class="fond-video-blancnoir" autoplay muted loop playsinline>
        <source src="https://res.cloudinary.com/wavy/video/upload/v1763458532/AdobeStock_440176758_eweumh.mp4" type="video/mp4">
    </video>

<div class="voile-fonce-blancnoir"></div>

<div class="contenu-centre-blancnoir">
<h1 class="titre-blancnoir">Salon de coiffure à Paris</h1>

 <p class="texte-blancnoir">
            Experts et passionnés, nos coiffeurs sauront vous accorder des coiffures originales et finement réalisées
            après une écoute totale et un diagnostic coiffure personnalisé.<br><br>
            Qu’attendez-vous ? Prenez vite rendez-vous dans notre salon de coiffure mixte et faites-vous chouchouter !
        </p>

<div class="bloc-boutons-blancnoir">
<a href="#" class="btn-blancnoir-noir">Réserver maintenant</a>
<a href="#" class="btn-blancnoir-blanc">En savoir plus</a>
        </div>
    </div>
</section>




<section class="bwpX01 bg-white p-40">
  <div class="bwpCntn max-w-1200 mx-auto flex flex-col md:flex-row items-center gap-20">


<div class="bwpImgBx flex-1">
<img src="https://res.cloudinary.com/wavy/image/upload/f_auto,q_auto/v1764580502/bandeau_contenu_copie_wsck9g.jpg" alt="Salon Black & White" class="bwpImg w-full h-auto rounded-lg" />
</div>


<div class="bwpTxtBx flex-1 text-black">
<h2 class="bwpTitle text-3xl font-bold mb-6">Coiffeur et spécialiste beauté à Paris</h2>
<p class="bwpPara mb-4">Vous cherchez des professionnels qui sauront être à votre écoute et qui répondront à vos attentes ? Le salon Black & White à Paris est le lieu idéal pour vous.</p>
<p class="bwpPara mb-4">Relaxez-vous et laissez nos coiffeurs qualifiés vous proposer une gamme de prestations d'exception pour la beauté de vos cheveux autour des techniques modernes de la coiffure.</p>
<p class="bwpPara mb-4">Que ce soit en termes de coupes tendance, de colorations ou de permanentes, vos coiffeurs réalisent toutes vos envies coiffure en toute simplicité selon les dernières tendances de la mode.</p>
<p class="bwpPara mb-6">Redonnez vie à vos cheveux. Pour une coiffure de mariage, faites confiance à notre expertise pour un résultat à votre goût.</p>
<a href="#reserver" class="bwpBtn inline-block bg-black text-white px-6 py-3 rounded hover:opacity-80 transition">RÉSERVER</a>
<p class="bwpContact mt-4 text-sm">N'hésitez pas à nous contacter pour tout complément d'information ou prise de rendez-vous !</p>
</div>

  </div>
</section>

<Cols>

<Col>
[![Foo](https://res.cloudinary.com/wavy/image/upload/v1693229019/Black_White_1.png)](https://booking.wavy.pro/gaps)
</Col>

<Col>
[![Foo](https://res.cloudinary.com/wavy/image/upload/v1693229019/Black_White_2.png)](https://booking.wavy.pro/gaps)
</Col>

<Col>
[![Foo](https://res.cloudinary.com/wavy/image/upload/v1693229019/Black_White_3.png)](https://booking.wavy.pro/gaps)
</Col>

</Cols> 


<section class="custom-hero-section custom-hero-1">
  <video class="custom-hero-video" autoplay muted loop playsinline>
    <source src="https://res.cloudinary.com/wavy/video/upload/v1764579791/AdobeStock_1495277647_pyshuw.mp4" type="video/mp4">
    Votre navigateur ne supporte pas la vidéo.
  </video>
  <div class="custom-hero-overlay"></div>
  <div class="custom-hero-content">
    <h2 class="custom-hero-title chrome-text">Découvrez nos prestations</h2>
		    <p class="hero-subtitle">Offrez-vous un moment d’exception avec nos soins beauté pensés pour sublimer votre peau, votre regard et votre bien-être. Laissez-vous guider par des expertes passionnées et découvrez des prestations qui révèlent votre éclat naturel.</p>
    <a href="#prestations" class="custom-hero-btn-1">Carte des services</a>
 <div class="hero-contact">
<p class="hero-address">
 01 86 26 12 12 &nbsp;|&nbsp; 9 Boulevard de la Madeleine, 75001 Paris
</p>
<div class="hero-socials">
<a href="#" class="social-link"><img src="https://res.cloudinary.com/wavy/image/upload/v1685626232/rs-Will_Fit_2.png" alt="Instagram"></a>
<a href="#" class="social-link"><img src="https://res.cloudinary.com/wavy/image/upload/v1685626232/rs-Will_Fit_3.png" alt="Facebook"></a>
<a href="#" class="social-link"><img src="https://res.cloudinary.com/wavy/image/upload/v1685626232/rs-Will_Fit_1.png" alt="TikTok"></a>
</div>
</div>
</div>

</section>


 

 
<footer class="bwFtrX9 bg-272727 text-white p-40">
<div class="bwCntnA7 max-w-1200 mx-auto grid grid-cols-1 md:grid-cols-4 gap-40">


<div class="bwBlocID22">
<h3 class="bwTitle77 text-2xl font-bold mb-10">Black & White</h3>
<p class="bwTel55 mb-5">Tél : 01 86 26 12 12</p>
<p class="bwTel55 mb-5">9 Boulevard de la Madeleine,<br>75001 Paris</p>
</div>


<div class="bwPages44">
<h4 class="bwSubT10 text-xl font-semibold mb-10">Navigation</h4>
<ul class="bwListP8 space-y-4">
<li><a href="#accueil" class="bwLk99">Accueil</a></li>
<li><a href="#carte" class="bwLk99">Carte des services</a></li>
<li><a href="#contact" class="bwLk99">Accès / Contact</a></li>
<li><a href="#equipe" class="bwLk99">Équipe</a></li>
</ul>
</div>


<div class="bwSocial77">
<h4 class="bwSubT10 text-xl font-semibold mb-10">Suivez‑nous</h4>
<div class="bwIcons55 flex space-x-4">
<a href="#" class="bwIcoFbX"><img src="https://res.cloudinary.com/wavy/image/upload/v1738059862/rs_3blanc_rioal8.png" alt="Facebook" class="bwIcon h-6 w-6" /></a>
<a href="#" class="bwIcoInstaY"><img src="https://res.cloudinary.com/wavy/image/upload/v1706788389/rs_2.png" alt="Instagram" class="bwIcon h-6 w-6" /></a>
<a href="#" class="bwIcoTikZ"><img src="https://res.cloudinary.com/wavy/image/upload/v1706788389/rs_1.png" alt="TikTok" class="bwIcon h-6 w-6" /></a>
</div>
</div>


<div class="bwSoc88">
<h4 class="bwSubT10 text-xl font-semibold mb-10">Réalisation</h4>
<div class="bwLogoBx flex items-center space-x-4">
<img src="https://res.cloudinary.com/wavy/image/upload/v1764580825/cropped_imhzsu.png" alt="Société prestataire" class="bwLogoST h-40 w-auto" />
</div>
</div>

</div>

 
</footer>