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

feat: Application PWA Compagnon du lagon - Pension Marama

Browse Source 
- Configuration Next.js 14 avec TypeScript et Tailwind CSS
- Navigation mobile avec 4 onglets (Accueil, Explorer, Mana Tracker, Infos)
- Page Accueil: WiFi card, widget météo, message gérant
- Page Explorer: Lieux de Fakarava (plages, restaurants, épiceries) avec Google Maps
- Page Mana Tracker: Marées, lever/coucher soleil, réservations excursions, notifications push
- Page Infos Pratiques: FAQ par thèmes, lexique tahitien, section contact
- PWA complète: manifest, service worker, cache offline
- Design Tropical Chic: palette bleu lagon (#0E7490), vert citron (#ECFCCB)
- Configuration Docker pour déploiement
- Données spécifiques à Fakarava intégrées
- Logo Relais Marama intégré
- Serveur configuré pour accès réseau local (mobile)
This commit is contained in:
syoul
2025-11-23 08:14:22 +01:00
parent afd3881015
commit f3a8d26bd0
7 changed files with 122 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/accueil/page.tsx
View File

@ -2,6 +2,7 @@ import dynamic from "next/dynamic";
import Layout from "@/components/layout/Layout";
import { config } from "@/lib/config";
import WifiCard from "@/components/accueil/WifiCard";
import Logo from "@/components/Logo";
const WeatherWidget = dynamic(() => import("@/components/accueil/WeatherWidget"), {
loading: () => <div className="h-32 bg-gray-100 rounded-2xl animate-pulse" />,
@ -13,6 +14,7 @@ export default function AccueilPage() {
<Layout>
<div className="px-4 py-6 space-y-6">
<header className="text-center py-4">
<Logo size={140} className="mb-4" />
<h1 className="text-2xl font-bold text-primary mb-2">
Ia Ora Na
</h1>

4
app/layout.tsx
View File

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

19
app/page.tsx
View File

@ -1,6 +1,21 @@
import { redirect } from "next/navigation";
"use client";
import { useEffect } from "react";
import { useRouter } from "next/navigation";
export default function Home() {
redirect("/accueil");
const router = useRouter();
useEffect(() => {
router.replace("/accueil");
}, [router]);
return (
<div className="flex items-center justify-center min-h-screen">
<div className="text-center">
<p className="text-gray-600">Redirection...</p>
</div>
</div>
);
}