From 444a2729eee748f93f2122eea3fad0dc1cc85de0 Mon Sep 17 00:00:00 2001 From: syoul Date: Sun, 23 Nov 2025 08:42:55 +0100 Subject: [PATCH] =?UTF-8?q?feat:=20Int=C3=A9gration=20logo=20SVG=20et=20am?= =?UTF-8?q?=C3=A9liorations?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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' --- app/api/infos/route.ts | 7 ----- app/layout.tsx | 4 +-- components/Logo.tsx | 15 ++++++++--- public/LOGO_README.md | 18 ++++++++----- public/logo-relais-marama.svg | 50 +++++++++++++++++++++++++++++++++++ 5 files changed, 75 insertions(+), 19 deletions(-) create mode 100644 public/logo-relais-marama.svg diff --git a/app/api/infos/route.ts b/app/api/infos/route.ts index 1b72e5b..bbfe439 100644 --- a/app/api/infos/route.ts +++ b/app/api/infos/route.ts @@ -31,13 +31,6 @@ const faq: FAQItem[] = [ category: "Pension", 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 { diff --git a/app/layout.tsx b/app/layout.tsx index 3552348..7d2582c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -31,8 +31,8 @@ export default function RootLayout({ return ( - - + + {children} diff --git a/components/Logo.tsx b/components/Logo.tsx index 758bc54..96c72bc 100644 --- a/components/Logo.tsx +++ b/components/Logo.tsx @@ -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 ( -
+
Relais Marama
+

+ Fakarava +

); } return ( -
+
Relais Marama - Fakarava +

+ Fakarava +

); } diff --git a/public/LOGO_README.md b/public/LOGO_README.md index f5be244..6b99403 100644 --- a/public/LOGO_README.md +++ b/public/LOGO_README.md @@ -1,14 +1,20 @@ # 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) -- Taille : 512x512 pixels minimum (pour une bonne qualité) -- Nom du fichier : `logo-relais-marama.png` +## Formats alternatifs (si besoin) + +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 diff --git a/public/logo-relais-marama.svg b/public/logo-relais-marama.svg new file mode 100644 index 0000000..cb6fa65 --- /dev/null +++ b/public/logo-relais-marama.svg @@ -0,0 +1,50 @@ + + + + + + + + + +