<!DOCTYPE html><html lang="fr"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="robots" content="index, follow">
    <meta name="author" content="ADC Design">
    <meta name="geo.region" content="FR-44">
    <meta name="geo.placename" content="Nantes">

    <!-- Schema.org LocalBusiness — valeurs par défaut, mises à jour dynamiquement depuis /api/business-info -->
    <script id="ld-business" type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "LocalBusiness",
      "@id": "https://www.adcdesign.fr/#business",
      "name": "ADC Design",
      "description": "Cabinet d'architecture d'intérieur spécialisé dans la conception, la rénovation et les dossiers d'autorisation d'urbanisme en Loire-Atlantique et Morbihan.",
      "url": "https://www.adcdesign.fr",
      "logo": "https://www.adcdesign.fr/logo-icon.png",
      "image": "https://www.adcdesign.fr/og-image.jpg",
      "telephone": "+33668826506",
      "email": "contact@adcdesign.fr",
      "priceRange": "€€",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Nantes",
        "addressRegion": "Pays de la Loire",
        "postalCode": "44000",
        "addressCountry": "FR"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 47.2184,
        "longitude": -1.5536
      },
      "openingHoursSpecification": [
        {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
          "opens": "09:00",
          "closes": "18:00"
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "reviewCount": "6",
        "bestRating": "5",
        "worstRating": "1"
      },
      "areaServed": [
        { "@type": "AdministrativeArea", "name": "Loire-Atlantique" },
        { "@type": "AdministrativeArea", "name": "Morbihan" }
      ],
      "knowsAbout": [
        "Architecture d'intérieur",
        "Rénovation",
        "Déclaration préalable de travaux",
        "Permis de construire",
        "Autorisation d'urbanisme",
        "Aménagement intérieur"
      ],
      "sameAs": [
        "https://www.instagram.com/adc_designinterieur/",
        "https://www.facebook.com/adcdesigninterieur",
        "https://www.linkedin.com/company/adcdesignstudio",
        "https://www.google.com/maps/place/?q=place_id:ChIJ53zBhIKRBUgR1Uq25HGbpJs"
      ]
    }
    </script>

    <!-- Mise à jour dynamique du JSON-LD depuis le back-office -->
    <script>
    (function () {
      fetch('/api/cms/business-info')
        .then(function (r) { return r.ok ? r.json() : null; })
        .then(function (d) {
          if (!d) return;
          var el = document.getElementById('ld-business');
          if (!el) return;
          try {
            var ld = JSON.parse(el.textContent);
            ld.telephone = d.telephone;
            ld.email = d.email_contact;
            ld.priceRange = d.price_range;
            if (d.adresse_localite) {
              if (!ld.address) ld.address = { "@type": "PostalAddress", "addressCountry": "FR" };
              ld.address.addressLocality = d.adresse_localite;
            }
            if (ld.openingHoursSpecification && ld.openingHoursSpecification[0]) {
              ld.openingHoursSpecification[0].opens = d.horaires_opens;
              ld.openingHoursSpecification[0].closes = d.horaires_closes;
            }
            el.textContent = JSON.stringify(ld);
          } catch (_) {}
        })
        .catch(function () {});
    })();
    </script>

    <!-- Synchronisation de l'aggregateRating JSON-LD avec les vraies données Google -->
    <script>
    (function () {
      fetch('/api/google-reviews/jsonld')
        .then(function (r) { return r.ok ? r.json() : null; })
        .then(function (d) {
          if (!d || !d.ok || !d.aggregateRating) return;
          var el = document.getElementById('ld-business');
          if (!el) return;
          try {
            var ld = JSON.parse(el.textContent);
            ld.aggregateRating = d.aggregateRating;
            el.textContent = JSON.stringify(ld);
          } catch (_) {}
        })
        .catch(function () {});
    })();
    </script>

    <!-- Vérification Google Search Console & Bing (valeur stockée en back-office) -->
    <script>
    (function () {
      fetch('/api/cms/settings')
        .then(function (r) { return r.ok ? r.json() : null; })
        .then(function (d) {
          if (!d || !d.settings) return;
          var head = document.head;
          if (d.settings.google_search_console_verification) {
            var gsc = document.createElement('meta');
            gsc.name = 'google-site-verification';
            gsc.content = d.settings.google_search_console_verification;
            head.appendChild(gsc);
          }
          if (d.settings.bing_webmaster_verification) {
            var bing = document.createElement('meta');
            bing.name = 'msvalidate.01';
            bing.content = d.settings.bing_webmaster_verification;
            head.appendChild(bing);
          }
        })
        .catch(function () {});
    })();
    </script>

    <link rel="icon" type="image/png" href="/favicon.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,600&amp;family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&amp;display=swap" rel="stylesheet">
    <script type="module" async="" crossorigin="" src="/assets/app-CqEiVyDz.js"></script>
    <link rel="stylesheet" crossorigin="" href="/assets/app-Dzeg9pJG.css">
  <title>adc design — Architecte d'intérieur Nantes &amp; Loire-Atlantique</title><meta name="description" content="Cabinet d'architecture d'intérieur à Nantes. Conception sur-mesure, rénovation, extension et aménagement d'espaces résidentiels et commerciaux en Loire-Atlantique et Morbihan."><meta property="og:title" content="adc design — Architecte d'intérieur Nantes &amp; Loire-Atlantique"><meta property="og:description" content="Cabinet d'architecture d'intérieur à Nantes. Conception sur-mesure, rénovation, extension et aménagement d'espaces résidentiels et commerciaux en Loire-Atlantique et Morbihan."><meta property="og:url" content="https://www.adcdesign.fr/"><meta property="og:type" content="website"><meta property="og:image" content="https://www.adcdesign.fr/og-image.jpg"><meta property="og:locale" content="fr_FR"><meta property="og:site_name" content="adc design"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="adc design — Architecte d'intérieur Nantes &amp; Loire-Atlantique"><meta name="twitter:description" content="Cabinet d'architecture d'intérieur à Nantes. Conception sur-mesure, rénovation, extension et aménagement d'espaces résidentiels et commerciaux en Loire-Atlantique et Morbihan."><meta name="twitter:image" content="https://www.adcdesign.fr/og-image.jpg"><link rel="canonical" href="https://www.adcdesign.fr/"></head>
  <body>
    <div id="root" data-server-rendered="true"><link rel="preload" as="image" href="/assets/IDENTITE_LOGOsimple_150px_1780657711732-Ct7ZY7t9.png"><link rel="preload" as="image" href="/logo-icon.png"><link rel="preload" as="image" href="/assets/ai-assistant-avatar-BTXYDqeG.jpg"><link rel="preload" as="image" href="https://static.wixstatic.com/media/56b876_b15fc88112f045d7b584874cb7cb931b~mv2.webp/v1/fill/w_800,h_600,al_c,q_85,enc_avif,quality_auto/img.webp"><link rel="preload" as="image" href="https://static.wixstatic.com/media/56b876_2dab0f2d905d4fd49eac520a3e687766~mv2.webp/v1/fill/w_800,h_600,al_c,q_85,enc_avif,quality_auto/img.webp"><link rel="preload" as="image" href="/assets/alexandre-decontes-I_a1jTRd.png"><link rel="preload" as="image" href="/assets/Fichier_16@10x-8_1780657683551-DUbeIm0F.png"><div class="flex flex-col min-h-[100dvh] bg-background text-foreground selection:bg-primary selection:text-white"><nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-white/90 backdrop-blur-sm"><div class="max-w-7xl mx-auto px-6 md:px-10 flex items-center justify-between transition-all duration-500 h-16 md:h-20"><a data-testid="link-home-logo" href="/"><div class="cursor-pointer flex-shrink-0 flex items-center gap-3 transition-all duration-500"><img src="/assets/IDENTITE_LOGOsimple_150px_1780657711732-Ct7ZY7t9.png" alt="adc design" class="w-auto transition-all duration-500 h-10 md:h-12 opacity-100"></div></a><div class="hidden md:flex items-center gap-5 lg:gap-7"><a href="/studio"><span data-testid="link-nav-studio" class="font-sans text-sm font-medium cursor-pointer transition-colors relative group whitespace-nowrap text-foreground/70 hover:text-foreground">Le Studio<span class="absolute -bottom-1 left-0 h-[2px] bg-primary transition-all duration-300 w-0 group-hover:w-full"></span></span></a><a href="/projets"><span data-testid="link-nav-projets" class="font-sans text-sm font-medium cursor-pointer transition-colors relative group whitespace-nowrap text-foreground/70 hover:text-foreground">Réalisations<span class="absolute -bottom-1 left-0 h-[2px] bg-primary transition-all duration-300 w-0 group-hover:w-full"></span></span></a><div class="relative"><button class="flex items-center gap-1 font-sans text-sm font-medium cursor-pointer transition-colors relative group text-foreground/70 hover:text-foreground">Services<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="absolute -bottom-1 left-0 h-[2px] bg-primary transition-all duration-300 w-0 group-hover:w-full"></span></button></div><a href="/blog"><span data-testid="link-nav-blog" class="font-sans text-sm font-medium cursor-pointer transition-colors relative group whitespace-nowrap text-foreground/70 hover:text-foreground">Blog<span class="absolute -bottom-1 left-0 h-[2px] bg-primary transition-all duration-300 w-0 group-hover:w-full"></span></span></a><a href="/contact"><span data-testid="link-nav-contact" class="font-sans text-sm font-medium cursor-pointer transition-colors relative group whitespace-nowrap text-foreground/70 hover:text-foreground">Contact<span class="absolute -bottom-1 left-0 h-[2px] bg-primary transition-all duration-300 w-0 group-hover:w-full"></span></span></a><a href="/espace-client"><span class="flex items-center gap-1.5 font-sans text-sm font-medium text-foreground/70 hover:text-foreground transition-colors cursor-pointer" title="Mon espace client"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-user-round" aria-hidden="true"><path d="M18 20a6 6 0 0 0-12 0"></path><circle cx="12" cy="10" r="4"></circle><circle cx="12" cy="12" r="10"></circle></svg><span class="hidden lg:inline">Se connecter</span></span></a><a href="/contact"><span data-testid="link-nav-cta" class="font-sans text-sm font-medium bg-primary text-white px-4 py-2 rounded cursor-pointer hover:bg-primary/90 transition-colors whitespace-nowrap">Démarrez votre projet</span></a></div><button data-testid="button-mobile-menu" class="md:hidden text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></nav><main class="flex-1"><div class="" style="opacity:0;transform:translateY(20px)"><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Quelle est votre zone d'intervention ?","acceptedAnswer":{"@type":"Answer","text":"Basé au Pellerin, près de Nantes, j'interviens principalement en Loire-Atlantique et dans le Morbihan : Nantes, Saint-Nazaire, La Montagne, Couëron, Rezé, Basse-Goulaine, Pornic, Vannes, Lorient et leurs environs. Des projets ponctuels hors zone peuvent être envisagés selon leur nature."}},{"@type":"Question","name":"Quels sont vos honoraires ?","acceptedAnswer":{"@type":"Answer","text":"Les honoraires varient selon le type et l'ampleur du projet. Pour une mission complète (conception + suivi de chantier), comptez généralement entre 8 et 15 % du budget travaux HT. Un devis détaillé et personnalisé est établi après un premier échange gratuit, sans engagement."}},{"@type":"Question","name":"Quels sont les délais habituels d'un projet ?","acceptedAnswer":{"@type":"Answer","text":"Un projet de rénovation complète prend en moyenne 4 à 8 mois, de la phase conception à la livraison. La phase de conception seule (plans, rendus 3D, sélection matériaux) dure généralement 4 à 8 semaines selon la complexité du projet."}},{"@type":"Question","name":"Quelle est la différence entre un permis de construire et une déclaration préalable ?","acceptedAnswer":{"@type":"Answer","text":"La déclaration préalable de travaux (DP) s'applique aux projets de moindre ampleur : extensions inférieures à 40 m² en zone urbaine, changements de façade, création d'ouvertures. Le permis de construire est requis pour les constructions neuves, les extensions dépassant ce seuil ou les changements de destination. adc design prend en charge les deux procédures."}},{"@type":"Question","name":"Quelle est la différence entre un architecte d'intérieur et un architecte DPLG ?","acceptedAnswer":{"@type":"Answer","text":"L'architecte DPLG (diplômé par le gouvernement) est habilité pour la maîtrise d'œuvre de constructions neuves au-delà d'un certain seuil de surface. L'architecte d'intérieur se spécialise dans l'aménagement, la rénovation et la transformation des espaces intérieurs existants, sans limite de surface dans ce cadre. Les deux métiers sont complémentaires et collaborent souvent sur les projets d'envergure."}},{"@type":"Question","name":"Comment se déroule un premier rendez-vous avec adc design ?","acceptedAnswer":{"@type":"Answer","text":"Le premier échange se fait par téléphone ou visioconférence, sans engagement et sans frais. C'est l'occasion de présenter votre projet, vos envies, vos contraintes et votre budget. À l'issue de cet échange, vous recevez une proposition de mission adaptée à votre situation."}},{"@type":"Question","name":"Intervenez-vous aussi pour les professionnels ?","acceptedAnswer":{"@type":"Answer","text":"Oui, adc design accompagne également les professionnels : boutiques, bureaux, espaces coworking, restaurants et locaux commerciaux. La démarche est identique : écoute, conception sur mesure, et suivi de réalisation."}},{"@type":"Question","name":"Est-il possible de faire appel à vous uniquement pour le conseil ou les plans ?","acceptedAnswer":{"@type":"Answer","text":"Oui, des missions partielles sont possibles : consultation ponctuelle, esquisse, fourniture de plans seuls, ou assistance à maîtrise d'ouvrage. La mission est adaptée à vos besoins réels et définie ensemble lors du premier échange."}}]}</script><section class="relative h-screen min-h-[640px] w-full overflow-hidden"><div class="absolute inset-0" style="transform:scale(1.06)"><video autoplay="" muted="" loop="" playsinline="" class="w-full h-full object-cover"><source src="/hero_compressed.mp4" type="video/mp4"></video></div><div class="absolute inset-0 bg-gradient-to-b from-black/20 via-black/10 to-black/50"></div><div class="absolute inset-0 flex flex-col justify-end px-6 md:px-12 pb-16 md:pb-20 text-[23px]"><div class="max-w-7xl mx-auto w-full"><div class="mb-8" style="opacity:0;transform:translateY(40px)"><img src="/logo-icon.png" alt="ADC Design" class="h-20 w-auto mb-3"><p class="font-sans text-white tracking-tight text-[23px] font-medium">adc <span class="font-light text-[23px]">| design d'intérieur</span></p><p class="font-sans tracking-wide mt-0.5 text-[13px] text-[#ffffff] font-normal">pour un projet qui vous ressemble</p></div><h1 class="font-display text-[72px] font-bold text-white leading-[1.0] mb-1 max-w-4xl" style="opacity:0;transform:translateY(40px)">studio design +<br><span class="font-light text-[68px]">architecture d'intérieur</span></h1><p class="font-display text-xl italic font-light text-white mb-5" style="opacity:0;transform:translateY(40px)">Nantes · Pays de Retz · Saint-Nazaire · Golfe du Morbihan</p><div class="flex flex-col sm:flex-row gap-4 items-start" style="opacity:0;transform:translateY(40px)"><a href="/projets"><span data-testid="link-hero-projets" class="inline-flex items-center gap-2 bg-white text-foreground font-sans text-sm font-medium px-6 py-3.5 rounded hover:bg-primary hover:text-white transition-all duration-300 cursor-pointer shadow-lg">Voir nos réalisations <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a href="/contact"><span data-testid="link-hero-contact" class="inline-flex items-center gap-2 border border-white/60 text-white font-sans text-sm font-medium px-6 py-3.5 rounded hover:bg-white/10 transition-all duration-300 cursor-pointer">Démarrer votre projet</span></a></div></div></div></section><section class="py-24 md:py-32 px-6 md:px-12 bg-white"><div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-16 items-start"><div style="opacity:0;transform:translateY(40px)"><span class="font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary">Notre champ d'intervention</span><h2 class="font-display text-4xl md:text-5xl font-bold text-foreground mt-3 leading-tight">Conseils, construction,<br>rénovation, réagencement,<br><span class="text-primary italic font-light">choisissez l'expertise adaptée à vos besoins.</span></h2><p class="font-sans text-base text-muted-foreground leading-relaxed mt-6 text-justify hyphens-auto max-w-prose">À toute étape de votre projet — que ce soit dès l'acquisition de votre terrain ou d'un bien à rénover, qu'il s'agisse de transformer votre intérieur, de repenser vos espaces de vie existants ou de concevoir un lieu dédié à votre activité — <em>adc design</em> vous accompagne avec exigence et réactivité, de votre première prise de contact jusqu'à la livraison.</p></div><div class="flex flex-col gap-4" style="opacity:0;transform:translateY(40px)"><a href="/conseil-avant-acquisition"><div class="border border-primary/40 rounded-sm p-6 hover:border-primary hover:shadow-md transition-all duration-300 group cursor-pointer bg-primary/[0.03]"><div class="flex items-start justify-between gap-2 mb-3"><div class="flex items-center gap-3"><span class="w-2 h-2 rounded-full bg-primary flex-shrink-0 mt-1"></span><span class="font-sans text-[11px] font-semibold uppercase tracking-[0.18em] text-primary">Conseil avant acquisition</span></div><span class="flex-shrink-0 inline-flex items-center font-sans text-[9px] font-bold uppercase tracking-wider bg-amber-500/90 text-white px-2 py-0.5 rounded-full shadow-sm select-none">Outil exclusif</span></div><p class="font-display text-lg font-semibold text-foreground mb-1">Diagnostic · Avis de valeur · Potentiel travaux</p><p class="font-sans text-sm text-muted-foreground leading-relaxed">Trois analyses complémentaires pour structurer votre décision avant d'acquérir — diagnostic technique, avis de valeur et projection des travaux, livrés sous 48 h.</p><div class="mt-3 flex items-center gap-1.5 text-primary font-sans text-xs font-medium group-hover:gap-3 transition-all">Découvrir <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a href="/espace-client/terrains"><div class="border border-border rounded-sm p-6 hover:border-primary/40 hover:shadow-sm transition-all duration-300 group cursor-pointer"><div class="flex items-center gap-3 mb-3"><span class="w-2 h-2 rounded-full bg-primary/60 flex-shrink-0"></span><span class="font-sans text-[11px] font-semibold uppercase tracking-[0.18em] text-primary/80">Avant acquisition · Terrain</span></div><p class="font-display text-lg font-semibold text-foreground mb-1">Qualification de terrain &amp; faisabilité</p><p class="font-sans text-sm text-muted-foreground leading-relaxed">Avant d'acheter un terrain, analysez sa constructibilité — zone PLU, règles d'urbanisme, contraintes réglementaires — en quelques minutes.</p><div class="mt-3 flex items-center gap-1.5 text-primary font-sans text-xs font-medium group-hover:gap-3 transition-all">Accéder à l'outil <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a href="/services"><div class="border border-border rounded-sm p-6 hover:border-primary/40 hover:shadow-sm transition-all duration-300 group cursor-pointer"><div class="flex items-center gap-3 mb-3"><span class="w-2 h-2 rounded-full bg-primary/70 flex-shrink-0"></span><span class="font-sans text-[11px] font-semibold uppercase tracking-[0.18em] text-primary/80">Particuliers</span></div><p class="font-display text-lg font-semibold text-foreground mb-1">Maisons &amp; appartements</p><p class="font-sans text-sm text-muted-foreground leading-relaxed">Rénovation complète, réagencement, décoration — nous redonnons vie à vos espaces privés avec une attention particulière portée à chaque détail.</p></div></a><a href="/services"><div class="border border-border rounded-sm p-6 hover:border-primary/40 hover:shadow-sm transition-all duration-300 group cursor-pointer"><div class="flex items-center gap-3 mb-3"><span class="w-2 h-2 rounded-full bg-muted-foreground/40 flex-shrink-0"></span><span class="font-sans text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">Professionnel</span></div><p class="font-display text-lg font-semibold text-foreground mb-1">Locaux, bureaux &amp; commerces</p><p class="font-sans text-sm text-muted-foreground leading-relaxed">Boutiques, bureaux, espaces coworking ou de télétravail — nous pensons des lieux qui reflètent votre activité et inspirent ceux qui les habitent.</p></div></a><div class="flex items-center gap-3 px-6 py-4 bg-accent rounded-sm"><span class="w-5 h-5 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0"><span class="w-2 h-2 rounded-full bg-primary"></span></span><span class="font-sans text-sm text-foreground"><span class="font-semibold">Suivi complet</span> — un interlocuteur unique, du brief initial à la remise des livrables.</span></div></div></div></section><section class="py-24 md:py-32 px-6 md:px-12 bg-secondary text-secondary-foreground relative overflow-hidden"><div class="absolute inset-0 opacity-5"><div class="absolute top-0 right-0 w-96 h-96 rounded-full bg-primary blur-3xl"></div><div class="absolute bottom-0 left-0 w-64 h-64 rounded-full bg-primary blur-2xl"></div></div><div class="max-w-7xl mx-auto relative z-10"><div class="mb-12" style="opacity:0;transform:translateY(40px)"><span class="inline-flex items-center gap-2 font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary bg-primary/10 px-3 py-1.5 rounded mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg> Espace client &amp; outils</span><h2 class="font-display text-4xl md:text-5xl font-bold leading-tight max-w-2xl">L'intelligence<br><span class="text-primary italic font-light">au service de votre projet</span></h2><p class="font-sans text-secondary-foreground/70 leading-relaxed mt-4 max-w-xl">Des outils pensés pour vous accompagner à chaque étape — avant, pendant et après notre collaboration.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"><div class="bg-white/5 border border-white/10 rounded-sm p-6 hover:bg-white/10 transition-colors" style="opacity:0;transform:translateY(40px)"><div class="w-10 h-10 rounded-full bg-amber-500/20 flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin text-amber-400" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div class="font-sans text-[10px] uppercase tracking-[0.18em] text-primary/80 mb-2">Avant l'achat</div><h3 class="font-display font-semibold text-secondary-foreground mb-2">Outils d'analyse en amont</h3><p class="font-sans text-xs text-secondary-foreground/60 leading-relaxed">Analyse de faisabilité, qualification de terrain, règles d'urbanisme — qualifiez votre bien avant même de signer.</p></div><div class="bg-white/5 border border-white/10 rounded-sm p-6 hover:bg-white/10 transition-colors" style="opacity:0;transform:translateY(40px)"><div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><div class="font-sans text-[10px] uppercase tracking-[0.18em] text-primary/80 mb-2">Pendant le projet</div><h3 class="font-display font-semibold text-secondary-foreground mb-2">Espace client</h3><p class="font-sans text-xs text-secondary-foreground/60 leading-relaxed">Suivi en temps réel de votre dossier, étapes validées, documents accessibles, échanges directs avec Alexandre.</p></div><div class="bg-white/5 border border-white/10 rounded-sm p-6 hover:bg-white/10 transition-colors" style="opacity:0;transform:translateY(40px)"><div class="w-10 h-10 rounded-full overflow-hidden mb-4"><img src="/assets/ai-assistant-avatar-BTXYDqeG.jpg" alt="Assistant design IA" class="w-full h-full object-cover object-top"></div><div class="font-sans text-[10px] uppercase tracking-[0.18em] text-primary/80 mb-2">Dans l'espace client</div><h3 class="font-display font-semibold text-secondary-foreground mb-2">Outils IA exclusifs</h3><p class="font-sans text-xs text-secondary-foreground/60 leading-relaxed">Brief Maker, Mood Maker, assistant IA design — structurez et visualisez votre projet avant même notre première rencontre.</p></div></div><div class="flex justify-center md:justify-start"><div class="relative inline-block"><span class="absolute -top-2.5 -right-2.5 z-10 inline-flex items-center font-sans text-[10px] font-bold uppercase tracking-wider bg-emerald-500 text-white px-2 py-0.5 rounded-full shadow-sm select-none">Gratuit</span><button data-testid="link-ai-hub-cta" class="inline-flex items-center gap-2 bg-primary text-white font-sans text-sm font-medium px-6 py-3.5 rounded hover:bg-primary/90 transition-colors cursor-pointer">Créer mon espace client <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div></section><section class="py-24 md:py-32 px-6 md:px-12 bg-white"><div class="max-w-7xl mx-auto"><div class="mb-12"><span class="font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary">Nos services</span><h2 class="font-display text-4xl md:text-5xl font-bold text-foreground mt-2 max-w-xl">Une expertise complète,<br><span class="text-primary italic font-light">à chaque étape.</span></h2></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"><div data-testid="card-service-0" style="opacity:0;transform:translateY(40px)"><a href="/conseil-avant-acquisition"><div class="h-full rounded-sm p-6 border transition-all duration-300 group cursor-pointer border-primary/30 bg-primary/[0.03] hover:border-primary hover:shadow-md"><div class="flex items-start justify-between mb-3"><span class="font-sans text-[10px] font-semibold uppercase tracking-[0.18em] text-primary">Avant acquisition</span><span class="inline-flex items-center font-sans text-[9px] font-bold uppercase tracking-wider bg-amber-500/90 text-white px-2 py-0.5 rounded-full shadow-sm select-none">Outil exclusif</span></div><h3 class="font-display text-base font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Conseil avant acquisition</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Diagnostic, avis de valeur, potentiel travaux — trois rapports d'expert pour décider en confiance avant de signer.</p><div class="mt-4 flex items-center gap-1.5 font-sans text-xs font-medium group-hover:gap-3 transition-all text-primary">En savoir plus <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div><div data-testid="card-service-1" style="opacity:0;transform:translateY(40px)"><a href="/espace-client/terrains"><div class="h-full rounded-sm p-6 border transition-all duration-300 group cursor-pointer border-border bg-background hover:border-primary/40 hover:shadow-sm"><div class="flex items-start justify-between mb-3"><span class="font-sans text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">Avant acquisition · Terrain</span></div><h3 class="font-display text-base font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Qualification de terrain</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Zone PLU, règles d'urbanisme, constructibilité — qualifiez votre terrain en quelques minutes avant d'acheter.</p><div class="mt-4 flex items-center gap-1.5 font-sans text-xs font-medium group-hover:gap-3 transition-all text-muted-foreground group-hover:text-primary">En savoir plus <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div><div data-testid="card-service-2" style="opacity:0;transform:translateY(40px)"><a href="/services"><div class="h-full rounded-sm p-6 border transition-all duration-300 group cursor-pointer border-border bg-background hover:border-primary/40 hover:shadow-sm"><div class="flex items-start justify-between mb-3"><span class="font-sans text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">Construction</span></div><h3 class="font-display text-base font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Conception &amp; architecture d'intérieur</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Du permis à la livraison, chaque volume pensé pour que la lumière et l'espace deviennent vos alliés.</p><div class="mt-4 flex items-center gap-1.5 font-sans text-xs font-medium group-hover:gap-3 transition-all text-muted-foreground group-hover:text-primary">En savoir plus <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div><div data-testid="card-service-3" style="opacity:0;transform:translateY(40px)"><a href="/services"><div class="h-full rounded-sm p-6 border transition-all duration-300 group cursor-pointer border-border bg-background hover:border-primary/40 hover:shadow-sm"><div class="flex items-start justify-between mb-3"><span class="font-sans text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">Rénovation</span></div><h3 class="font-display text-base font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Rénovation complète</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Transformation respectueuse de l'existant, pour sublimer votre bien sans trahir son âme.</p><div class="mt-4 flex items-center gap-1.5 font-sans text-xs font-medium group-hover:gap-3 transition-all text-muted-foreground group-hover:text-primary">En savoir plus <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div><div data-testid="card-service-4" style="opacity:0;transform:translateY(40px)"><a href="/services"><div class="h-full rounded-sm p-6 border transition-all duration-300 group cursor-pointer border-border bg-background hover:border-primary/40 hover:shadow-sm"><div class="flex items-start justify-between mb-3"><span class="font-sans text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">Réagencement</span></div><h3 class="font-display text-base font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Réagencement d'espaces</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Repenser la circulation, optimiser les volumes, redistribuer les pièces sans forcément casser.</p><div class="mt-4 flex items-center gap-1.5 font-sans text-xs font-medium group-hover:gap-3 transition-all text-muted-foreground group-hover:text-primary">En savoir plus <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div><div data-testid="card-service-5" style="opacity:0;transform:translateY(40px)"><a href="/services"><div class="h-full rounded-sm p-6 border transition-all duration-300 group cursor-pointer border-border bg-background hover:border-primary/40 hover:shadow-sm"><div class="flex items-start justify-between mb-3"><span class="font-sans text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">Design</span></div><h3 class="font-display text-base font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Design d'intérieur</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Matériaux, couleurs, mobilier — chaque choix guidé par votre personnalité et votre mode de vie.</p><div class="mt-4 flex items-center gap-1.5 font-sans text-xs font-medium group-hover:gap-3 transition-all text-muted-foreground group-hover:text-primary">En savoir plus <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div><div data-testid="card-service-6" style="opacity:0;transform:translateY(40px)"><a href="/autorisation"><div class="h-full rounded-sm p-6 border transition-all duration-300 group cursor-pointer border-border bg-background hover:border-primary/40 hover:shadow-sm"><div class="flex items-start justify-between mb-3"><span class="font-sans text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">Administratif</span></div><h3 class="font-display text-base font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Autorisation d'urbanisme</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Permis de construire, déclaration préalable, vérification de conformité — nous gérons les démarches.</p><div class="mt-4 flex items-center gap-1.5 font-sans text-xs font-medium group-hover:gap-3 transition-all text-muted-foreground group-hover:text-primary">En savoir plus <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div></div><div class="mt-10 text-center"><a href="/contact"><span data-testid="link-services" class="inline-flex items-center gap-2 bg-primary text-white font-sans text-sm font-medium px-6 py-3.5 rounded hover:bg-primary/90 transition-colors cursor-pointer">Démarrer votre projet <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div></div></section><section id="zone-intervention" class="py-20 md:py-28 px-6 md:px-12 bg-accent border-t border-border"><div class="max-w-7xl mx-auto"><div class="grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-20 items-center" style="opacity:0;transform:translateY(40px)"><div><span class="font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary">Zone d'intervention</span><h2 class="font-display text-3xl md:text-4xl font-bold text-foreground mt-3 mb-5 leading-tight">Basé au Pellerin,<br><span class="text-primary italic font-light">j'interviens dans toute la région nantaise.</span></h2><p class="font-sans text-base text-muted-foreground leading-relaxed max-w-prose">Depuis Le Pellerin, à quelques minutes de Nantes, adc design intervient dans toute la <strong class="text-foreground/80">Loire-Atlantique</strong> et le <strong class="text-foreground/80">Morbihan</strong> — pour la conception, la rénovation et les autorisations d'urbanisme.</p></div><div style="opacity:0;transform:translateY(40px)"><div class="flex items-start gap-3 mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin text-primary flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><p class="font-sans text-sm text-muted-foreground leading-relaxed">Nantes · Saint-Nazaire · Le Pellerin · La Montagne · Couëron · Rezé · Basse-Goulaine · Pornic · Vannes · Lorient</p></div><div class="grid grid-cols-2 sm:grid-cols-3 gap-2"><a href="/architecte-interieur-nantes"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">Nantes</span></span></a><a href="/architecte-interieur-saint-nazaire"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">Saint-Nazaire</span></span></a><a href="/architecte-interieur-le-pellerin"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">Le Pellerin</span></span></a><a href="/architecte-interieur-la-montagne"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">La Montagne</span></span></a><a href="/architecte-interieur-coueron"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">Couëron</span></span></a><a href="/architecte-interieur-reze"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">Rezé</span></span></a><a href="/architecte-interieur-basse-goulaine"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">Basse-Goulaine</span></span></a><a href="/architecte-interieur-pornic"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">Pornic</span></span></a><a href="/architecte-interieur-vannes"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">Vannes</span></span></a><a href="/architecte-interieur-lorient"><span class="flex items-center gap-2 bg-white border border-border rounded-sm px-3 py-2 hover:border-primary/40 hover:text-primary transition-colors cursor-pointer group"><span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span><span class="font-sans text-sm text-foreground/80 group-hover:text-primary transition-colors">Lorient</span></span></a></div><p class="font-sans text-xs text-muted-foreground mt-4 italic">Des projets ponctuels hors zone peuvent être envisagés selon leur nature. Contactez-nous pour en discuter.</p></div></div></div></section><section class="py-24 md:py-32 px-6 md:px-12 bg-background"><div class="max-w-7xl mx-auto"><div class="flex justify-between items-end mb-16"><div><span class="font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary">Portfolio</span><h2 class="font-display text-4xl md:text-5xl font-bold text-foreground mt-2">Nos réalisations</h2></div><a href="/projets"><span data-testid="link-see-all-projects" class="hidden md:inline-flex items-center gap-2 font-sans text-sm font-medium text-muted-foreground hover:text-primary transition-colors cursor-pointer">Tout voir <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div><div class="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12"><div data-testid="card-project-leki" class="" style="opacity:0;transform:translateY(40px)"><a href="/projets/leki"><div class="cursor-pointer group overflow-hidden rounded-sm aspect-[4/3] bg-muted relative"><img src="https://static.wixstatic.com/media/56b876_b15fc88112f045d7b584874cb7cb931b~mv2.webp/v1/fill/w_800,h_600,al_c,q_85,enc_avif,quality_auto/img.webp" alt="LEKI" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"><div class="absolute inset-0 bg-primary/0 group-hover:bg-primary/10 transition-colors duration-500"></div></div></a><div class="mt-5 flex justify-between items-start"><div><h3 class="font-display text-xl font-bold text-foreground">LEKI</h3><p class="font-sans text-sm text-muted-foreground mt-1">Basse-Goulaine<!-- --> · <!-- -->construction</p></div><span class="font-sans text-xs font-medium text-primary bg-accent px-3 py-1.5 rounded"></span></div></div><div data-testid="card-project-jeba" class="md:mt-16" style="opacity:0;transform:translateY(40px)"><a href="/projets/jeba"><div class="cursor-pointer group overflow-hidden rounded-sm aspect-[4/3] bg-muted relative"><img src="https://static.wixstatic.com/media/56b876_2dab0f2d905d4fd49eac520a3e687766~mv2.webp/v1/fill/w_800,h_600,al_c,q_85,enc_avif,quality_auto/img.webp" alt="JEBA" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"><div class="absolute inset-0 bg-primary/0 group-hover:bg-primary/10 transition-colors duration-500"></div></div></a><div class="mt-5 flex justify-between items-start"><div><h3 class="font-display text-xl font-bold text-foreground">JEBA</h3><p class="font-sans text-sm text-muted-foreground mt-1">Couëron<!-- --> · <!-- -->réagencement</p></div><span class="font-sans text-xs font-medium text-primary bg-accent px-3 py-1.5 rounded"></span></div></div></div><div class="mt-10 md:hidden text-center"><a href="/projets"><span class="inline-flex items-center gap-2 font-sans text-sm font-medium text-primary cursor-pointer">Voir tout le portfolio <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div></div></section><section class="py-24 md:py-32 px-6 md:px-12 bg-white border-t border-border"><div class="max-w-7xl mx-auto"><div class="grid grid-cols-1 md:grid-cols-2 gap-16 items-center"><div style="opacity:0;transform:translateY(40px)"><span class="font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary">Visualisation immersive</span><h2 class="font-display text-4xl md:text-5xl font-bold text-foreground mt-3 leading-tight">Vivez votre projet<br><span class="text-primary italic font-light">pour mieux décider.</span></h2><p class="font-sans text-base text-muted-foreground leading-relaxed mt-6 max-w-sm">Grâce à la visite virtuelle 3D interactive, explorez chaque recoin de votre futur espace comme si vous y étiez déjà. Lors de la visio de validation, la navigation est <strong>en temps réel</strong> — vous n'êtes pas face à une image statique, mais dans un véritable espace tridimensionnel que vous pilotez ensemble avec Alexandre.</p><div class="flex flex-col gap-3 mt-8"><div class="flex items-center gap-3"><span class="w-5 h-5 rounded-full bg-accent flex items-center justify-center flex-shrink-0"><span class="w-2 h-2 rounded-full bg-primary"></span></span><span class="font-sans text-sm font-medium text-foreground">Visualisation avant chantier</span></div><div class="flex items-center gap-3"><span class="w-5 h-5 rounded-full bg-accent flex items-center justify-center flex-shrink-0"><span class="w-2 h-2 rounded-full bg-primary"></span></span><span class="font-sans text-sm font-medium text-foreground">Validation des matériaux &amp; couleurs</span></div><div class="flex items-center gap-3"><span class="w-5 h-5 rounded-full bg-accent flex items-center justify-center flex-shrink-0"><span class="w-2 h-2 rounded-full bg-primary"></span></span><span class="font-sans text-sm font-medium text-foreground">Navigation interactive en temps réel lors de la visio</span></div></div><a href="https://panoraven.com/fr/embed/3cIYTePD1u" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 mt-8 border border-primary text-primary font-sans text-sm font-medium px-5 py-3 rounded hover:bg-primary hover:text-white transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-view" aria-hidden="true"><path d="M21 17v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2"></path><path d="M21 7V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2"></path><circle cx="12" cy="12" r="1"></circle><path d="M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0"></path></svg> Ouvrir un exemple de rendu 360°</a></div><div class="relative" style="opacity:0;transform:translateY(40px)"><div class="relative rounded-sm overflow-hidden shadow-xl border border-border aspect-[4/3]"><iframe src="https://panoraven.com/fr/embed/3cIYTePD1u" width="100%" height="100%" class="absolute inset-0 w-full h-full" allow="fullscreen; gyroscope; accelerometer" title="Visite virtuelle 360° — adc design"></iframe></div><div class="absolute -bottom-4 -right-4 bg-primary text-white font-sans text-xs font-semibold px-4 py-2 rounded shadow-lg flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg> Temps réel</div></div></div></div></section><section class="py-24 md:py-32 px-6 md:px-12 bg-accent border-t border-border"><div class="max-w-7xl mx-auto"><div class="grid grid-cols-1 md:grid-cols-2 gap-16 items-center"><div class="order-2 md:order-1" style="opacity:0;transform:translateY(40px)"><span class="font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary">Le studio</span><h2 class="font-display text-4xl md:text-5xl font-bold text-foreground mt-3 leading-tight">Qui est<br><span class="text-primary italic font-light">Alexandre ?</span></h2><p class="font-sans text-base text-muted-foreground leading-relaxed mt-6 max-w-md">Designer &amp; architecte d'intérieur basé en Loire-Atlantique, Alexandre de Contes a fondé <em>adc design</em> avec une conviction simple : chaque espace doit raconter une histoire singulière. Formé au design et à la maîtrise d'œuvre, il allie sens esthétique, rigueur technique et écoute authentique.</p><a href="/studio"><span class="inline-flex items-center gap-2 mt-8 border border-primary text-primary font-sans text-sm font-medium px-5 py-3 rounded hover:bg-primary hover:text-white transition-all duration-300 cursor-pointer">Découvrir le studio <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div><div class="order-1 md:order-2" style="opacity:0;transform:translateY(40px)"><div class="relative rounded-sm overflow-hidden aspect-[3/4] max-w-sm mx-auto md:mx-0 shadow-lg"><img src="/assets/alexandre-decontes-I_a1jTRd.png" alt="Alexandre de Contes — adc design" class="w-full h-full object-cover object-top"><div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-6"><p class="font-display font-semibold text-white text-lg">Alexandre de Contes</p><p class="font-sans text-white/70 text-xs mt-0.5">Designer &amp; Architecte d'intérieur</p></div></div></div></div></div></section><section class="py-24 md:py-32 px-6 md:px-12 bg-white border-t border-border"><div class="max-w-7xl mx-auto"><div class="mb-14" style="opacity:0;transform:translateY(40px)"><span class="font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary">Notre process</span><h2 class="font-display text-4xl md:text-5xl font-bold text-foreground mt-2 max-w-xl">Comment ça<br><span class="text-primary italic font-light">se passe ?</span></h2></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"><div class="relative" style="opacity:0;transform:translateY(40px)"><div class="font-display text-6xl font-bold text-primary/10 leading-none mb-4 select-none">01</div><h3 class="font-display text-lg font-bold text-foreground mb-2">Premier contact</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Vous nous parlez de votre projet — par téléphone, email ou via notre formulaire. On prend le temps d'écouter.</p><div class="hidden lg:block absolute top-8 -right-3 text-border"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="relative" style="opacity:0;transform:translateY(40px)"><div class="font-display text-6xl font-bold text-primary/10 leading-none mb-4 select-none">02</div><h3 class="font-display text-lg font-bold text-foreground mb-2">Diagnostic &amp; brief</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">On définit ensemble les contours du projet : besoins, budget, contraintes, calendrier. Un brief structuré est généré.</p><div class="hidden lg:block absolute top-8 -right-3 text-border"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="relative" style="opacity:0;transform:translateY(40px)"><div class="font-display text-6xl font-bold text-primary/10 leading-none mb-4 select-none">03</div><h3 class="font-display text-lg font-bold text-foreground mb-2">Conception &amp; rendus</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Plans, visualisations 3D, sélection de matériaux — vous validez chaque étape, en visio, en temps réel.</p><div class="hidden lg:block absolute top-8 -right-3 text-border"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="relative" style="opacity:0;transform:translateY(40px)"><div class="font-display text-6xl font-bold text-primary/10 leading-none mb-4 select-none">04</div><h3 class="font-display text-lg font-bold text-foreground mb-2">Suivi &amp; livraison</h3><p class="font-sans text-sm text-muted-foreground leading-relaxed">Coordination des intervenants, suivi de chantier, réception des travaux. Votre espace est livré comme prévu.</p></div></div></div></section><section class="py-24 md:py-32 px-6 md:px-12 bg-accent relative overflow-hidden border-t border-border"><div class="absolute inset-0 opacity-[0.04] select-none pointer-events-none flex items-center justify-center" aria-hidden="true"><span class="font-display text-[20rem] font-bold text-foreground leading-none">"</span></div><div class="max-w-3xl mx-auto text-center relative z-10"><div style="opacity:0;transform:translateY(40px)"><span class="font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary mb-8 inline-block">Témoignages clients</span><div class="flex justify-center gap-0.5 mb-6"><svg class="w-5 h-5 fill-amber-400 text-amber-400" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg><svg class="w-5 h-5 fill-amber-400 text-amber-400" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg><svg class="w-5 h-5 fill-amber-400 text-amber-400" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg><svg class="w-5 h-5 fill-amber-400 text-amber-400" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg><svg class="w-5 h-5 fill-amber-400 text-amber-400" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg></div><blockquote class="font-display text-xl md:text-2xl font-medium text-foreground leading-relaxed italic mb-6" style="opacity:0;transform:translateY(16px)">« <!-- -->Pour nous, une super expérience, un projet qui nous a réellement motivé. adc design a parfaitement cerné nos attentes, nos envies, notre budget et même nos tempéraments pour en faire un projet qui nous ressemble.<!-- --> »</blockquote><cite class="font-sans text-sm text-muted-foreground not-italic block mb-8">David B.<!-- --> — <!-- -->mars 2021</cite><div class="flex items-center justify-center gap-4 mb-10"><button class="w-9 h-9 rounded-full border border-border hover:border-primary hover:text-primary flex items-center justify-center transition-colors" aria-label="Témoignage précédent"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex gap-2"><button class="w-2 h-2 rounded-full transition-all duration-300 bg-primary scale-125" aria-label="Avis 1"></button><button class="w-2 h-2 rounded-full transition-all duration-300 bg-border hover:bg-primary/40" aria-label="Avis 2"></button><button class="w-2 h-2 rounded-full transition-all duration-300 bg-border hover:bg-primary/40" aria-label="Avis 3"></button><button class="w-2 h-2 rounded-full transition-all duration-300 bg-border hover:bg-primary/40" aria-label="Avis 4"></button></div><button class="w-9 h-9 rounded-full border border-border hover:border-primary hover:text-primary flex items-center justify-center transition-colors" aria-label="Témoignage suivant"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><a href="/temoignages"><span class="inline-flex items-center gap-1.5 font-sans text-sm font-medium text-primary hover:text-primary/80 transition-colors cursor-pointer">Lire tous les témoignages <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div></div></section><section id="faq" class="py-24 md:py-32 px-6 md:px-12 bg-white border-t border-border"><div class="max-w-4xl mx-auto"><div class="mb-12" style="opacity:0;transform:translateY(40px)"><span class="font-sans text-xs font-medium tracking-[0.2em] uppercase text-primary">Questions fréquentes</span><h2 class="font-display text-4xl md:text-5xl font-bold text-foreground mt-3 leading-tight">Tout ce que vous<br><span class="text-primary italic font-light">voulez savoir.</span></h2></div><div class="flex flex-col divide-y divide-border"><div style="opacity:0;transform:translateY(40px)"><button class="w-full flex items-start justify-between gap-4 py-5 text-left group" aria-expanded="false"><span class="font-display text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors leading-snug">Quelle est votre zone d'intervention ?</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 mt-0.5 text-primary transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div style="opacity:0;transform:translateY(40px)"><button class="w-full flex items-start justify-between gap-4 py-5 text-left group" aria-expanded="false"><span class="font-display text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors leading-snug">Quels sont vos honoraires ?</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 mt-0.5 text-primary transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div style="opacity:0;transform:translateY(40px)"><button class="w-full flex items-start justify-between gap-4 py-5 text-left group" aria-expanded="false"><span class="font-display text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors leading-snug">Quels sont les délais habituels d'un projet ?</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 mt-0.5 text-primary transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div style="opacity:0;transform:translateY(40px)"><button class="w-full flex items-start justify-between gap-4 py-5 text-left group" aria-expanded="false"><span class="font-display text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors leading-snug">Quelle est la différence entre un permis de construire et une déclaration préalable ?</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 mt-0.5 text-primary transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div style="opacity:0;transform:translateY(40px)"><button class="w-full flex items-start justify-between gap-4 py-5 text-left group" aria-expanded="false"><span class="font-display text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors leading-snug">Quelle est la différence entre un architecte d'intérieur et un architecte DPLG ?</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 mt-0.5 text-primary transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div style="opacity:0;transform:translateY(40px)"><button class="w-full flex items-start justify-between gap-4 py-5 text-left group" aria-expanded="false"><span class="font-display text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors leading-snug">Comment se déroule un premier rendez-vous avec adc design ?</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 mt-0.5 text-primary transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div style="opacity:0;transform:translateY(40px)"><button class="w-full flex items-start justify-between gap-4 py-5 text-left group" aria-expanded="false"><span class="font-display text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors leading-snug">Intervenez-vous aussi pour les professionnels ?</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 mt-0.5 text-primary transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div style="opacity:0;transform:translateY(40px)"><button class="w-full flex items-start justify-between gap-4 py-5 text-left group" aria-expanded="false"><span class="font-display text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors leading-snug">Est-il possible de faire appel à vous uniquement pour le conseil ou les plans ?</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 mt-0.5 text-primary transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="mt-10 text-center"><p class="font-sans text-sm text-muted-foreground mb-4">Vous ne trouvez pas la réponse à votre question ?</p><a href="/contact"><span class="inline-flex items-center gap-2 border border-primary text-primary font-sans text-sm font-medium px-6 py-3 rounded hover:bg-primary hover:text-white transition-all duration-300 cursor-pointer">Posez-nous directement <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div></div></section><section class="py-20 px-6 md:px-12 bg-white border-t border-border"><div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-8"><div><h2 class="font-display text-3xl md:text-4xl font-bold text-foreground">Prêt à transformer votre espace ?</h2><p class="font-sans text-muted-foreground mt-2">Prenons le temps d'en parler ensemble, sans engagement.</p></div><a href="/contact"><span data-testid="link-footer-contact-cta" class="inline-flex items-center gap-2 bg-primary text-white font-sans text-sm font-medium px-8 py-4 rounded hover:bg-primary/90 transition-colors cursor-pointer whitespace-nowrap">Démarrer votre projet <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div></section></div></main><footer class="bg-secondary text-secondary-foreground pt-16 pb-8 px-6 md:px-10"><div class="max-w-7xl mx-auto"><div class="grid grid-cols-1 md:grid-cols-4 gap-12 pb-12 border-b border-white/10"><div class="md:col-span-2"><img src="/assets/IDENTITE_LOGOsimple_150px_1780657711732-Ct7ZY7t9.png" alt="adc design" class="h-14 w-auto mb-6"><p class="font-display font-semibold text-secondary-foreground text-base">Studio design d'intérieur.</p><p class="font-sans text-sm text-secondary-foreground/50 font-light mt-1">Pour des espaces qui vous ressemblent.</p><div class="mt-8 flex items-center gap-3"><a href="https://www.instagram.com/adc_designinterieur/" target="_blank" rel="noopener noreferrer" aria-label="Instagram adc design" class="w-9 h-9 rounded bg-white/5 border border-white/10 flex items-center justify-center hover:border-primary/40 hover:text-primary transition-colors text-secondary-foreground/60"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"></path></svg></a><a href="https://www.facebook.com/adcdesigninterieur" target="_blank" rel="noopener noreferrer" aria-label="Facebook adc design" class="w-9 h-9 rounded bg-white/5 border border-white/10 flex items-center justify-center hover:border-primary/40 hover:text-primary transition-colors text-secondary-foreground/60"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg></a><a href="https://www.linkedin.com/company/adcdesignstudio" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn adc design" class="w-9 h-9 rounded bg-white/5 border border-white/10 flex items-center justify-center hover:border-primary/40 hover:text-primary transition-colors text-secondary-foreground/60"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a></div></div><div><h4 class="font-display font-semibold text-sm uppercase tracking-widest text-secondary-foreground/50 mb-5">Navigation</h4><div class="flex flex-col gap-3"><a href="/projets"><span class="font-sans text-sm text-secondary-foreground/70 hover:text-primary transition-colors cursor-pointer">Projets</span></a><a href="/services"><span class="font-sans text-sm text-secondary-foreground/70 hover:text-primary transition-colors cursor-pointer">Services</span></a><a href="/studio"><span class="font-sans text-sm text-secondary-foreground/70 hover:text-primary transition-colors cursor-pointer">Le Studio</span></a><a href="/temoignages"><span class="font-sans text-sm text-secondary-foreground/70 hover:text-primary transition-colors cursor-pointer">Témoignages</span></a><a href="/autorisation"><span class="font-sans text-sm text-secondary-foreground/70 hover:text-primary transition-colors cursor-pointer">Faisabilité urbanisme</span></a><a href="/conseil-avant-acquisition"><span class="font-sans text-sm text-secondary-foreground/70 hover:text-primary transition-colors cursor-pointer">Conseil avant acquisition</span></a><a href="/accompagnement"><span class="font-sans text-sm text-secondary-foreground/70 hover:text-primary transition-colors cursor-pointer">Accompagnement design d'espace</span></a><a href="/contact"><span class="font-sans text-sm text-secondary-foreground/70 hover:text-primary transition-colors cursor-pointer">Contact</span></a></div></div><div><h4 class="font-display font-semibold text-sm uppercase tracking-widest text-secondary-foreground/50 mb-5">Contact</h4><address class="not-italic font-sans text-sm text-secondary-foreground/70 leading-relaxed">Le Pellerin, Loire-Atlantique<br>France<br><br><a href="tel:+33668826506" class="hover:text-primary transition-colors">06 68 82 65 06</a><br><a href="mailto:" class="hover:text-primary transition-colors"></a></address><p class="font-sans text-xs text-secondary-foreground/40 mt-4 leading-snug">Zone d'intervention<br><span class="text-secondary-foreground/60">Loire-Atlantique &amp; Pays de la Loire</span></p></div></div><div class="pt-6 flex flex-col md:flex-row justify-between items-center gap-4"><div class="flex flex-col md:flex-row items-center gap-3 text-center md:text-left"><p class="font-sans text-xs text-secondary-foreground/40">© <!-- -->2026<!-- --> adc design — Tous droits réservés</p><span class="hidden md:block text-secondary-foreground/20">·</span><p class="font-sans text-xs text-secondary-foreground/30">SIRET 522 581 883 00033</p><span class="hidden md:block text-secondary-foreground/20">·</span><div class="flex items-center gap-4"><a href="/mentions-legales"><span class="font-sans text-xs text-secondary-foreground/40 hover:text-primary transition-colors cursor-pointer">Mentions légales</span></a><a href="/cgv"><span class="font-sans text-xs text-secondary-foreground/40 hover:text-primary transition-colors cursor-pointer">CGV</span></a></div></div><a href="https://www.anthropic.com" target="_blank" rel="noopener noreferrer" title="Les outils d'analyse automatique de ce site sont propulsés par Claude, un assistant développé par Anthropic." class="inline-flex items-center gap-1.5 bg-white/5 border border-white/10 hover:border-primary/30 transition-colors rounded px-2.5 py-1.5 group"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" class="flex-shrink-0 text-[#D97757] group-hover:text-[#D97757]" aria-hidden="true"><path d="M13.827 3.258L18.905 20h-3.236l-1.01-3.285H9.34L8.33 20H5.094L10.172 3.258h3.655zm-1.827 4.87l-1.655 5.394h3.31L11.999 8.13z" fill="currentColor"></path></svg><span class="font-sans text-[11px] text-secondary-foreground/50 group-hover:text-secondary-foreground/80 transition-colors">Propulsé par <span class="font-semibold text-secondary-foreground/70">Claude</span></span></a><img src="/assets/Fichier_16@10x-8_1780657683551-DUbeIm0F.png" alt="alexandre de contes — designer &amp; architecte d'intérieur" class="h-5 w-auto brightness-0 invert opacity-40"></div></div></footer></div><script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"0\":null},\"actionData\":null,\"errors\":null}");</script></div>
<script>window.__VITE_REACT_SSG_HASH__ = 'qjwkaw5bsd'</script>
  

<script src="https://replit-cdn.com/replit-pill/replit-pill.global.js" data-referral-code="fe75c7l2781d" data-repl-id="ae05bb57-bd4e-4f4b-8c87-c52a3247880e"></script></body></html>