sepehr/office_translator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refonte visuelle moderne et élégante de la page d'accueil (ambiance lumineuse, simulateur interactif, sections structurées)
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 2m43s
Details

Browse Source
This commit is contained in:
sepehr
2026-08-31 21:48:59 +02:00
parent d734ae3b70
commit fddd7b7428
4 changed files with 1314 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/components/landing/hero-visual.tsx
View File

@@ -758,6 +758,31 @@ export function HeroVisual() {
return (
<div className="w-full relative mx-auto select-none">
{/* Halo d'ambiance doré sous la fenêtre */}
<div className="absolute -inset-2 bg-gradient-to-r from-brand-accent/30 via-amber-400/20 to-brand-accent/30 rounded-3xl blur-2xl opacity-70 pointer-events-none -z-10" />
{/* Pastille Flottante 1 (Gauche) */}
<div className="hidden xl:flex floating-badge absolute -left-12 top-16 z-30 items-center gap-3 px-4 py-2.5 rounded-2xl bg-white/95 dark:bg-[#1f1f1f]/95 border border-brand-accent/40 shadow-2xl backdrop-blur-xl">
<div className="w-8 h-8 rounded-xl bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center">
<ShieldCheck className="w-4 h-4" />
</div>
<div className="text-left">
<div className="text-xs font-bold text-brand-dark dark:text-white">SmartArt & Formules</div>
<div className="text-[10px] text-brand-dark/60 dark:text-white/60 font-medium">100% Intacts et recalculés</div>
</div>
</div>
{/* Pastille Flottante 2 (Droite) */}
<div className="hidden xl:flex floating-badge-delayed absolute -right-12 top-32 z-30 items-center gap-3 px-4 py-2.5 rounded-2xl bg-white/95 dark:bg-[#1f1f1f]/95 border border-brand-accent/40 shadow-2xl backdrop-blur-xl">
<div className="w-8 h-8 rounded-xl bg-blue-500/15 text-blue-600 dark:text-blue-400 flex items-center justify-center">
<Sparkles className="w-4 h-4 text-[#185ABD] dark:text-[#6BA5FF]" />
</div>
<div className="text-left">
<div className="text-xs font-bold text-brand-dark dark:text-white">Rétention Zéro</div>
<div className="text-[10px] text-brand-dark/60 dark:text-white/60 font-medium">Données supprimées après export</div>
</div>
</div>
{/* Conteneur de fenêtre logicielle Office / PDF ultra-réaliste */}
<div className="relative rounded-2xl md:rounded-3xl border border-black/15 dark:border-white/15 bg-[#FDFCF9] dark:bg-[#141414] shadow-[0_25px_60px_-15px_rgba(0,0,0,0.18)] dark:shadow-[0_25px_60px_-15px_rgba(0,0,0,0.8)] overflow-hidden">