From 8447571b2eed0b79a5b69320769236bc2eb415bb Mon Sep 17 00:00:00 2001
From: Electron Rare Bot <bot@electron-rare.local>
Date: Fri, 27 Mar 2026 15:21:46 +0000
Subject: [PATCH] feat: add phone number, address, Brevo newsletter form
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Contact.astro: phone +33 6 25 33 44 20 + Brevo email capture form
- mentions-legales.astro: address (664 route de la Rivière, 69870 Grandris) + phone
- global.css: newsletter form styles (Minitel theme)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/sections/Contact.astro | 40 +++++++++++++++++++++++++++
 src/pages/mentions-legales.astro      |  4 +--
 src/styles/global.css                 | 35 +++++++++++++++++++++++
 3 files changed, 77 insertions(+), 2 deletions(-)

diff --git a/src/components/sections/Contact.astro b/src/components/sections/Contact.astro
index fda8e1b..f0d3076 100644
--- a/src/components/sections/Contact.astro
+++ b/src/components/sections/Contact.astro
@@ -224,6 +224,46 @@ const CONTACT_FORM_ENDPOINT = apiBase ? `${apiBase}/api/submit-lead` : '/api/sub
         <p class="contact-minitel-line">
           Mail direct : <a href="mailto:contact@lelectronrare.fr" class="contact-minitel-link">contact@lelectronrare.fr</a>
         </p>
+        <p class="contact-minitel-line">
+          Telephone : <a href="tel:+33625334420" class="contact-minitel-link">+33 6 25 33 44 20</a>
+        </p>
+      </div>
+
+      <div class="contact-minitel-newsletter">
+        <p class="contact-minitel-line contact-minitel-line--dim">
+          ─────────────────────────────────────────
+        </p>
+        <h3 class="contact-minitel-h3">&gt; Notes techniques_</h3>
+        <p class="contact-minitel-line contact-minitel-line--dim">
+          Recevez des retours d'experience concrets sur l'electronique embarquee,
+          le prototypage et les systemes specifiques. Pas de spam, que du technique.
+        </p>
+        <form
+          action="BREVO_FORM_ACTION_URL"
+          method="POST"
+          class="contact-minitel-newsletter-form"
+        >
+          <div class="contact-minitel-newsletter-row">
+            <label for="newsletter-email" class="sr-only">Adresse email</label>
+            <input
+              id="newsletter-email"
+              type="email"
+              name="EMAIL"
+              required
+              class="contact-minitel-input contact-minitel-newsletter-input"
+              placeholder="votre@email.com"
+              autocomplete="email"
+            />
+            <button
+              type="submit"
+              class="contact-minitel-btn contact-minitel-btn--primary contact-minitel-newsletter-btn"
+            >
+              Recevoir les notes techniques
+            </button>
+          </div>
+          <input type="hidden" name="locale" value="fr" />
+          <input type="hidden" name="html_type" value="simple" />
+        </form>
       </div>
     </div>
   </div>
diff --git a/src/pages/mentions-legales.astro b/src/pages/mentions-legales.astro
index e492cae..88c2981 100644
--- a/src/pages/mentions-legales.astro
+++ b/src/pages/mentions-legales.astro
@@ -49,8 +49,8 @@ const headerItems = [
           <li><strong>Statut :</strong> Entrepreneur individuel</li>
           <li><strong>Nom commercial :</strong> L'Électron Rare</li>
           <li><strong>SIRET :</strong> <em class="studio-muted">en cours de mise à jour</em></li>
-          <li><strong>Adresse :</strong> <em class="studio-muted">en cours de mise à jour</em></li>
-          <li><strong>Téléphone :</strong> <em class="studio-muted">en cours de mise à jour</em></li>
+          <li><strong>Adresse :</strong> 664 route de la Rivière, 69870 Grandris, France</li>
+          <li><strong>Téléphone :</strong> <a href="tel:+33625334420">+33 6 25 33 44 20</a></li>
           <li><strong>Email :</strong> <a href="mailto:contact@lelectronrare.fr">contact@lelectronrare.fr</a></li>
           <li><strong>Directeur de la publication :</strong> Clément Saillant</li>
         </ul>
diff --git a/src/styles/global.css b/src/styles/global.css
index 4a34a81..b46683e 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -4956,6 +4956,41 @@ input.contact-minitel-textarea:focus {
   padding-top: 0.5rem;
 }
 
+/* ── Contact: newsletter Brevo ────────────────────── */
+.contact-minitel-newsletter {
+  margin-top: 0.5rem;
+  padding-top: 0.5rem;
+}
+
+.contact-minitel-h3 {
+  margin: 0.8rem 0 0.5rem;
+  font-family: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: #f1c27a;
+  text-shadow: 0 0 8px rgba(241, 194, 122, 0.35);
+}
+
+.contact-minitel-newsletter-form {
+  margin-top: 0.8rem;
+}
+
+.contact-minitel-newsletter-row {
+  display: flex;
+  gap: 0.6rem;
+  flex-wrap: wrap;
+}
+
+.contact-minitel-newsletter-input {
+  flex: 1 1 220px;
+  min-width: 0;
+}
+
+.contact-minitel-newsletter-btn {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
 .contact-minitel-link {
   color: #5bd1d8;
   text-decoration: none;