Embed

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Therapist Gallery</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f9fa;
            color: #333;
        }

        .gallery-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            padding: 20px;
            background-color: #fff;
        }

        .gallery-section {
            width: 300px;
            border-radius: 12px;
            overflow: hidden;
            background-color: #fff;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
            text-align: center;
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .gallery-section:hover {
            transform: scale(1.03);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
        }

        .gallery-section h2 {
            font-size: 1.6em;
            color: #444;
            margin: 15px 0;
        }

        .gallery {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            padding: 10px;
        }

        .gallery img {
            width: 100%;
            height: auto;
            border-radius: 12px;
            transition: transform 0.3s ease, filter 0.3s ease;
        }

        .gallery img:hover {
            transform: scale(1.05);
            filter: brightness(90%);
        }

        .book-button {
            display: block;
            width: 100%;
            background-color: #28a745;
            color: #fff;
            padding: 10px 0;
            text-decoration: none;
            font-size: 1.2em;
            border-radius: 0 0 12px 12px;
            transition: background-color 0.3s ease;
            position: relative;
            z-index: 1;
        }

        .book-button:hover {
            background-color: #218838;
        }
    </style>
</head>

<body>
    <div class="gallery-container">

        
        <div class="gallery-section">
            <h2>Katy</h2>
            <div class="gallery">
                <img src="https://i.imgur.com/XOIGZ6H.jpg" alt="Katy 1">
                <img src="https://i.imgur.com/J3kIzTz.jpg" alt="Katy 2">
                <img src="https://i.imgur.com/TcjqE9Z.jpg" alt="Katy 3">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Andreea</h2>
            <div class="gallery">
                <img src="https://i.imgur.com/nlKTiwF.jpg" alt="Andreea 1">
                <img src="https://i.imgur.com/sQB2ND9.jpg" alt="Andreea 2">
                <img src="https://i.imgur.com/Z6CtpJL.jpg" alt="Andreea 3">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Ioana</h2>
            <div class="gallery">
                <img src="https://i.imgur.com/ufiRsIi.jpg" alt="Ioana 1">
                <img src="https://i.imgur.com/jhcXfNO.jpg" alt="Ioana 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Nicole</h2>
            <div class="gallery">
                <img src="https://i.imgur.com/VLDCbYm.jpg" alt="Nicole 1">
                <img src="https://i.imgur.com/6CxRefo.jpg" alt="Nicole 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Lara</h2>
            <div class="gallery">
                <img src="https://i.imgur.com/b0OK6tQ.jpg" alt="Lara 1">
                <img src="https://i.imgur.com/Toz0xPe.jpg" alt="Lara 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Natalie</h2>
            <div class="gallery">
                <img src="https://imgur.com/Ys1UIzR.jpg" alt="Natalie 1">
                <img src="https://imgur.com/QHvlaZR.jpg" alt="Natalie 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Belle</h2>
            <div class="gallery">
                <img src="https://imgur.com/tv3CQGp.jpg" alt="Belle 1">
                <img src="https://imgur.com/4WWIPK2.jpg" alt="Belle 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Amelie</h2>
            <div class="gallery">
                <img src="https://imgur.com/jPPQwT4.jpg" alt="Amelie 1">
                <img src="https://imgur.com/OGdnj7i.jpg" alt="Amelie 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Reyna</h2>
            <div class="gallery">
                <img src="https://imgur.com/muruBqe.jpg" alt="Reyna 1">
                <img src="https://imgur.com/qhCq0iO.jpg" alt="Reyna 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Tara</h2>
            <div class="gallery">
                <img src="https://imgur.com/Q8jC3M0.jpg" alt="Tara">
<img src="https://imgur.com/YCtQ9Yc.jpg" alt="Tara 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Cynthia</h2>
            <div class="gallery">
                <img src="https://imgur.com/cDSCDT5.jpg" alt="Cynthia">
<img src="https://imgur.com/SDFy0VP.jpg" alt="Cynthia 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Avenda</h2>
            <div class="gallery">
                <img src="https://imgur.com/MduVWhR.jpg" alt="Avenda">
<img src="https://imgur.com/Wz2z8JP.jpg" alt="Avenda 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Hannah</h2>
            <div class="gallery">
                <img src="https://imgur.com/cwEE8ps.jpg
" alt="Hannah">
<img src="https://imgur.com/jHUQdwY.jpg
" alt="Hannah 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Nora</h2>
            <div class="gallery">
                <img src="https://imgur.com/KctRz5k.jpg" alt="Nora">
<img src="https://imgur.com/LdAiMMv.jpg" alt="Nora 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Dalidah</h2>
            <div class="gallery">
                <img src="https://imgur.com/lOiM9kr.jpg
" alt="Dalidah">
<img src="https://imgur.com/GIUuGm6.jpg" alt="Dalidah 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

        
        <div class="gallery-section">
            <h2>Celine</h2>
            <div class="gallery">
                <img src="https://imgur.com/qPBY4eV.jpg
" alt="Celine">
<img src="https://imgur.com/RbpVd10.jpg" alt="Celine 2">
            </div>
            <a class="book-button" href="https://api.whatsapp.com/send?phone=447867273330" target="_blank">Book Now</a>
        </div>

    </div>
</body>

</html>