Brunobrno/vontor-cz
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance contact UI and email handling

Browse Source 
Add an email template and improve contact flow: create backend/templates/email/contact_me.html and update backend/advertisement/tasks.py to use SiteConfiguration.contact_email with a fallback to brunovontor@gmail.com when sending contact form emails. Revamp frontend contact experience: ContactMeForm is now open by default, uses controlled email/message inputs, shows loading/success/error states and posts to /api/advertisement/contact-me/ via publicApi. Update ContactPage and Home to include richer contact sections (framer-motion animations, icons, social links and responsive layouts). Also add a PowerShell helper entry to .claude/settings.local.json.
This commit is contained in:
David Bruno Vontor
2026-06-07 23:17:10 +02:00
parent 3766b033bc
commit ad7f0fbe55
6 changed files with 385 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
backend/templates/email/contact_me.html Normal file
View File

@@ -0,0 +1,45 @@
<!-- Contact form submission notification -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding: 8px 0 20px;">
<h2 style="margin: 0 0 6px; font-size: 20px; color: #031D44;">
📬 Nová zpráva z kontaktního formuláře
</h2>
<p style="margin: 0; font-size: 13px; color: #666;">
Přišla poptávka přes vontor.cz
</p>
</td>
</tr>
<!-- Sender email -->
<tr>
<td style="padding: 12px 16px; background: #f7f9fc; border-left: 4px solid #70A288; border-radius: 4px; margin-bottom: 12px;">
<p style="margin: 0 0 2px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: #888;">Od</p>
<p style="margin: 0; font-size: 15px; font-weight: 600; color: #031D44;">
<a href="mailto:{{ client_email }}" style="color: #24719f; text-decoration: none;">{{ client_email }}</a>
</p>
</td>
</tr>
<tr><td style="height: 12px;"></td></tr>
<!-- Message body -->
<tr>
<td style="padding: 16px; background: #f0f4f8; border-radius: 6px;">
<p style="margin: 0 0 8px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: #888;">Zpráva</p>
<p style="margin: 0; font-size: 14px; line-height: 1.7; color: #222; white-space: pre-wrap;">{{ message_content }}</p>
</td>
</tr>
<tr><td style="height: 20px;"></td></tr>
<!-- Reply button -->
<tr>
<td>
<a href="mailto:{{ client_email }}"
style="display: inline-block; padding: 10px 24px; background: #70A288; color: #ffffff; font-weight: 600; font-size: 14px; border-radius: 6px; text-decoration: none;">
Odpovědět
</a>
</td>
</tr>
</table>