-
- To get started, edit the page.tsx file.
+
- To get started, edit the page.tsx file.
+
+ {/* Header */}
+
+
+
+
+
+ {/* Hero */}
+
+
+
+
+ Prenez le contrĂŽle de votre{" "}
+ glycémie
-
- Looking for a starting point or more instructions? Head over to{" "}
-
- Templates
- {" "}
- or the{" "}
-
- Learning
- {" "}
- center.
+
+ Diabetix vous aide à suivre vos relevés quotidiens, visualiser vos tendances et recevoir des conseils personnalisés grùce à l'intelligence artificielle.
+
+
+ Commencer gratuitement
+
+
+ Voir les tarifs
+
+
+ Sans carte bancaire · AccÚs immédiat · Données sécurisées
-
-
-
+
+ Tout ce dont vous avez besoin
+
+ Une application complÚte, pensée pour les patients diabétiques au quotidien.
+
+
+ {[
+ {
+ icon: BarChart3,
+ title: "Tableau de bord complet",
+ desc: "Visualisez vos relevés, moyennes, % dans la cible et estimation HbA1c sur 7, 30 et 90 jours.",
+ },
+ {
+ icon: Smartphone,
+ title: "Saisie mobile ultra-rapide",
+ desc: "Interface dédiée avec pavé numérique, optimisée pour une saisie en quelques secondes sur smartphone.",
+ },
+ {
+ icon: Bot,
+ title: "Coach IA Diablo",
+ desc: "Un coach bienveillant qui analyse vos données et vous donne des conseils personnalisés en tenant compte de votre profil.",
+ },
+ {
+ icon: Activity,
+ title: "Analyse quotidienne IA",
+ desc: "Chaque matin, recevez une analyse fraßche de vos tendances glycémiques avec un message d'encouragement.",
+ },
+ {
+ icon: Shield,
+ title: "Données sécurisées",
+ desc: "Vos données de santé restent les vÎtres. Stockage sécurisé, accÚs chiffré, export CSV à tout moment.",
+ },
+ {
+ icon: CheckCircle2,
+ title: "Profil médical complet",
+ desc: "Renseignez votre type de diabĂšte, traitement, taille, poids â le coach s'adapte Ă votre situation.",
+ },
+ ].map((f) => (
+
+
+ {f.title}
+ {f.desc}
+
+ ))}
+
-
+
+
+ {/* Pricing */}
+
+
+ Tarifs simples et transparents
+ Commencez gratuitement, passez Premium quand vous ĂȘtes prĂȘt.
+
+ {/* Free */}
+
+ Gratuit
+ 0 âŹ
+ pour toujours
+
+ Commencer gratuitement
+
+
+ {[
+ "Saisie illimitée de relevés",
+ "Tableau de bord 7 jours",
+ "Statistiques hebdomadaires",
+ "Saisie mobile rapide",
+ "Export CSV",
+ ].map((f) => (
+ -
+
+ ))}
+
+
+ {/* Premium */}
+
+
+
+
+ {[
+ "Tout le plan Gratuit",
+ "Historique illimité",
+ "Statistiques 30 et 90 jours",
+ "HbA1c estimée (90j)",
+ "Analyse IA quotidienne",
+ "Coach Diablo en temps réel",
+ ].map((f) => (
+ -
+
+ ))}
+
+
+
+
+
+
+ {/* FAQ */}
+
+
+ Questions fréquentes
+
+ {[
+ {
+ q: "Diabetix remplace-t-il mon médecin ?",
+ a: "Non. Diabetix est un outil de suivi et d'aide à la compréhension de vos données. Il ne remplace pas votre équipe soignante et ne donne jamais de conseils médicaux. Consultez toujours votre médecin pour toute décision de santé.",
+ },
+ {
+ q: "Mes données sont-elles sécurisées ?",
+ a: "Oui. Vos données sont stockées de façon sécurisée et ne sont jamais partagées avec des tiers. Vous pouvez les exporter ou les supprimer à tout moment.",
+ },
+ {
+ q: "Comment fonctionne le coach IA Diablo ?",
+ a: "Diablo utilise l'IA Gemini de Google pour analyser vos relevés, votre profil médical et vous donner des conseils personnalisés. Il ne peut pas modifier votre traitement médical et vous renverra toujours vers votre médecin pour les décisions importantes.",
+ },
+ {
+ q: "Puis-je annuler mon abonnement Premium Ă tout moment ?",
+ a: "Oui, sans engagement. Vous pouvez revenir au plan gratuit Ă tout moment.",
+ },
+ {
+ q: "L'application fonctionne-t-elle sur mobile ?",
+ a: "Oui. Diabetix est une Progressive Web App (PWA) optimisée pour mobile. Une interface de saisie dédiée est disponible pour entrer vos relevés en quelques secondes.",
+ },
+ ].map(({ q, a }) => (
+
+ {q}
+ {a}
+
+ ))}
+
+
+
+
+ {/* CTA */}
+
+ PrĂȘt Ă mieux gĂ©rer votre diabĂšte ?
+ Rejoignez Diabetix gratuitement et commencez votre suivi aujourd'hui.
+
+ Créer mon compte gratuit
+
+
+
+ {/* Footer */}
+
);
}
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
new file mode 100644
index 0000000..9c4d283
--- /dev/null
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,89 @@
+import Link from "next/link";
+import { CheckCircle2, Crown } from "lucide-react";
+import { auth } from "@/lib/auth";
+import { UpgradeButton } from "@/components/UpgradeButton";
+
+export const metadata = { title: "Tarifs â Diabetix" };
+
+export default async function PricingPage() {
+ const session = await auth();
+ const isPremium = (session?.user as { plan?: string })?.plan === "PREMIUM";
+
+ return (
+
+ Choisissez votre plan
+ Commencez gratuitement, passez Premium quand vous ĂȘtes prĂȘt.
+
+
+ {/* Free */}
+
+ Gratuit
+ 0 âŹ
+ {!session ? (
+
+ Commencer
+
+ ) : (
+
+ Votre plan actuel
+
+ )}
+
+ {["Saisie illimitée", "Tableau de bord 7 jours", "Statistiques semaine", "Export CSV"].map((f) => (
+ -
+
+ ))}
+
+
+
+ {/* Premium */}
+
+
+
+
+ {["Tout le plan Gratuit", "Historique illimité", "Stats 30 et 90 jours", "HbA1c estimée", "Analyse IA quotidienne", "Coach Diablo"].map((f) => (
+ -
+
+ ))}
+
+
+
+
+
+ {!session ? (
+ <>
+ DĂ©jĂ inscrit ?{" "}
+ Se connecter
+
+ ) : (
+ <>
+ Besoin d'aide ?{" "}
+ Contactez-nous
+
+ )}
+
+
+ );
+}
diff --git a/src/app/profil/CancelSubscriptionButton.tsx b/src/app/profil/CancelSubscriptionButton.tsx
new file mode 100644
index 0000000..e749dee
--- /dev/null
+++ b/src/app/profil/CancelSubscriptionButton.tsx
@@ -0,0 +1,117 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { AlertCircle, Loader2, CheckCircle2 } from "lucide-react";
+
+export function CancelSubscriptionButton({
+ isPremium,
+ subscriptionEndDate,
+ isScheduledForCancellation,
+}: {
+ isPremium: boolean;
+ subscriptionEndDate?: Date;
+ isScheduledForCancellation?: boolean;
+}) {
+ const router = useRouter();
+ const [canceling, setCanceling] = useState(false);
+ const [error, setError] = useState(null);
+ const [showConfirm, setShowConfirm] = useState(false);
+ const [isCanceled, setIsCanceled] = useState(!!isScheduledForCancellation);
+
+ if (!isPremium) return null;
+
+ async function handleCancel() {
+ setCanceling(true);
+ setError(null);
+
+ try {
+ const res = await fetch("/api/stripe/cancel-subscription", {
+ method: "POST",
+ });
+
+ if (!res.ok) {
+ const data = await res.json().catch(() => ({}));
+ throw new Error(data.error ?? "Erreur lors de la résiliation.");
+ }
+
+ setShowConfirm(false);
+ setIsCanceled(true);
+ router.refresh();
+ } catch (err) {
+ setError(err instanceof Error ? err.message : "Erreur inconnue");
+ } finally {
+ setCanceling(false);
+ }
+ }
+
+ const endDateFormatted = subscriptionEndDate
+ ? new Intl.DateTimeFormat("fr-FR", {
+ year: "numeric",
+ month: "long",
+ day: "numeric",
+ }).format(subscriptionEndDate)
+ : null;
+
+ return (
+
+ {isCanceled ? (
+
+
+ Abonnement résilié
+
+ Votre accĂšs Premium reste actif jusqu'au {endDateFormatted}.
+
+
+
+
+ ) : !showConfirm ? (
+
+ ) : (
+
+
+ Ătes-vous sĂ»r ?
+
+ Votre accĂšs Premium restera actif jusqu'au {endDateFormatted}. AprĂšs cette date, vous reviendrez au plan gratuit.
+
+
+
+
+
+
+
+
+ )}
+ {error && (
+
+ {error}
+
+ )}
+
+ );
+}
diff --git a/src/app/profil/ProfileForm.tsx b/src/app/profil/ProfileForm.tsx
new file mode 100644
index 0000000..f92b0fe
--- /dev/null
+++ b/src/app/profil/ProfileForm.tsx
@@ -0,0 +1,311 @@
+"use client";
+
+import { useMemo, useState } from "react";
+import { useRouter } from "next/navigation";
+import { signOut } from "next-auth/react";
+import { CheckCircle2, Loader2, LogOut } from "lucide-react";
+import { DIABETES_TYPE_OPTIONS, SEX_OPTIONS } from "@/lib/patient";
+
+type PatientInput = {
+ firstName: string;
+ lastName: string;
+ email: string | null;
+ birthDate: string | null;
+ heightCm: number | null;
+ weightKg: number | null;
+ sex: string | null;
+ diabetesType: string | null;
+ treatment: string | null;
+};
+
+export function ProfileForm({ initial }: { initial: PatientInput | null }) {
+ const router = useRouter();
+ const [form, setForm] = useState(() => ({
+ firstName: initial?.firstName ?? "",
+ lastName: initial?.lastName ?? "",
+ email: initial?.email ?? "",
+ birthDate: initial?.birthDate ?? "",
+ heightCm: initial?.heightCm ?? null,
+ weightKg: initial?.weightKg ?? null,
+ sex: initial?.sex ?? null,
+ diabetesType: initial?.diabetesType ?? null,
+ treatment: initial?.treatment ?? "",
+ }));
+ const [submitting, setSubmitting] = useState(false);
+ const [error, setError] = useState(null);
+ const [success, setSuccess] = useState(false);
+
+ const bmi = useMemo(() => {
+ if (!form.heightCm || !form.weightKg) return null;
+ const m = form.heightCm / 100;
+ return form.weightKg / (m * m);
+ }, [form.heightCm, form.weightKg]);
+
+ const age = useMemo(() => {
+ if (!form.birthDate) return null;
+ const d = new Date(form.birthDate);
+ if (Number.isNaN(d.getTime())) return null;
+ const now = new Date();
+ let a = now.getFullYear() - d.getFullYear();
+ const m = now.getMonth() - d.getMonth();
+ if (m < 0 || (m === 0 && now.getDate() < d.getDate())) a--;
+ return a;
+ }, [form.birthDate]);
+
+ function update(key: K, value: PatientInput[K]) {
+ setForm((f) => ({ ...f, [key]: value }));
+ }
+
+ async function handleSubmit(e: React.FormEvent) {
+ e.preventDefault();
+ setError(null);
+ setSuccess(false);
+
+ if (!form.firstName.trim() || !form.lastName.trim()) {
+ setError("Le nom et le prénom sont obligatoires.");
+ return;
+ }
+
+ setSubmitting(true);
+ try {
+ const res = await fetch("/api/patient", {
+ method: "PUT",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({
+ firstName: form.firstName.trim(),
+ lastName: form.lastName.trim(),
+ email: form.email?.trim() || null,
+ birthDate: form.birthDate || null,
+ heightCm: form.heightCm,
+ weightKg: form.weightKg,
+ sex: form.sex || null,
+ diabetesType: form.diabetesType || null,
+ treatment: form.treatment?.trim() || null,
+ }),
+ });
+ if (!res.ok) {
+ const data = await res.json().catch(() => ({}));
+ throw new Error(data.error ?? "Erreur lors de l'enregistrement.");
+ }
+ setSuccess(true);
+ router.refresh();
+ setTimeout(() => setSuccess(false), 2500);
+ } catch (err) {
+ setError(err instanceof Error ? err.message : "Erreur inconnue");
+ } finally {
+ setSubmitting(false);
+ }
+ }
+
+ return (
+
+
+
+
+
+
+
+ Connexion
+
+
+ Commencer gratuitement
+
+
+
+
-
+
+ + Prenez le contrÎle de votre{" "} + glycémie
-- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. +
+ Diabetix vous aide à suivre vos relevés quotidiens, visualiser vos tendances et recevoir des conseils personnalisés grùce à l'intelligence artificielle.
+
+
+ Commencer gratuitement
+
+
+ Voir les tarifs
+
+
+ Sans carte bancaire · AccÚs immédiat · Données sécurisées
-
-
+
+
+ {/* Pricing */}
+
+
+
+ {/* FAQ */}
+
+
+
+ {/* CTA */}
+
+
+
+ {/* Footer */}
+
);
}
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
new file mode 100644
index 0000000..9c4d283
--- /dev/null
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,89 @@
+import Link from "next/link";
+import { CheckCircle2, Crown } from "lucide-react";
+import { auth } from "@/lib/auth";
+import { UpgradeButton } from "@/components/UpgradeButton";
+
+export const metadata = { title: "Tarifs â Diabetix" };
+
+export default async function PricingPage() {
+ const session = await auth();
+ const isPremium = (session?.user as { plan?: string })?.plan === "PREMIUM";
+
+ return (
+
+
-
+ Tout ce dont vous avez besoin
++ Une application complÚte, pensée pour les patients diabétiques au quotidien. +
+
+ {[
+ {
+ icon: BarChart3,
+ title: "Tableau de bord complet",
+ desc: "Visualisez vos relevés, moyennes, % dans la cible et estimation HbA1c sur 7, 30 et 90 jours.",
+ },
+ {
+ icon: Smartphone,
+ title: "Saisie mobile ultra-rapide",
+ desc: "Interface dédiée avec pavé numérique, optimisée pour une saisie en quelques secondes sur smartphone.",
+ },
+ {
+ icon: Bot,
+ title: "Coach IA Diablo",
+ desc: "Un coach bienveillant qui analyse vos données et vous donne des conseils personnalisés en tenant compte de votre profil.",
+ },
+ {
+ icon: Activity,
+ title: "Analyse quotidienne IA",
+ desc: "Chaque matin, recevez une analyse fraßche de vos tendances glycémiques avec un message d'encouragement.",
+ },
+ {
+ icon: Shield,
+ title: "Données sécurisées",
+ desc: "Vos données de santé restent les vÎtres. Stockage sécurisé, accÚs chiffré, export CSV à tout moment.",
+ },
+ {
+ icon: CheckCircle2,
+ title: "Profil médical complet",
+ desc: "Renseignez votre type de diabĂšte, traitement, taille, poids â le coach s'adapte Ă votre situation.",
+ },
+ ].map((f) => (
+
+
+ ))}
+
+
+ {f.title}
+{f.desc}
+
+
+ Tarifs simples et transparents
+Commencez gratuitement, passez Premium quand vous ĂȘtes prĂȘt.
+
+ {/* Free */}
+
+
+
+ {/* Premium */}
+ Gratuit
+ 0 âŹ
+ pour toujours
+
+ Commencer gratuitement
+
+ -
+ {[
+ "Saisie illimitée de relevés",
+ "Tableau de bord 7 jours",
+ "Statistiques hebdomadaires",
+ "Saisie mobile rapide",
+ "Export CSV",
+ ].map((f) => (
+
-
+
+ {f} +
+ ))}
+
+
+
+
+
+ Premium
+
+ 4,99 âŹ
+ /mois
+
+ sans engagement
+
+ Essayer Premium
+
+ -
+ {[
+ "Tout le plan Gratuit",
+ "Historique illimité",
+ "Statistiques 30 et 90 jours",
+ "HbA1c estimée (90j)",
+ "Analyse IA quotidienne",
+ "Coach Diablo en temps réel",
+ ].map((f) => (
+
-
+
+ {f} +
+ ))}
+
+
+ Questions fréquentes
+
+ {[
+ {
+ q: "Diabetix remplace-t-il mon médecin ?",
+ a: "Non. Diabetix est un outil de suivi et d'aide à la compréhension de vos données. Il ne remplace pas votre équipe soignante et ne donne jamais de conseils médicaux. Consultez toujours votre médecin pour toute décision de santé.",
+ },
+ {
+ q: "Mes données sont-elles sécurisées ?",
+ a: "Oui. Vos données sont stockées de façon sécurisée et ne sont jamais partagées avec des tiers. Vous pouvez les exporter ou les supprimer à tout moment.",
+ },
+ {
+ q: "Comment fonctionne le coach IA Diablo ?",
+ a: "Diablo utilise l'IA Gemini de Google pour analyser vos relevés, votre profil médical et vous donner des conseils personnalisés. Il ne peut pas modifier votre traitement médical et vous renverra toujours vers votre médecin pour les décisions importantes.",
+ },
+ {
+ q: "Puis-je annuler mon abonnement Premium Ă tout moment ?",
+ a: "Oui, sans engagement. Vous pouvez revenir au plan gratuit Ă tout moment.",
+ },
+ {
+ q: "L'application fonctionne-t-elle sur mobile ?",
+ a: "Oui. Diabetix est une Progressive Web App (PWA) optimisée pour mobile. Une interface de saisie dédiée est disponible pour entrer vos relevés en quelques secondes.",
+ },
+ ].map(({ q, a }) => (
+
+
+
+ ))}
+ {q}
+{a}
+PrĂȘt Ă mieux gĂ©rer votre diabĂšte ?
+Rejoignez Diabetix gratuitement et commencez votre suivi aujourd'hui.
+ + Créer mon compte gratuit + +
+
+ );
+}
diff --git a/src/app/profil/CancelSubscriptionButton.tsx b/src/app/profil/CancelSubscriptionButton.tsx
new file mode 100644
index 0000000..e749dee
--- /dev/null
+++ b/src/app/profil/CancelSubscriptionButton.tsx
@@ -0,0 +1,117 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { AlertCircle, Loader2, CheckCircle2 } from "lucide-react";
+
+export function CancelSubscriptionButton({
+ isPremium,
+ subscriptionEndDate,
+ isScheduledForCancellation,
+}: {
+ isPremium: boolean;
+ subscriptionEndDate?: Date;
+ isScheduledForCancellation?: boolean;
+}) {
+ const router = useRouter();
+ const [canceling, setCanceling] = useState(false);
+ const [error, setError] = useStateChoisissez votre plan
+Commencez gratuitement, passez Premium quand vous ĂȘtes prĂȘt.
+ +
+ {/* Free */}
+
+
+
+
+
+ {/* Premium */}
+ Gratuit
+ 0 âŹ
+ {!session ? (
+
+ Commencer
+
+ ) : (
+
+ Votre plan actuel
+
+ )}
+ -
+ {["Saisie illimitée", "Tableau de bord 7 jours", "Statistiques semaine", "Export CSV"].map((f) => (
+
-
+
+ {f} +
+ ))}
+
+
+
+
+
+ Premium
+
+ 4,99 âŹ
+ /mois
+
+
+ {!session ? (
+
+ Essayer Premium
+
+ ) : (
+
+ -
+ {["Tout le plan Gratuit", "Historique illimité", "Stats 30 et 90 jours", "HbA1c estimée", "Analyse IA quotidienne", "Coach Diablo"].map((f) => (
+
-
+
+ {f} +
+ ))}
+
+ {!session ? ( + <> + DĂ©jĂ inscrit ?{" "} + Se connecter + + ) : ( + <> + Besoin d'aide ?{" "} + Contactez-nous + + )} +
+
+ {isCanceled ? (
+
+ );
+}
diff --git a/src/app/profil/ProfileForm.tsx b/src/app/profil/ProfileForm.tsx
new file mode 100644
index 0000000..f92b0fe
--- /dev/null
+++ b/src/app/profil/ProfileForm.tsx
@@ -0,0 +1,311 @@
+"use client";
+
+import { useMemo, useState } from "react";
+import { useRouter } from "next/navigation";
+import { signOut } from "next-auth/react";
+import { CheckCircle2, Loader2, LogOut } from "lucide-react";
+import { DIABETES_TYPE_OPTIONS, SEX_OPTIONS } from "@/lib/patient";
+
+type PatientInput = {
+ firstName: string;
+ lastName: string;
+ email: string | null;
+ birthDate: string | null;
+ heightCm: number | null;
+ weightKg: number | null;
+ sex: string | null;
+ diabetesType: string | null;
+ treatment: string | null;
+};
+
+export function ProfileForm({ initial }: { initial: PatientInput | null }) {
+ const router = useRouter();
+ const [form, setForm] = useState
+
+ ) : !showConfirm ? (
+
+ ) : (
+
+
+
+
+ Abonnement résilié
++ Votre accĂšs Premium reste actif jusqu'au {endDateFormatted}. +
+
+
+ )}
+ {error && (
+
+
+
+
+ Ătes-vous sĂ»r ?
++ Votre accĂšs Premium restera actif jusqu'au {endDateFormatted}. AprĂšs cette date, vous reviendrez au plan gratuit. +
+
+
+
+
+
+ {error}
+
+ )}
+