electron-rare/electron-rare.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add phone number, address, Brevo newsletter form

Browse Source 
- 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>
This commit is contained in:
Electron Rare Bot
2026-03-27 15:21:46 +00:00
parent 3f677718c6
commit 8447571b2e
3 changed files with 77 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/Contact.astro
+40
View File
@@ -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>
src/pages/mentions-legales.astro
+2 -2
View File
@@ -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>
src/styles/global.css
+35
View File
@@ -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;