import {Form, Head} from "@inertiajs/react"; import {cn} from "@/lib/utils"; import {CheckIcon, LoaderCircle} from 'lucide-react'; import MembershipFormController from "@/actions/App/Http/Controllers/Forms/MembershipFormController"; import {Label} from "@/components/ui/label"; import {Input} from "@/components/ui/input"; import InputError from "@/components/input-error"; import {Button} from "@/components/ui/button"; import NavGuestLayout from "@/layouts/nav-guest-layout"; import {Checkbox} from "@/components/ui/checkbox"; import {useState} from "react"; export default function Membership() { const today = new Date(); const actualMonth = today.getMonth() + 1; const leftMonths = 12 - actualMonth; const [selectedPlan, setSelectedPlan] = useState< "custom" | "one-year" | "two-year" >("one-year"); const plans = [ { id: "custom" as const, name: "Sur-mesure", price: `${leftMonths}€`, description: "Derniers mois de l'année.", }, { id: "one-year" as const, name: "Un an", price: "12€", description: "Pour nous soutenir durant un an.", }, { id: "two-year" as const, name: "Deux ans", price: "24€", description: "Pour nous soutenir durant deux ans.", }, ]; const features = [ "Boîte Mail", "NextCloud", "Mailing list", "Hébergement de site", "Sondage", "Et plus encore ...", ]; return ( <>

Adhérer au Retzien Libre

Saisissez vos informations ci-dessous pour créer une demande d'adhésion :

{({processing, errors}) => ( <>
{plans.map((plan) => ( ))}

Fonctionnalités inclues :

    {features.map((feature, index) => (
  • {feature}
    • ))}
{/*
*/}
)}
) }