enguerrandbusiness/obc-terrassement
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: supprime social proof fake, fixe bannière + navbar, popup mobile

Browse Source 
- Supprime SocialProofTicker (notifications fake visiblement artificielles)
- Navbar passe de fixed à sticky pour s'empiler correctement sous la bannière
- Bannière d'annonce responsive (texte court sur mobile, bouton close adapté)
- Hero: réduit le padding top (plus besoin de compenser un navbar fixed)
- Exit-intent popup fonctionne sur mobile (trigger au scroll-up après 60% de page)
- Popup responsive: tailles ajustées pour mobile

https://claude.ai/code/session_01H2aRGDaKgarPvhay2HxN6Y
This commit is contained in:
Claude
2026-02-11 16:46:54 +00:00
parent ba1d24fa02
commit 1926d51213
5 changed files with 80 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/marketing/AnnouncementBar.tsx
View File

@@ -9,18 +9,28 @@ export default function AnnouncementBar() {
if (!visible) return null;
return (
<div className="relative bg-gradient-to-r from-primary via-primary-hover to-primary text-white text-center py-2.5 px-4 text-sm font-medium z-[60]">
<div className="relative bg-gradient-to-r from-primary via-primary-hover to-primary text-white text-center py-2 px-10 text-xs sm:text-sm font-medium">
<Link href="/candidature" className="hover:underline">
Places limit&eacute;es &mdash; Nouvelle session de formation TikTok Shop
ouverte &rarr; <span className="underline font-bold">Candidater</span>
<span className="hidden sm:inline">
Places limit&eacute;es &mdash; Nouvelle session de formation TikTok Shop ouverte &rarr;{" "}
<span className="underline font-bold">Candidater</span>
</span>
<span className="sm:hidden">
Places limit&eacute;es &mdash;{" "}
<span className="underline font-bold">Candidater maintenant</span>
</span>
</Link>
<button
onClick={() => setVisible(false)}
className="absolute right-3 top-1/2 -translate-y-1/2 text-white/70 hover:text-white cursor-pointer"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
setVisible(false);
}}
className="absolute right-2 top-1/2 -translate-y-1/2 text-white/70 hover:text-white cursor-pointer p-1"
aria-label="Fermer"
>
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
<svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>