<!-- Corps Alianset.net (ex-Web&Co) · HTML de coupe (classes CSS wco-* conservées). -->

<section class="piece hero" data-stitch>
            <span class="pin tl"></span><span class="pin tr"></span>
            <p class="eyebrow">Sites internet sur mesure · Dordogne</p>
            <h1>Des <span class="mark">sites</span> taillés pour votre métier.</h1>
            <p class="sign">Je le construis avec vous, pièce par pièce.</p>
            <p class="lead">Un site qui part de votre activité et de vos clients, avec une interface de gestion faite pour vous. Pas un modèle de plus.</p>
            <div class="btns">
                <a class="btn" href="#contact">Prenons vos mesures</a>
                <a class="btn ghost" href="#mesures">Voir ce que je fais</a>
            </div>
            <div class="ruban-diag" aria-hidden="true"></div>
        </section>

        <span class="chalk-note" style="left:8%; top:640px;">marge de couture : 2 cm ↗</span>

        <section class="piece tracing manifest dashed" id="authenticite" data-stitch>
            <span class="pin tl"></span><span class="pin br"></span>
            <p class="eyebrow">Une seule règle</p>
            <h2>L'authenticité.</h2>
            <p>Pour sortir du lot sur internet, votre site doit vous ressembler. Je ne pars pas d'un modèle tout prêt. Je pars de votre activité, de vos clients et de votre façon d'en parler.</p>
            <p class="big">Votre site, à vos mesures.</p>
        </section>

        <h2 class="section-title" id="mesures"><small>Sur la table</small>Ce que je fais</h2>
        <div class="scatter">
            <article class="piece" data-stitch>
                <span class="pin tl"></span>
                <span class="num">01</span>
                <h3>Des sites sur mesure</h3>
                <p>Ils partent de votre métier et de vos clients. Chaque site est autonome : il ne dépend d'aucune plateforme de création de sites, et ses pages s'affichent vite.</p>
            </article>
            <article class="piece tracing" data-stitch>
                <span class="pin tr"></span>
                <span class="num">02</span>
                <h3>Une interface à votre main</h3>
                <p>Pour changer une photo, un horaire ou un tarif, vous avez votre propre interface de gestion. Elle ne montre que ce dont vous avez besoin, avec vos mots.</p>
            </article>
            <article class="piece" data-stitch>
                <span class="pin tl"></span>
                <span class="num">03</span>
                <h3>Des poches là où il vous en faut</h3>
                <p>La réservation en ligne avec paiement direct sur votre compte, un formulaire de demande de devis, une galerie de vos réalisations. On ajoute ce qui sert à vos clients, et rien d'autre.</p>
            </article>
            <article class="piece tracing" data-stitch>
                <span class="pin tr"></span>
                <span class="num">04</span>
                <h3>L'entretien, toute l'année</h3>
                <p>Votre site est hébergé sur mes propres serveurs. Mises à jour et sauvegardes comprises. Vous avez une question, vous m'écrivez : c'est moi qui réponds.</p>
            </article>
        </div>

        <section class="piece reprise" id="appartenance" data-stitch>
            <span class="pin tl"></span><span class="pin tr"></span>
            <div class="reprise-grid">
                <div>
                    <p class="eyebrow">Ce qui vous appartient</p>
                    <h2>Le tissu <em>et</em> le métier.</h2>
                    <p>Votre site est à vous : le code, l'interface et toutes vos données. Si un jour vous partez, tout part avec vous.</p>
                    <p>Un costume bien coupé se porte des années sans se découdre. Mes clients gardent leur site parce qu'il tient, et parce que je suis là pour les retouches.</p>
                </div>
                <div class="patch" aria-label="Schéma : ce qui vous appartient">
                    <div class="layer new"><span>Votre interface</span><small>taillée à votre main</small></div>
                    <div class="layer"><span>Votre site</span><small>autonome</small></div>
                    <div class="layer"><span>Vos données</span><small>à vous</small></div>
                    <p class="note">Tout part avec vous.</p>
                </div>
            </div>
        </section>

        <span class="chalk-note" style="right:4%; margin-top:-3.4rem;">droit-fil : votre métier ↓</span>

        <div class="method" id="methode">
            <h2 class="section-title"><small>Comme chez le tailleur</small>Comment je travaille</h2>
            <div class="ruban-steps" data-stitch>
                <div class="step"><div class="n">1</div><b>Les mesures</b><p>On parle de votre activité, de vos clients et de l'image que vous voulez donner.</p></div>
                <div class="step"><div class="n">2</div><b>Les modèles</b><p>À partir de cet échange, je vous présente plusieurs modèles de site. Vous choisissez celui qui vous ressemble.</p></div>
                <div class="step"><div class="n">3</div><b>L'assemblage</b><p>Je construis votre site sur le modèle choisi, avec son interface de gestion.</p></div>
                <div class="step"><div class="n">4</div><b>L'essayage</b><p>Je vous montre comment vous en servir. Une séance suffit le plus souvent.</p></div>
                <div class="step"><div class="n">5</div><b>Les retouches</b><p>Je reste là pour la suite. La relation dure, c'est ce qui compte pour moi.</p></div>
            </div>
        </div>

        <section class="piece team" id="atelier" data-stitch>
            <span class="pin tl"></span><span class="pin tr"></span>
            <p class="eyebrow">Tout juste sorti de l'atelier</p>
            <h2>Bambou Do France</h2>
            <p>J'avais fait la première version de ce site sous WordPress. La nouvelle est taillée à ses mesures, avec son interface de gestion. Même client, deuxième costume.</p>
            <div class="btns"><a class="btn ghost" href="https://bamboudo.com" rel="noopener">Voir bamboudo.com</a></div>
        </section>


        <section class="piece tracing" id="outils" data-stitch>
            <span class="pin tl"></span><span class="pin tr"></span>
            <p class="eyebrow">Sur l'établi</p>
            <h2>Mes outils.</h2>
            <p>Pulse, Boone, les portes atelier/prod : ce que j'utilise pour construire et faire vivre vos sites. Tout ça sort de l'atelier.</p>
            <div class="btns"><a class="btn ghost" href="https://alianset.com/" rel="noopener">Voir alianset.com</a></div>
        </section>

        <section class="piece atelier" id="tailleur" data-stitch>
            <span class="pin tl"></span><span class="pin tr"></span>
            <p class="eyebrow">Le tailleur</p>
            <div class="atelier-grid">
                <div>
                    <h2>Huit ans à prendre des mesures.</h2>
                    <p>Chaque client arrive avec son métier et son style. Je les écoute, je dessine, j'ajuste.</p>
                    <p>De la première maquette au dernier point de couture, c'est ce travail-là qui me plaît.</p>
                </div>
                <div class="atelier-card">
                    <small>L'atelier</small>
                    <b>Sainte-Alvère, en Dordogne.</b>
                    <span>Je travaille aussi très bien à distance.</span>
                </div>
            </div>
        </section>

        <section class="piece tracing faq" id="questions" data-stitch>
            <span class="pin tl"></span><span class="pin tr"></span>
            <p class="eyebrow">Avant d'écrire</p>
            <h2>Questions fréquentes</h2>
            <details>
                <summary>Combien de temps faut-il pour avoir mon site ?</summary>
                <p>Ça dépend surtout de vous. Si vous savez ce que vous voulez, un site de quelques pages peut être prêt en quelques jours. Une réservation en ligne demande un peu plus de temps. Après notre premier échange, je vous donne une date.</p>
            </details>
            <details>
                <summary>Combien ça coûte ?</summary>
                <p>Le prix suit ce qu'on construit, donc je ne l'affiche pas ici. Après notre premier échange, vous recevez un devis comprenant la création de votre site et son entretien annuel.</p>
            </details>
            <details>
                <summary>Je pourrai modifier mon site moi-même ?</summary>
                <p>Oui. Votre interface de gestion reprend vos mots et ne montre que ce qui vous sert : une photo, un horaire, un tarif. Je vous apprends à vous en servir, et si vous bloquez, vous m'écrivez.</p>
            </details>
            <details>
                <summary>J'ai déjà un site, on peut le reprendre ?</summary>
                <p>Oui. On regarde ensemble ce qui marche et ce qui vous gêne. Vos textes, vos photos et votre adresse internet passent sur le nouveau site.</p>
            </details>
        </section>
