Event finished

src/components/FloatingButton.tsx

@@ -16,6 +16,8 @@ const FloatingButton = () => {
     return () => window.removeEventListener("scroll", onScroll);
   }, []);
 
+  const bookingEnabled = SECTIONS.booking || SECTIONS.mixed_booking;
+
   return (
     <AnimatePresence>
       {visible && (
@@ -25,6 +27,7 @@ const FloatingButton = () => {
           exit={{ opacity: 0, y: 20 }}
           className="fixed bottom-6 right-6 z-50 flex flex-col gap-2"
         >
+          {bookingEnabled && (
           <Button
             variant="hero"
             size="lg"
@@ -48,6 +51,7 @@ const FloatingButton = () => {
               {t("nav.booking")}
             </a>
           </Button>
+          )}
           <button
             onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
             className="self-center bg-gray-500 text-white p-2 rounded-full hover:bg-gray-600 transition-colors shadow"

src/components/HeroSection.tsx

@@ -1,8 +1,5 @@
-import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
-import { Button } from "@/components/ui/button";
 import { useTranslation } from "react-i18next";
-import { EVENT_INFO, SECTIONS } from "@/data/event-data";
 import heroBg from "@/assets/hero-bg.jpg";
 
 /** Calcula diferencia entre ahora y la fecha del evento */
@@ -19,21 +16,6 @@ export const getTimeLeft = (target: string) => {
 
 const HeroSection = () => {
   const { t } = useTranslation();
-  const [timeLeft, setTimeLeft] = useState(getTimeLeft(EVENT_INFO.date));
-
-  useEffect(() => {
-    const timer = setInterval(() => {
-      setTimeLeft(getTimeLeft(EVENT_INFO.date));
-    }, 1000);
-    return () => clearInterval(timer);
-  }, []);
-
-  const countdownItems = [
-    { value: timeLeft.days, label: t('hero.days') },
-    { value: timeLeft.hours, label: t('hero.hours') },
-    { value: timeLeft.minutes, label: t('hero.minutes') },
-    { value: timeLeft.seconds, label: t('hero.seconds') },
-  ];
 
   return (
     <section 
@@ -76,48 +58,23 @@ const HeroSection = () => {
           {t('hero.subtitle')}
         </motion.p>
 
-        {/* Countdown */}
+        {/* Event finished banner — countdown and program links disabled */}
         <motion.div
           initial={{ opacity: 0, scale: 0.9 }}
           animate={{ opacity: 1, scale: 1 }}
           transition={{ delay: 0.8 }}
-          className="flex justify-center gap-4 md:gap-8 mb-10"
+          className="flex justify-center mb-10"
         >
-          {timeLeft.days === 0 && timeLeft.hours === 0 && timeLeft.minutes === 0 && timeLeft.seconds === 0 ? (
           <div className="text-center">
             <div className="bg-primary-foreground/10 backdrop-blur-sm border border-primary-foreground/20 rounded-lg px-6 py-4 min-w-[180px]">
-                <span className="text-2xl md:text-4xl font-hero font-bold text-primary-foreground">
+              <span className="block text-2xl md:text-4xl font-hero font-bold text-primary-foreground">
-                  {t('hero.eventInProgress')}
+                {t('hero.eventFinished')}
+              </span>
+              <span className="block mt-2 text-base md:text-lg font-body text-primary-foreground/90">
+                {t('hero.thankYou')}
               </span>
             </div>
-              <p className="text-primary-foreground/60 text-xs mt-2 uppercase tracking-wider">
-                {t('hero.dontMiss')}
-              </p>
           </div>
-          ) : (
-            countdownItems.map((item) => (
-              <div key={item.label} className="text-center">
-                <div className="bg-primary-foreground/10 backdrop-blur-sm border border-primary-foreground/20 rounded-lg px-4 py-3 md:px-6 md:py-4 min-w-[60px] md:min-w-[80px]">
-                  <span className="text-2xl md:text-4xl font-hero font-bold text-primary-foreground">
-                    {String(item.value).padStart(2, "0")}
-                  </span>
-                </div>
-                <p className="text-primary-foreground/60 text-xs mt-2 uppercase tracking-wider">
-                  {item.label}
-                </p>
-              </div>
-            ))
-          )}
-        </motion.div>
-
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 1 }}
-        >
-          <Button variant="hero" size="lg" className="text-lg px-10 py-6" asChild>
-            <a href={SECTIONS.booking ? "#booking" : "#mixed-booking"}>{t('hero.bookYourPass')}</a>
-          </Button>
         </motion.div>
       </div>
     </section>

src/components/HotelSection.tsx

@@ -28,7 +28,10 @@ const HotelSection = () => {
           <h2 className="font-display text-4xl md:text-5xl lg:text-7xl break-words font-bold pt-4 pb-10 leading-[1.8] text-gradient">
             {t("hotel.title")}
           </h2>
-          <p className="text-muted-foreground max-w-2xl mx-auto">{t("hotel.subtitle")}</p>
+          <p className="text-muted-foreground max-w-2xl mx-auto mb-4">{t("hotel.subtitle")}</p>
+          <p className="text-sm text-primary font-medium bg-primary/5 inline-block px-3 py-1.5 rounded-full">
+            {t("info.hotelFullBoard")}
+          </p>
         </motion.div>
 
         <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto">

src/components/MixedBookingSection.tsx

@@ -215,7 +215,7 @@ const MixedBookingSection = () => {
                       </li>
                     ))}
                   </ul>
-                  <Button
+                  {/* <Button
                     asChild
                     className={`w-full rounded-xl font-medium py-2.5 ${
                       isFeatured
@@ -232,7 +232,7 @@ const MixedBookingSection = () => {
                       {t("mixedBooking.goToReservations")}
                       <ExternalLink className="w-4 h-4" />
                     </a>
-                  </Button>
+                  </Button> */}
                 </div>
               </motion.div>
             );

src/components/PracticalSection.tsx

@@ -1,5 +1,5 @@
 import { motion } from "framer-motion";
-import { EVENT_INFO, PRACTICAL_INFO } from "@/data/event-data";
+import { EVENT_INFO, PRACTICAL_INFO, RECEPTION_INFO, EXTRA_NOTES } from "@/data/event-data";
 import { MapPin, Plane, Train } from "lucide-react";
 import { useTranslation } from "react-i18next";
 
@@ -109,6 +109,18 @@ const PracticalSection = () => {
                 })}
               </div>
             </div>
+
+            {/* Notas Festival */}
+            <div className="bg-card rounded-lg p-4 space-y-3 border border-primary/20">
+              <p className="text-sm text-foreground font-semibold">{t("info.reception")}</p>
+              <p className="text-xs text-muted-foreground">
+                {t("info.receptionHours")} · {RECEPTION_INFO.location}
+              </p>
+              <p className="text-xs text-muted-foreground">{t("info.noFullPass")}</p>
+              <p className="text-xs text-muted-foreground">{t("info.looseClass")}</p>
+              <p className="text-xs text-muted-foreground">{t("info.poolParties")}</p>
+              <p className="text-xs text-muted-foreground">{t("info.showsNight")}</p>
+            </div>
           </motion.div>
         </div>
       </div>

src/components/ScheduleSection.tsx

@@ -21,6 +21,7 @@ type ScheduleEvent = {
   time: string;
   title: string;
   type: string;
+  details?: string[];
   parallel?: ScheduleEvent[];
 };
 
@@ -29,10 +30,6 @@ const ScheduleSection = () => {
 
   const dayKeys = ["friday", "saturday", "sunday"] as const;
 
-  const formatEventTitle = (event: { type: string; title: string }, dayIndex: number) => {
-    return event.title;
-  };
-
   return (
     <section 
       id="schedule" 
@@ -83,9 +80,14 @@ const ScheduleSection = () => {
                                 }`}
                               >
                                 <PIcon className="w-4 h-4 shrink-0" />
-                                <p className="text-sm font-semibold">
+                                <div className="min-w-0">
-                                  {pEvent.title}
+                                  <p className="text-sm font-semibold">{pEvent.title}</p>
+                                  {pEvent.details?.map((detail) => (
+                                    <p key={detail} className="text-xs opacity-75">
+                                      {detail}
                                     </p>
+                                  ))}
+                                </div>
                               </div>
                             );
                           })}
@@ -103,9 +105,14 @@ const ScheduleSection = () => {
                     >
                       <Icon className="w-4 h-4 shrink-0" />
                       <p className="text-xs font-medium opacity-70 whitespace-nowrap">{event.time}</p>
-                      <p className="text-sm font-semibold">
+                      <div className="min-w-0">
-                        {formatEventTitle(event as { type: string; title: string }, di)}
+                        <p className="text-sm font-semibold">{event.title}</p>
+                        {event.details?.map((detail) => (
+                          <p key={detail} className="text-xs opacity-75">
+                            {detail}
                           </p>
+                        ))}
+                      </div>
                     </div>
                   );
                 })}

src/components/StaffSection.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useRef } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { STAFF } from "@/data/event-data";
 import { Instagram, User, ChevronLeft, ChevronRight } from "lucide-react";
@@ -23,6 +23,7 @@ const filterActiveClass: Record<string, string> = {
 const StaffSection = () => {
   const { t } = useTranslation();
   const [filter, setFilter] = useState<"all" | "teachers" | "djs" | "specials">("all");
+  const scrollerRef = useRef<HTMLDivElement>(null);
 
   const filteredStaff = STAFF.filter((member) => {
     if (filter === "all") return true;
@@ -31,16 +32,23 @@ const StaffSection = () => {
     if (filter === "specials") return member.role === "Specials";
     return true;
   });
-  // simple ref + helpers for horizontal scroll
+
+  const staffCounts = {
+    all: STAFF.length,
+    teachers: STAFF.filter((m) => m.role === "Teacher").length,
+    djs: STAFF.filter((m) => m.role === "DJ").length,
+    specials: STAFF.filter((m) => m.role === "Specials").length,
+  };
+
   const onPrev = () => {
-    const scroller = document.getElementById("staff-scroller");
+    const scroller = scrollerRef.current;
     if (!scroller) return;
     const card = scroller.querySelector("[data-staff-card]") as HTMLElement | null;
-    const delta = card ? card.offsetWidth + 24 : 320; // 24 ~ gap-x-6
+    const delta = card ? card.offsetWidth + 24 : 320;
     scroller.scrollBy({ left: -delta, behavior: "smooth" });
   };
   const onNext = () => {
-    const scroller = document.getElementById("staff-scroller");
+    const scroller = scrollerRef.current;
     if (!scroller) return;
     const card = scroller.querySelector("[data-staff-card]") as HTMLElement | null;
     const delta = card ? card.offsetWidth + 24 : 320;
@@ -106,13 +114,18 @@ const StaffSection = () => {
             <button
               key={id}
               onClick={() => setFilter(id)}
-              className={`px-6 py-2 rounded-full text-sm font-semibold transition-all duration-300 border ${
+              className={`px-5 py-2.5 rounded-full text-sm font-semibold transition-all duration-200 border flex items-center gap-2 ${
                 filter === id
                   ? filterActiveClass[id]
                   : "bg-card text-foreground border-border hover:border-primary/50"
               }`}
             >
               {t(labelKey)}
+              <span className={`text-xs px-2 py-0.5 rounded-full ${
+                filter === id ? "bg-white/20" : "bg-muted"
+              }`}>
+                {staffCounts[id]}
+              </span>
             </button>
           ))}
         </motion.div>
@@ -124,18 +137,18 @@ const StaffSection = () => {
           <div className="hidden md:block pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-background to-transparent rounded-r-2xl z-20" />
 
           <div
-            id="staff-scroller"
+            ref={scrollerRef}
             className="flex gap-6 overflow-x-auto overflow-y-hidden snap-x snap-mandatory scroll-smooth pb-8 pt-6 -mx-4 px-4 md:mx-0 md:px-0 min-h-[400px]"
           >
             <AnimatePresence mode="popLayout">
-              {filteredStaff.map((member, i) => (
+              {filteredStaff.map((member) => (
                 <motion.div
                   key={member.id}
                   layout
-                  initial={{ opacity: 0, scale: 0.9 }}
+                  initial={{ opacity: 0, scale: 0.95 }}
                   animate={{ opacity: 1, scale: 1 }}
-                  exit={{ opacity: 0, scale: 0.9 }}
+                  exit={{ opacity: 0, scale: 0.95 }}
-                  transition={{ duration: 0.3, delay: i * 0.05 }}
+                  transition={{ duration: 0.2 }}
                   data-staff-card
                   className="snap-start shrink-0 w-4/5 sm:w-1/2 lg:w-1/3 xl:w-1/4 bg-card rounded-2xl overflow-hidden shadow-card hover:shadow-elevated transition-shadow group"
                 >

src/data/event-data.ts

@@ -41,6 +41,10 @@ import papagaio from "@/assets/staff/papagaio.jpg";
 import jade from "@/assets/staff/jade.jpg";
 import juninho from "@/assets/staff/juninho.jpg";
 import rafael from "@/assets/staff/rafael.jpg";
+import rodrigo from "@/assets/staff/rodrigo.jpg";
+import jessica from "@/assets/staff/jessica.jpg";
+import cibele from "@/assets/staff/cibele.jpg";
+import giovanni from "@/assets/staff/giovanni.jpg";
 
 import gal1 from "@/assets/gallery/gal1.jpg";
 import gal2 from "@/assets/gallery/gal2.jpg";
@@ -252,7 +256,7 @@ export const STAFF = [
   {
     id: "25",
     name: "Xavi & Laura",
-    role: "Teachers" as const,
+    role: "Teacher" as const,
     image: xavilau,
   },
   {
@@ -272,6 +276,30 @@ export const STAFF = [
     name: "Juninho",
     role: "Specials" as const,
     image: juninho,
+  },
+  {
+    id: "29",
+    name: "Rodrigo",
+    role: "Specials" as const,
+    image: rodrigo,
+  },
+  {
+    id: "30",
+    name: "Jéssica Serrano",
+    role: "Specials" as const,
+    image: jessica,
+  },
+  {
+    id: "31",
+    name: "Cibele",
+    role: "Specials" as const,
+    image: cibele,
+  },
+  {
+    id: "32",
+    name: "Giovanni",
+    role: "Specials" as const,
+    image: giovanni,
   }
 ];
 
@@ -280,11 +308,16 @@ export const SCHEDULE = [
   {
     day: "Viernes 4 de Septiembre",
     events: [
+      { time: "16:00 – 17:00", title: "Check-in / Registro", type: "checkin" as const },
       { time: "17:00 – 18:00", title: "Followers & Style by Jade & Milu", type: "workshop" as const },
-      { time: "18:00 – 19:00", title: "La Ciencia de los Giros by Rodrigo Delano", type: "workshop" as const },
+      { time: "18:00 – 19:00", title: "La Ciencia de los Giros / The Science of Spins by Rodrigo Delano", type: "workshop" as const },
-      { time: "19:00 – 20:00", title: "Welcome Party - Pool", type: "social" as const },
       { time: "19:30 – 21:30", title: "Cena / Dinner", type: "break" as const },
-      { time: "23:00 – 02:00", title: "Social Dance + DJ Set", type: "social" as const },
+      {
+        time: "23:00 – 03:00",
+        title: "Social Dance + DJs",
+        type: "social" as const,
+        details: ["Teacher's Presentation", "Special guest: Aiysha Singer", "Competition: 2 Full Pass for MARAU FESTIVAL & social dance"],
+      },
     ],
   },
   {
@@ -317,18 +350,30 @@ export const SCHEDULE = [
       ]
       },
       { time: "19:30 – 21:30", title: "Cena / Dinner", type: "break" as const },
-      { time: "23:00 – 02:00", title:  "Social Dance + DJ Set", type: "social" as const },
+      {
+        time: "23:00 – 05:00",
+        title: "Social Dance + DJs",
+        type: "social" as const,
+        details: ["Showtime 1h & social dance"],
+      },
+
     ],
   },
   {
     day: "Domingo 6 de Septiembre",
     events: [
+      { time: "08:00 – 10:00", title: "Desayuno / Breakfast", type: "break" as const },
       { time: "11:30 – 12:30", title: "International Barcelona Flash Mob 2026. Choreo by: Lautaro & Ari. Teacher: Romina Hidalgo", type: "workshop" as const },
       { time: "12:00 – 14:00", title: "Pool Party", type: "social" as const },
       { time: "13:00 – 15:00", title: "Comida / Lunch", type: "break" as const },
       { time: "16:00 – 20:00", title: "Pool Party", type: "social" as const },
       { time: "19:30 – 21:30", title: "Cena / Dinner", type: "break" as const },
-      { time: "23:00 – 02:00", title: "Social Dance + DJ Set", type: "social" as const },
+      {
+        time: "23:00 – 05:00",
+        title: "Social Dance + DJs",
+        type: "social" as const,
+        details: ["Competition, 2 Full Pass for CARNALAMBA FESTIVAL by Hila Singer & social dance"],
+      },
     ],
   },
 ];
@@ -384,6 +429,24 @@ export const PRACTICAL_INFO = {
   ],
 };
 
+// ---- INFORMACIÓN EXTRA FESTIVAL ----
+export const RECEPTION_INFO = {
+  openDay: "Viernes",
+  openTime: "15:00h",
+  location: "Zouklambada Beach",
+};
+
+export const EXTRA_NOTES = {
+  noFullPassEntryFee: 25,
+  noFullPassEntryFeeCurrency: "€",
+  looseClassReserveLocation: "Recepción",
+  looseClassPrice: 25,
+  looseClassCurrency: "€",
+  poolPartyIncludedWith: "Alojamiento en Hotel Don Ángel",
+  showsNightTime: "01:00h",
+  fullBoardPeriod: "De la cena del viernes a la comida del lunes",
+};
+
 // ---- GALERÍA ----
 /**
  * Añade URLs o importaciones de imágenes.
@@ -443,9 +506,9 @@ export const SECTIONS = {
   org: true,
   staff: true,
   profesores: true,
-  schedule: true,
+  schedule: false,
   booking: false,
-  mixed_booking: true,
+  mixed_booking: false,
   hotel: false,
   practical: true,
   gallery: true,

src/locales/en.json

@@ -22,7 +22,10 @@
     "seconds": "Sec",
     "eventInProgress": "EVENT IN PROGRESS",
     "dontMiss": "Don't miss it!",
-    "bookYourPass": "Book Your Pass"
+    "eventFinished": "Event finished",
+    "thankYou": "Thank you for participating, until next year!",
+    "bookYourPass": "Book Your Pass",
+    "viewSchedule": "View Schedule"
   },
   "about": {
     "title": "About the Event",
@@ -31,10 +34,10 @@
     "orgDescription": "We are a passionate community of dancers dedicated to promoting Zouk and Lambada culture in Barcelona. Our team is committed to creating a magical experience for all participants.",
     "lambadaInfo": "Lambada is a Brazilian dance born in the 80s, known for its sensuality, connection, and enveloping rhythm. It mixes influences from forró, merengue, and carimbó, creating a unique and passionate dance experience.",
     "highlights": {
-      "workshops": "Workshops with international artists",
+      "workshops": "Workshops with national and international artists",
-      "socialDancing": "Social dancing all night long",
+      "socialDancing": "Social dancing in the pool and at night",
-      "liveShows": "Live shows",
+      "liveShows": "Live shows and raffles",
-      "djSets": "DJs"
+      "djSets": "National and International DJs and Special Guests"
     }
   },
   "staff": {
@@ -182,7 +185,14 @@
     "viewInfo": "View info",
     "venue": "Event Venue",
     "mapTitle": "Event Location",
-    "viewOnMap": "View on map"
+    "viewOnMap": "View on map",
+    "reception": "Zouklambada Reception",
+    "receptionHours": "Open from Friday 15:00h",
+    "noFullPass": "No Full Pass → Every party costs €25 cash at entry",
+    "looseClass": "Drop-in class — Book at Reception (€25 cash)",
+    "poolParties": "Pool parties included with accommodation",
+    "showsNight": "Night Shows — 01:00h",
+    "hotelFullBoard": "Hotel Don Ángel — Full Board (dinner Friday to lunch Monday)"
   },
   "gallery": {
     "title": "Gallery"

src/locales/es.json

@@ -22,7 +22,10 @@
     "seconds": "Seg",
     "eventInProgress": "EVENTO EN CURSO",
     "dontMiss": "¡No te lo pierdas!",
-    "bookYourPass": "Reservar tu pase"
+    "eventFinished": "Evento finalizado",
+    "thankYou": "¡Gracias por participar, hasta el año que viene!",
+    "bookYourPass": "Reservar tu pase",
+    "viewSchedule": "Ver Programa"
   },
   "about": {
     "title": "Sobre el Evento",
@@ -31,10 +34,10 @@
     "orgDescription": "Somos una comunidad apasionada de bailarines dedicados a promover la cultura del Zouk y Lambada en Barcelona. Nuestro equipo está comprometido en crear una experiencia mágica para todos los participantes.",
     "lambadaInfo": "La Lambada es un baile brasileño nacido en los años 80, conocido por su sensualidad, conexión y ritmo envolvente. Mezcla influencias de forró, merengue y carimbó, creando una experiencia de baile única y apasionante.",
     "highlights": {
-      "workshops": "Workshops con artistas internacionales",
+      "workshops": "Workshops con artistas nacionales e internacionales",
-      "socialDancing": "Social dancing durante toda la noche",
+      "socialDancing": "Social dancing en la piscina y noches",
-      "liveShows": "Shows en vivo",
+      "liveShows": "Shows en vivo y sorteos",
-      "djSets": "DJs"
+      "djSets": "DJs nacionales e internacionales y Artistas invitados"
     }
   },
   "staff": {
@@ -182,7 +185,14 @@
     "viewInfo": "Ver info",
     "venue": "Lugar del Evento",
     "mapTitle": "Ubicación del evento",
-    "viewOnMap": "Ver en mapa"
+    "viewOnMap": "Ver en mapa",
+    "reception": "Recepción Zouklambada",
+    "receptionHours": "Abierta desde viernes 15:00h",
+    "noFullPass": "Sin Full Pass → Todas las fiestas 25€ en efectivo al entrar",
+    "looseClass": "Clase suelta — Reserva en Recepción (25€ efectivo)",
+    "poolParties": "Fiestas en la piscina incluidas con alojamiento",
+    "showsNight": "Shows Noche — 01:00h",
+    "hotelFullBoard": "Hotel Don Ángel — Pensión Completa (cena viernes a comida lunes)"
   },
   "gallery": {
     "title": "Galería"