feat: Intégration logo SVG et améliorations

- Logo Relais Marama en format SVG (relais_marama02.svg)
- Ajout du texte 'Fakarava' sous le logo
- Suppression de la question sur la climatisation (pas de clim)
- Configuration serveur pour accès réseau local (mobile)
- Redirection page racine vers /accueil améliorée
- Données plages et épiceries de Fakarava intégrées
- Mise à jour titre app: 'Compagnon du lagon - Pension Marama'
This commit is contained in:
2025-11-23 08:42:55 +01:00
parent f3a8d26bd0
commit 444a2729ee
5 changed files with 75 additions and 19 deletions

View File

@ -15,12 +15,13 @@ export default function Logo({ size = 120, className = "" }: LogoProps) {
const img = new window.Image();
img.onload = () => setImageLoaded(true);
img.onerror = () => setImageError(true);
img.src = "/logo-relais-marama.png";
// Essayer d'abord le SVG, puis le PNG en fallback
img.src = "/logo-relais-marama.svg";
}, []);
if (imageError || !imageLoaded) {
return (
<div className={`flex items-center justify-center ${className}`}>
<div className={`flex flex-col items-center justify-center ${className}`}>
<div
className="bg-gradient-to-br from-primary/20 to-secondary rounded-full flex flex-col items-center justify-center text-primary font-bold border-2 border-primary/30"
style={{ width: size, height: size }}
@ -29,20 +30,26 @@ export default function Logo({ size = 120, className = "" }: LogoProps) {
<span style={{ fontSize: size * 0.2 }}>Relais</span>
<span style={{ fontSize: size * 0.15 }}>Marama</span>
</div>
<p className="text-primary font-semibold mt-2" style={{ fontSize: `${size * 0.15}px` }}>
Fakarava
</p>
</div>
);
}
return (
<div className={`flex items-center justify-center ${className}`}>
<div className={`flex flex-col items-center justify-center ${className}`}>
<img
src="/logo-relais-marama.png"
src="/logo-relais-marama.svg"
alt="Relais Marama - Fakarava"
width={size}
height={size}
className="object-contain"
style={{ maxWidth: `${size}px`, maxHeight: `${size}px` }}
/>
<p className="text-primary font-semibold mt-2" style={{ fontSize: `${size * 0.15}px` }}>
Fakarava
</p>
</div>
);
}