Compare commits

..

8 Commits

Author SHA1 Message Date
Antoni Nuñez Romeu 1d63506722 Event finished
CI/CD Deploy / test (push) Successful in 1m7s
CI/CD Deploy / build-push (push) Successful in 1m36s
CI/CD Deploy / deploy (push) Successful in 24s
2026-09-09 08:00:49 +02:00
Antoni Nuñez Romeu cb0e01634e move schedule
CI/CD Deploy / test (push) Successful in 1m11s
CI/CD Deploy / build-push (push) Successful in 1m39s
CI/CD Deploy / deploy (push) Successful in 19s
2026-09-04 15:06:12 +02:00
Antoni Nuñez Romeu 8578942e54 newer guests
CI/CD Deploy / test (push) Successful in 1m9s
CI/CD Deploy / build-push (push) Successful in 1m37s
CI/CD Deploy / deploy (push) Successful in 17s
2026-09-03 14:55:17 +02:00
Antoni Nuñez Romeu 102cbbbc5c New guests
CI/CD Deploy / test (push) Successful in 1m12s
CI/CD Deploy / build-push (push) Successful in 1m51s
CI/CD Deploy / deploy (push) Successful in 23s
2026-09-03 09:21:41 +02:00
Antoni Nuñez Romeu 8e63b859a3 Important info
CI/CD Deploy / test (push) Successful in 2m54s
CI/CD Deploy / build-push (push) Successful in 1m53s
CI/CD Deploy / deploy (push) Successful in 33s
2026-09-02 23:38:03 +02:00
Antoni Nuñez Romeu a5538f0b9f Calendar changes & new guest
CI/CD Deploy / test (push) Successful in 1m5s
CI/CD Deploy / build-push (push) Successful in 1m33s
CI/CD Deploy / deploy (push) Successful in 32s
2026-08-28 09:56:21 +02:00
Antoni Nuñez Romeu 1253f91599 horarios
CI/CD Deploy / test (push) Successful in 59s
CI/CD Deploy / build-push (push) Successful in 1m35s
CI/CD Deploy / deploy (push) Successful in 17s
2026-08-26 16:58:52 +02:00
Antoni Nuñez Romeu ab746a5c2f More information fixes
CI/CD Deploy / test (push) Successful in 57s
CI/CD Deploy / build-push (push) Successful in 1m32s
CI/CD Deploy / deploy (push) Successful in 18s
2026-08-26 15:28:29 +02:00
13 changed files with 163 additions and 97 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 258 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 335 KiB

+4
View File
@@ -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"
+11 -54
View File
@@ -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">
{t('hero.eventInProgress')}
</span>
</div>
<p className="text-primary-foreground/60 text-xs mt-2 uppercase tracking-wider">
{t('hero.dontMiss')}
</p>
<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="block text-2xl md:text-4xl font-hero font-bold text-primary-foreground">
{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>
) : (
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>
</div>
</motion.div>
</div>
</section>
+4 -1
View File
@@ -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">
+2 -2
View File
@@ -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>
);
+13 -1
View File
@@ -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>
+17 -10
View File
@@ -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">
{pEvent.title}
</p>
<div className="min-w-0">
<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">
{formatEventTitle(event as { type: string; title: string }, di)}
</p>
<div className="min-w-0">
<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>
);
})}
+70 -7
View File
@@ -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";
@@ -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: "19:00 – 20:00", title: "Welcome Party - Pool", type: "social" 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:30 – 21:30", title: "Cena / Dinner", type: "break" as const },
{ time: "23:00 – 02:00", title: "Social Dance + DJs", 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 + DJs", 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 + DJs", 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,
+21 -11
View File
@@ -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",
"socialDancing": "Social dancing all night long",
"liveShows": "Live shows",
"djSets": "DJs"
"workshops": "Workshops with national and international artists",
"socialDancing": "Social dancing in the pool and at night",
"liveShows": "Live shows and raffles",
"djSets": "National and International DJs and Special Guests"
}
},
"staff": {
@@ -92,8 +95,8 @@
"passType": "Pass Type",
"amount": "Amount",
"country": "Country",
"countryPlaceholder": "Search country...",
"countryNoResults": "No countries found"
"countryPlaceholder": "Search country...",
"countryNoResults": "No countries found"
},
"validation": {
"nameMin": "Name must be at least 2 characters",
@@ -111,8 +114,8 @@
"eventInProgressDescription": "Disabled reservations.",
"error": "Error sending reservation. Please try again."
},
"priceSummaryLabel": "Total Price",
"priceSummaryNote": "No online payment • Pay at the event",
"priceSummaryLabel": "Total Price",
"priceSummaryNote": "No online payment • Pay at the event",
"buyButton": "Send Reservation",
"reservationId": "Reservation ID"
},
@@ -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"
@@ -201,4 +211,4 @@
"es": "ES",
"en": "EN"
}
}
}
+21 -11
View File
@@ -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",
"socialDancing": "Social dancing durante toda la noche",
"liveShows": "Shows en vivo",
"djSets": "DJs"
"workshops": "Workshops con artistas nacionales e internacionales",
"socialDancing": "Social dancing en la piscina y noches",
"liveShows": "Shows en vivo y sorteos",
"djSets": "DJs nacionales e internacionales y Artistas invitados"
}
},
"staff": {
@@ -92,8 +95,8 @@
"passType": "Tipo de Pase",
"amount": "Cantidad",
"country": "País",
"countryPlaceholder": "Buscar país...",
"countryNoResults": "No se encontraron países"
"countryPlaceholder": "Buscar país...",
"countryNoResults": "No se encontraron países"
},
"validation": {
"nameMin": "El nombre debe tener al menos 2 caracteres",
@@ -111,8 +114,8 @@
"eventInProgressDescription": "La reserva de pases ha finalizado.",
"error": "Error al enviar la reserva. Inténtalo de nuevo."
},
"priceSummaryLabel": "Precio Total",
"priceSummaryNote": "Sin pago online • Paga en el evento",
"priceSummaryLabel": "Precio Total",
"priceSummaryNote": "Sin pago online • Paga en el evento",
"buyButton": "Enviar Reserva",
"reservationId": "ID de Reserva"
},
@@ -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"
@@ -201,4 +211,4 @@
"es": "ES",
"en": "EN"
}
}
}