syoul/Compagnon-du-Lagon---Marama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Intégration logo SVG et améliorations

Browse Source 
- 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:
syoul
2025-11-23 08:42:55 +01:00
parent f3a8d26bd0
commit 444a2729ee
5 changed files with 75 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/api/infos/route.ts
View File

@ -31,13 +31,6 @@ const faq: FAQItem[] = [
category: "Pension", category: "Pension",
icon: "🍽️", icon: "🍽️",
}, },
{
id: "pension-3",
question: "Comment utiliser la climatisation",
answer: "La télécommande de la climatisation se trouve sur la table de chevet. Appuyez sur le bouton ON/OFF pour l'activer. La température recommandée est de 24°C pour un confort optimal et une consommation raisonnable.",
category: "Pension",
icon: "❄️",
},
// 💰 Argent, Banque & Paiement // 💰 Argent, Banque & Paiement
{ {

4
app/layout.tsx
View File

@ -31,8 +31,8 @@ export default function RootLayout({
return ( return (
<html lang="fr"> <html lang="fr">
<head> <head>
<link rel="icon" href="/logo-relais-marama.png" /> <link rel="icon" href="/logo-relais-marama.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/logo-relais-marama.png" /> <link rel="apple-touch-icon" href="/logo-relais-marama.svg" />
</head> </head>
<body className={inter.className}> <body className={inter.className}>
{children} {children}

15
components/Logo.tsx
View File

@ -15,12 +15,13 @@ export default function Logo({ size = 120, className = "" }: LogoProps) {
const img = new window.Image(); const img = new window.Image();
img.onload = () => setImageLoaded(true); img.onload = () => setImageLoaded(true);
img.onerror = () => setImageError(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) { if (imageError || !imageLoaded) {
return ( return (
<div className={`flex items-center justify-center ${className}`}> <div className={`flex flex-col items-center justify-center ${className}`}>
<div <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" 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 }} 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.2 }}>Relais</span>
<span style={{ fontSize: size * 0.15 }}>Marama</span> <span style={{ fontSize: size * 0.15 }}>Marama</span>
</div> </div>
<p className="text-primary font-semibold mt-2" style={{ fontSize: `${size * 0.15}px` }}>
Fakarava
</p>
</div> </div>
); );
} }
return ( return (
<div className={`flex items-center justify-center ${className}`}> <div className={`flex flex-col items-center justify-center ${className}`}>
<img <img
src="/logo-relais-marama.png" src="/logo-relais-marama.svg"
alt="Relais Marama - Fakarava" alt="Relais Marama - Fakarava"
width={size} width={size}
height={size} height={size}
className="object-contain" className="object-contain"
style={{ maxWidth: `${size}px`, maxHeight: `${size}px` }} style={{ maxWidth: `${size}px`, maxHeight: `${size}px` }}
/> />
<p className="text-primary font-semibold mt-2" style={{ fontSize: `${size * 0.15}px` }}>
Fakarava
</p>
</div> </div>
); );
} }

18
public/LOGO_README.md
View File

@ -1,14 +1,20 @@
# Logo Relais Marama # Logo Relais Marama
Pour intégrer le logo dans l'application, placez l'image du logo dans ce dossier (`public/`) avec le nom : Le logo est maintenant intégré en format **SVG** (vectoriel), ce qui est idéal car :
- ✅ S'adapte à toutes les tailles sans perte de qualité
- ✅ Fichier léger
- ✅ Net sur tous les écrans (y compris Retina)
- ✅ Supporte la transparence
**`logo-relais-marama.png`** ## Fichier actuel
## Format recommandé **`logo-relais-marama.svg`** - Logo vectoriel Relais Marama
- Format : PNG (avec transparence si possible) ## Formats alternatifs (si besoin)
- Taille : 512x512 pixels minimum (pour une bonne qualité)
- Nom du fichier : `logo-relais-marama.png` Si vous souhaitez utiliser un autre format, vous pouvez :
- **PNG** : `logo-relais-marama.png` (avec transparence, 512x512px minimum)
- **WebP** : `logo-relais-marama.webp` (format moderne optimisé)
## Emplacements où le logo apparaîtra ## Emplacements où le logo apparaîtra

50
public/logo-relais-marama.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB