```html
<div style="margin:0; padding:0; font-family:Arial, sans-serif; background:#f5f5f5; color:#111;">

    <!-- HEADER -->
    <header style="background:#111; padding:25px 40px;">
        <div style="display:flex; justify-content:center; align-items:center;">

            <nav>
                <a href="#" style="color:white; text-decoration:none; margin:0 20px; font-size:14px; letter-spacing:2px;">ACCUEIL</a>
                <a href="#contact" style="color:white; text-decoration:none; margin:0 20px; font-size:14px; letter-spacing:2px;">CONTACT</a>
            </nav>

        </div>
    </header>

    <!-- HERO -->
    <section style="
        height:600px;
        background:#d9d9d9;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        position:relative;
    ">

        <div>

            <h1 style="
                font-size:80px;
                color:white;
                letter-spacing:4px;
                margin-bottom:20px;
                font-weight:bold;
            ">
                LA CAPITAINERIE
            </h1>

            <h2 style="
                font-size:28px;
                color:white;
                letter-spacing:10px;
                margin-bottom:40px;
                font-weight:300;
            ">
                EVENTS
            </h2>

            <p style="
                color:white;
                font-size:22px;
                margin-bottom:40px;
            ">
                Site actuellement en cours de construction
            </p>

            <a href="tel:+33643492441"
               style="
                background:white;
                color:#111;
                padding:18px 40px;
                text-decoration:none;
                font-size:14px;
                letter-spacing:2px;
                display:inline-block;
            ">
                NOUS CONTACTER
            </a>

        </div>

    </section>

    <!-- CONTACT -->
    <section id="contact" style="
        background:white;
        padding:80px 20px;
    ">

        <div style="
            max-width:1100px;
            margin:auto;
            display:grid;
            grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
            gap:40px;
            text-align:center;
        ">

            <!-- TEL -->
            <div>

                <div style="
                    width:80px;
                    height:80px;
                    border:1px solid #ccc;
                    border-radius:50%;
                    margin:auto;
                    margin-bottom:25px;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    font-size:30px;
                ">
                    ☎
                </div>

                <h3 style="
                    font-size:14px;
                    letter-spacing:2px;
                    margin-bottom:20px;
                ">
                    NOUS CONTACTER
                </h3>

                <p style="
                    font-size:32px;
                    margin-bottom:25px;
                ">
                    06 43 49 24 41
                </p>

                <a href="tel:+33643492441"
                   style="
                    border:1px solid #999;
                    padding:12px 25px;
                    text-decoration:none;
                    color:#111;
                    font-size:13px;
                    letter-spacing:1px;
                    display:inline-block;
                ">
                    APPELER
                </a>

            </div>

            <!-- ADRESSE -->
            <div>

                <div style="
                    width:80px;
                    height:80px;
                    border:1px solid #ccc;
                    border-radius:50%;
                    margin:auto;
                    margin-bottom:25px;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    font-size:30px;
                ">
                    📍
                </div>

                <h3 style="
                    font-size:14px;
                    letter-spacing:2px;
                    margin-bottom:20px;
                ">
                    OÙ NOUS TROUVER
                </h3>

                <p style="
                    font-size:28px;
                    line-height:1.6;
                ">
                    50 bis Bd Gambetta<br>
                    87000 Limoges
                </p>

            </div>

        </div>

    </section>

    <!-- FOOTER -->
    <footer style="
        background:#111;
        color:white;
        padding:50px 20px 30px 20px;
        text-align:center;
    ">

        <h3 style="
            font-size:40px;
            margin-bottom:20px;
            font-weight:normal;
        ">
            La Capitainerie Events
        </h3>

        <p style="
            color:#aaa;
            margin-bottom:15px;
            font-size:18px;
        ">
            Site en cours de construction
        </p>

        <p style="
            color:#777;
            font-size:14px;
            margin-top:40px;
        ">
            © 2026 La Capitainerie Events — Tous droits réservés
        </p>

    </footer>

</div>
```