diff --git a/clinica-app/client/src/components/BookingSection.tsx b/clinica-app/client/src/components/BookingSection.tsx index 01ddb44..23f7d32 100644 --- a/clinica-app/client/src/components/BookingSection.tsx +++ b/clinica-app/client/src/components/BookingSection.tsx @@ -2,13 +2,21 @@ * DESIGN: "Clinical Warmth" * Sezione prenotazione: form to mail con conferma non vincolante. */ -import { useState } from "react"; +import { useRef, useState } from "react"; import { motion, useInView } from "framer-motion"; -import { useRef } from "react"; -import { Button } from "@/components/ui/button"; -import { Calendar, Clock, User, Phone, PawPrint, CheckCircle2, ShieldCheck } from "lucide-react"; +import { + Calendar, + CheckCircle2, + Clock, + PawPrint, + Phone, + ShieldCheck, + User, +} from "lucide-react"; import { toast } from "sonner"; +import { Button } from "@/components/ui/button"; + const services = [ "Visita clinica generale", "Ecografia", @@ -36,6 +44,13 @@ const doctors = [ "Dott.ssa Cinzia Pellegrini", ]; +const openingHours = [ + { days: "Visite: Lunedi - Venerdi", hours: "09:00 - 19:30" }, + { days: "Visite: Sabato", hours: "09:00 - 17:00" }, + { days: "Urgenze: Lunedi - Venerdi", hours: "08:00 - 22:30" }, + { days: "Urgenze: Sabato e Festivi", hours: "09:00 - 20:00" }, +]; + const timeSlots = [ "09:00", "09:30", @@ -126,7 +141,11 @@ export default function BookingSection() { description: payload.message, }); } catch (error) { - const message = error instanceof Error ? error.message : "Si è verificato un problema durante l'invio."; + const message = + error instanceof Error + ? error.message + : "Si e verificato un problema durante l'invio."; + toast.error("Invio non riuscito", { description: message, }); @@ -165,14 +184,13 @@ export default function BookingSection() { lineHeight: 1.2, }} > - Richiedi una visita{" "} - online + Richiedi una visita online

Compila il modulo per inviare una richiesta di appuntamento. La richiesta - non è vincolante e dovrà essere confermata dallo staff della clinica, che ti - ricontatterà il prima possibile. + non e vincolante e dovra essere confermata dallo staff della clinica, che ti + ricontattera il prima possibile.

@@ -198,27 +216,45 @@ export default function BookingSection() {

Richiesta non vincolante

L'invio del modulo non costituisce conferma automatica dell'appuntamento. - Il team verificherà disponibilità, tipologia di visita e urgenza del caso prima + Il team verifichera disponibilita, tipologia di visita e urgenza del caso prima di confermare data e orario.

-
-

- Orari di apertura -

- {[ - { days: "Lunedi - Venerdi", hours: "09:00 - 12:30 · 14:30 - 19:00" }, - { days: "Sabato", hours: "09:00 - 12:30" }, - { days: "Domenica", hours: "Solo urgenze" }, - ].map((slot) => ( -
- {slot.days} - {slot.hours} +
+
+

+ Orari di apertura +

+ +
+ {openingHours.map((slot) => ( +
+
+ +
+ +
+

+ {slot.days} +

+

+ {slot.hours} +

+
+
+ ))}
- ))} +
@@ -239,15 +275,15 @@ export default function BookingSection() { Grazie {submittedName || "per la tua richiesta"}

- La tua richiesta di prenotazione è stata inviata correttamente. + La tua richiesta di prenotazione e stata inviata correttamente.

- Il team della Clinica Veterinaria Formiginese la prenderà in carico il prima - possibile e ti ricontatterà per confermare disponibilità, data e orario. + Il team della Clinica Veterinaria Formiginese la prendera in carico il prima + possibile e ti ricontattera per confermare disponibilita, data e orario.

Nota importante: la richiesta inviata - non equivale a una prenotazione già confermata. + non equivale a una prenotazione gia confermata.
@@ -291,6 +331,7 @@ export default function BookingSection() { />
+
+
+