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:
@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user