<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">
    <title>Site en développement</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @keyframes scroll-left {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        @keyframes scroll-right {
            0% { transform: translateX(-50%); }
            100% { transform: translateX(0); }
        }
        .scroll-text-left {
            animation: scroll-left 20s linear infinite;
            white-space: nowrap;
        }
        .scroll-text-right {
            animation: scroll-right 20s linear infinite;
            white-space: nowrap;
        }
        .rotating-text {
            animation: rotate 10s linear infinite;
        }
        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
    </style>
</head>
<body class="relative bg-black text-white min-h-screen flex flex-col overflow-x-hidden">
<img src="https://www.adncomm.com/wp-content/uploads/2024/09/adn-construction-bg-adn-communication.png" alt="Background" class="absolute top-0 left-0 w-full h-full object-cover -z-10 opacity-50">

<!-- Header -->
<header class="grid grid-cols-1 lg:grid-cols-3 items-center p-8 md:p-12 gap-6">
    <!-- Logo -->
    <div class="w-32 lg:w-52 justify-self-center lg:justify-self-start">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Groupe_1" data-name="Groupe 1" viewBox="0 0 576.217 248.233"><defs><clipPath id="clip-path"><rect id="Rectangle_5" data-name="Rectangle 5" width="576.217" height="248.233" fill="#fff"></rect></clipPath></defs><g id="Groupe_1-2" data-name="Groupe 1" clip-path="url(#clip-path)"><path id="Tracé_1" data-name="Tracé 1" d="M545.253,0V146.121L419.291,0h-4.859S390.065-.711,386.9,21.437l0,.161a86.851,86.851,0,0,0-7.575-5.6Q364.774,6.35,344.178,2.673,329.488,0,301.524,0H250.27s-28.011-1-28.011,27.588v93.578L166.422,14.845h-.005a27.926,27.926,0,0,0-49.662.624h-.013L64.533,121.4a217.777,217.777,0,0,1,39.647-17.934L140.713,28.26,176.728,97.8C62.4,96.07,0,185.063,0,185.063s18.268-16.616,48.774-32.4L32.682,186.014h31.4l23.938-49.856c29.8-9.737,65.475-15.117,104.3-8.264L222.258,185.7v.31h83.194a208.411,208.411,0,0,0,38.489-3.172q16.748-3.181,28.595-9.323a80.5,80.5,0,0,0,21.822-16.881q9.965-10.725,16.342-27.084t6.372-37.536h.09V39.883L543.145,186.014h4.43c25.635-.745,27.952-25.767,27.952-25.767V0Zm-163.9,122.516q-6.281,14.763-17.561,23.516-8.019,6.213-21.493,9.641c-8.989,2.274-24.642,3.414-40.433,3.414H252.346V26.924h48.7c18.844,0,35.78,1.27,44.278,3.808q17.638,5.325,29.977,20.973c8.232,10.441,12.345,22.113,12.345,41.545,0,14.026-2.1,19.435-6.3,29.27" transform="translate(0 0)" fill="#fff"></path><path id="Tracé_2" data-name="Tracé 2" d="M66.454,310.792a49.443,49.443,0,0,1-10.57,1.1q-15.855,0-15.856-10.222V283.785q0-10.8,15.856-10.8a48.343,48.343,0,0,1,10.338,1.1v4.181A42.419,42.419,0,0,0,56,276.875a25.642,25.642,0,0,0-3.891.261,14.561,14.561,0,0,0-3.311.929,5.123,5.123,0,0,0-2.5,2.091,6.741,6.741,0,0,0-.871,3.572v17.655q0,6.507,10.8,6.505a42.446,42.446,0,0,0,10.222-1.394Z" transform="translate(-9.335 -63.664)" fill="#fff"></path><path id="Tracé_3" data-name="Tracé 3" d="M124.286,283.8v17.888a8.984,8.984,0,0,1-1.481,5.227,8.655,8.655,0,0,1-4.036,3.165,24.166,24.166,0,0,1-5.052,1.423,33.723,33.723,0,0,1-5.4.406q-15.8,0-15.8-10.222v-17.83q0-10.8,15.8-10.8,15.97,0,15.971,10.744m-5.459,17.83V283.688q0-6.97-10.454-6.969a25.579,25.579,0,0,0-3.891.261,12.121,12.121,0,0,0-3.253.988,5.5,5.5,0,0,0-2.439,2.148,6.733,6.733,0,0,0-.872,3.572v17.946q0,6.505,10.513,6.5,10.4,0,10.4-6.5" transform="translate(-21.576 -63.682)" fill="#fff"></path><path id="Tracé_4" data-name="Tracé 4" d="M195.177,311.51h-4.937V279.625h-.29L177.811,311.51h-5.053l-12.486-31.885h-.291V311.51h-5.053V273.817h8.422l12.081,31.362.174.057,11.441-31.419h8.131Z" transform="translate(-36.132 -63.859)" fill="#fff"></path><path id="Tracé_5" data-name="Tracé 5" d="M270.009,311.51h-4.937V279.625h-.29L252.644,311.51H247.59L235.1,279.625h-.291V311.51H229.76V273.817h8.422l12.081,31.362.174.057,11.441-31.419h8.131Z" transform="translate(-53.584 -63.859)" fill="#fff"></path><path id="Tracé_6" data-name="Tracé 6" d="M334.039,273.817v28.052q0,10.223-14.751,10.222a33.252,33.252,0,0,1-5.285-.378,18.365,18.365,0,0,1-4.588-1.393,7.691,7.691,0,0,1-3.543-3.165,10.177,10.177,0,0,1-1.278-5.285V273.817H310v27.994q0,3.717,2.5,5.111a14.274,14.274,0,0,0,6.911,1.393,13.757,13.757,0,0,0,6.824-1.393q2.41-1.394,2.41-5.111V273.817Z" transform="translate(-71.036 -63.858)" fill="#fff"></path><path id="Tracé_7" data-name="Tracé 7" d="M397.648,311.51h-6.8l-20.5-31.652V311.51h-4.936V273.817h6.8l20.5,31.13v-31.13h4.937Z" transform="translate(-85.221 -63.859)" fill="#fff"></path><rect id="Rectangle_3" data-name="Rectangle 3" width="5.634" height="37.693" transform="translate(329.56 209.959)" fill="#fff"></rect><path id="Tracé_8" data-name="Tracé 8" d="M484.4,310.792a49.445,49.445,0,0,1-10.57,1.1q-15.855,0-15.855-10.222V283.785q0-10.8,15.855-10.8a48.347,48.347,0,0,1,10.338,1.1v4.181a42.419,42.419,0,0,0-10.222-1.393,25.655,25.655,0,0,0-3.891.261,14.569,14.569,0,0,0-3.31.929,5.126,5.126,0,0,0-2.5,2.091,6.741,6.741,0,0,0-.871,3.572v17.655q0,6.507,10.8,6.505a42.451,42.451,0,0,0,10.222-1.394Z" transform="translate(-106.806 -63.664)" fill="#fff"></path><path id="Tracé_9" data-name="Tracé 9" d="M542.723,311.51h-5.866l-4.3-11.441H516.414l-4.24,11.441H506.6l14.984-37.693h6.5Zm-11.558-15.333-6.388-17.016h-.522l-6.389,17.016Z" transform="translate(-118.147 -63.858)" fill="#fff"></path><path id="Tracé_10" data-name="Tracé 10" d="M591.411,277.766H578.693V311.51H573V277.766H560.224v-3.949h31.188Z" transform="translate(-130.653 -63.859)" fill="#fff"></path><rect id="Rectangle_4" data-name="Rectangle 4" width="5.634" height="37.693" transform="translate(474.406 209.959)" fill="#fff"></rect><path id="Tracé_11" data-name="Tracé 11" d="M678.793,283.8v17.888a8.983,8.983,0,0,1-1.481,5.227,8.651,8.651,0,0,1-4.036,3.165,24.182,24.182,0,0,1-5.053,1.423,33.708,33.708,0,0,1-5.4.406q-15.8,0-15.8-10.222v-17.83q0-10.8,15.8-10.8,15.971,0,15.971,10.744m-5.459,17.83V283.688q0-6.97-10.454-6.969a25.588,25.588,0,0,0-3.892.261,12.122,12.122,0,0,0-3.252.988,5.5,5.5,0,0,0-2.44,2.148,6.741,6.741,0,0,0-.871,3.572v17.946q0,6.505,10.511,6.5,10.4,0,10.4-6.5" transform="translate(-150.896 -63.682)" fill="#fff"></path><path id="Tracé_12" data-name="Tracé 12" d="M741.668,311.51h-6.8l-20.5-31.652V311.51h-4.937V273.817h6.8l20.5,31.13v-31.13h4.936Z" transform="translate(-165.452 -63.859)" fill="#fff"></path></g></svg>
    </div>

    <!-- Phone Number -->
    <a href="tel:18662938688" class="text-2xl lg:text-3xl font-bold justify-self-center text-center">
        1 866 293-8688
    </a>

    <!-- Agency Text with Rotating Badge -->
    <div class="flex items-center justify-center lg:justify-end">
        <div class="relative text-center w-32 h-32 flex flex-col items-center justify-center p-5">
            <p class="text-sm lg:text-base font-bold !leading-none">votre agence web</p>
            <div class="absolute top-0 left-0 w-32 h-32 rotating-text pointer-events-none">
                <img src="https://www.adncomm.com/wp-content/uploads/2024/10/depuis-3.svg" alt="Depuis 1999" class="w-full h-full">
            </div>
        </div>
    </div>
</header>

<!-- Main Content -->
<div class="flex-1 flex flex-col overrflow-x-hidden items-center justify-center gap-8">

    <!-- Scrolling Banners -->
    <div class="w-full space-y-4 py-8">
        <!-- Green Banner -->
        <div class="py-12 -rotate-2" style="background-color: #6DC13B;">
            <div class="flex scroll-text-left">
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Équipe au travail</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Équipe au travail</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Équipe au travail</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Équipe au travail</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Équipe au travail</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Équipe au travail</span>
            </div>
        </div>

        <!-- Blue Banner -->
        <div class="py-12 rotate-1" style="background-color: #4D8FBF;">
            <div class="flex scroll-text-right">
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Site Web en construction</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Site Web en construction</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Site Web en construction</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Site Web en construction</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Site Web en construction</span>
                <span class="text-4xl md:text-6xl font-bold text-black px-8">Site Web en construction</span>
            </div>
        </div>
    </div>

    <!-- Visit Button -->
    <a href="https://adncomm.com" target="_blank" class="text-white font-bold text-sm md:text-lg md:px-12 px-8 py-4 rounded-full transition-opacity hover:opacity-90" style="background-color: #6DC13B;">
        Visiter notre site Web
    </a>
</div>

<!-- Footer Services -->
<footer class="py-4 px-4 md:py-8 md:px-6">
    <div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-0 text-lg md:text-4xl font-bold">
        <a href="https://www.adncomm.com/expertise/solutions-web/" target="_blank" class="text-white hover:text-[#6DC13B] transition-colors">
            web<span class="text-[#4D8FBF] md:text-5xl text-3xl">.</span>
        </a>

        <a href="https://www.adncomm.com/expertise/image-de-marque/" target="_blank" class="text-white hover:text-[#6DC13B] transition-colors">
            design<span class="text-[#4D8FBF] md:text-5xl text-3xl">.</span>
        </a>

        <a href="https://www.adncomm.com/expertise/solutions-municipales/" target="_blank" class="text-white hover:text-[#6DC13B] transition-colors">
            municipal<span class="text-[#4D8FBF] md:text-5xl text-3xl">.</span>
        </a>

        <a href="https://www.adncomm.com/expertise/hebergement-web/" target="_blank" class="text-white hover:text-[#6DC13B] transition-colors">
            hébergement<span class="text-[#4D8FBF] md:text-5xl text-3xl">.</span>
        </a>

        <a href="https://www.adncomm.com/expertise/marketing-web/" target="_blank" class="text-white hover:text-[#6DC13B] transition-colors">
            marketing web<span class="text-[#4D8FBF] md:text-5xl text-3xl">.</span>
        </a>
    </div>
</footer>

</body>
</html>
