Compare commits
16 Commits
ad0e87c64a
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 1d63506722 | |||
| cb0e01634e | |||
| 8578942e54 | |||
| 102cbbbc5c | |||
| 8e63b859a3 | |||
| a5538f0b9f | |||
| 1253f91599 | |||
| ab746a5c2f | |||
| 31b8e00e51 | |||
| c851f2d351 | |||
| cb3542c9a8 | |||
| 58bbc0401d | |||
| c799cdda00 | |||
| 6f2027610f | |||
| bf66a222f6 | |||
| 2b084eefcf |
|
After Width: | Height: | Size: 304 KiB |
|
After Width: | Height: | Size: 258 KiB |
|
After Width: | Height: | Size: 190 KiB |
|
After Width: | Height: | Size: 287 KiB |
|
After Width: | Height: | Size: 352 KiB |
|
After Width: | Height: | Size: 294 KiB |
|
After Width: | Height: | Size: 262 KiB |
|
After Width: | Height: | Size: 297 KiB |
|
After Width: | Height: | Size: 335 KiB |
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -3,7 +3,7 @@ import { motion } from "framer-motion";
|
||||
import { MIXED_BOOKING_PACKAGES, ROOM_TYPES, getFullPassPrice } from "@/data/event-data";
|
||||
import type { RoomType } from "@/data/event-data";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { Check, Star, Circle, CheckCircle2, ExternalLink, MapPin, Calendar, Clock, Navigation } from "lucide-react";
|
||||
import { Check, Star, Circle, CheckCircle2, ExternalLink, MapPin, Calendar, Clock, Navigation, EuroIcon } from "lucide-react";
|
||||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
|
||||
import { Label } from "@/components/ui/label";
|
||||
import { Button } from "@/components/ui/button";
|
||||
@@ -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>
|
||||
);
|
||||
@@ -286,6 +286,10 @@ const MixedBookingSection = () => {
|
||||
<span className="text-slate-600">C/Llança, 5</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-3 text-slate-800">
|
||||
<EuroIcon className="w-5 h-5 flex-shrink-0" />
|
||||
<span className="text-sm font-medium">{t("mixedBooking.whitepartyPrice")}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Warning */}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -1,8 +1,6 @@
|
||||
import { motion } from "framer-motion";
|
||||
import { useState, useEffect } from "react";
|
||||
import { SCHEDULE, EVENT_INFO } from "@/data/event-data";
|
||||
import { SCHEDULE } from "@/data/event-data";
|
||||
import { Clock, Music, Coffee, Star } from "lucide-react";
|
||||
import { getTimeLeft } from "@/components/HeroSection";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
const typeIcon: Record<string, typeof Clock> = {
|
||||
@@ -19,60 +17,19 @@ const typeColor: Record<string, string> = {
|
||||
show: "border-accent bg-accent/10 text-accent",
|
||||
};
|
||||
|
||||
type ScheduleEvent = {
|
||||
time: string;
|
||||
title: string;
|
||||
type: string;
|
||||
details?: string[];
|
||||
parallel?: ScheduleEvent[];
|
||||
};
|
||||
|
||||
const ScheduleSection = () => {
|
||||
const { t } = useTranslation();
|
||||
const [timeLeft, setTimeLeft] = useState(getTimeLeft(EVENT_INFO.date));
|
||||
const isEventOngoing = timeLeft.days === 0 && timeLeft.hours === 0 && timeLeft.minutes === 0 && timeLeft.seconds === 0;
|
||||
|
||||
const dayKeys = ["friday", "saturday", "sunday"] as const;
|
||||
|
||||
const formatEventTitle = (event: { type: string; title: string }, dayIndex: number) => {
|
||||
switch (event.type) {
|
||||
case "workshop": {
|
||||
const match = event.title.match(/Workshop\\s*(\\d+)/i);
|
||||
return match?.[1] ? `${t("schedule.workshop")} ${match[1]}` : t("schedule.workshop");
|
||||
}
|
||||
case "break":
|
||||
return t("schedule.break");
|
||||
case "show":
|
||||
return t("schedule.show");
|
||||
case "social":
|
||||
return dayIndex === 2 ? t("schedule.farewell") : t("schedule.social");
|
||||
default:
|
||||
return event.title;
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
const timer = setInterval(() => {
|
||||
setTimeLeft(getTimeLeft(EVENT_INFO.date));
|
||||
}, 1000);
|
||||
return () => clearInterval(timer);
|
||||
}, []);
|
||||
|
||||
if (!isEventOngoing) {
|
||||
return (
|
||||
<section
|
||||
id="schedule"
|
||||
className="section-padding bg-card relative z-20 -mt-[40px] pt-[100px]"
|
||||
style={{ borderRadius: "100% 0 0 0 / 120px 0 0 0" }}
|
||||
>
|
||||
<motion.div
|
||||
initial={{ opacity: 0, scale: 0.9 }}
|
||||
animate={{ opacity: 1, scale: 1 }}
|
||||
className="max-w-lg mx-auto text-center bg-card rounded-2xl p-10 shadow-elevated"
|
||||
>
|
||||
<h3 className="font-display text-2xl md:text-3xl lg:text-4xl pt-3 pb-5 leading-[1.6] font-bold text-foreground mb-2">
|
||||
{t("schedule.statusBriefTitle")}
|
||||
</h3>
|
||||
<p className="text-muted-foreground">
|
||||
{t("schedule.statusBriefDescription")}
|
||||
</p>
|
||||
</motion.div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<section
|
||||
id="schedule"
|
||||
@@ -108,20 +65,53 @@ const ScheduleSection = () => {
|
||||
</h3>
|
||||
<div className="space-y-3">
|
||||
{day.events.map((event, ei) => {
|
||||
if (event.parallel) {
|
||||
return (
|
||||
<div key={ei} className="flex items-center gap-3 p-3 rounded-lg border-l-4 border-primary bg-primary/5">
|
||||
<p className="text-xs font-medium opacity-70 whitespace-nowrap">{event.time}</p>
|
||||
<div className="flex items-center gap-2 flex-1">
|
||||
{event.parallel.map((pEvent, pi) => {
|
||||
const PIcon = typeIcon[pEvent.type] || Clock;
|
||||
return (
|
||||
<div
|
||||
key={pi}
|
||||
className={`flex items-center gap-3 p-3 rounded-lg border-l-4 flex-1 ${
|
||||
typeColor[pEvent.type] || ""
|
||||
}`}
|
||||
>
|
||||
<PIcon className="w-4 h-4 shrink-0" />
|
||||
<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>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
const Icon = typeIcon[event.type] || Clock;
|
||||
return (
|
||||
<div
|
||||
key={ei}
|
||||
className={`flex items-start gap-3 p-3 rounded-lg border-l-4 ${
|
||||
className={`flex items-center gap-3 p-3 rounded-lg border-l-4 ${
|
||||
typeColor[event.type] || ""
|
||||
}`}
|
||||
>
|
||||
<Icon className="w-4 h-4 mt-0.5 shrink-0" />
|
||||
<div>
|
||||
<p className="text-xs font-medium opacity-70">{event.time}</p>
|
||||
<p className="text-sm font-semibold">
|
||||
{formatEventTitle(event as { type: string; title: string }, di)}
|
||||
</p>
|
||||
<Icon className="w-4 h-4 shrink-0" />
|
||||
<p className="text-xs font-medium opacity-70 whitespace-nowrap">{event.time}</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>
|
||||
);
|
||||
|
||||
@@ -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 }}
|
||||
transition={{ duration: 0.3, delay: i * 0.05 }}
|
||||
exit={{ opacity: 0, scale: 0.95 }}
|
||||
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"
|
||||
>
|
||||
|
||||
@@ -36,6 +36,15 @@ import zuluvane from "@/assets/staff/zuluvanesa.jpg";
|
||||
import patriciac from "@/assets/staff/patriciac.jpg";
|
||||
import wellington from "@/assets/staff/wellington.jpg";
|
||||
import xavilau from "@/assets/staff/xavilau.jpg";
|
||||
import pamela from "@/assets/staff/pamela.jpg";
|
||||
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";
|
||||
@@ -145,9 +154,9 @@ export const STAFF = [
|
||||
},
|
||||
{
|
||||
id: "8",
|
||||
name: "DJ Klebynho",
|
||||
name: "DJ Rafael",
|
||||
role: "DJ" as const,
|
||||
image: djklebynho,
|
||||
image: rafael,
|
||||
},
|
||||
{
|
||||
id: "9",
|
||||
@@ -157,9 +166,9 @@ export const STAFF = [
|
||||
},
|
||||
{
|
||||
id: "10",
|
||||
name: "DJ Cathie",
|
||||
role: "DJ" as const,
|
||||
image: djcathie,
|
||||
name: "Jade Rodrigues",
|
||||
role: "Teacher" as const,
|
||||
image: jade,
|
||||
},
|
||||
{
|
||||
id: "11",
|
||||
@@ -223,7 +232,7 @@ export const STAFF = [
|
||||
{
|
||||
id: "21",
|
||||
name: "Rodrigo Delano",
|
||||
role: "Specials" as const,
|
||||
role: "Teacher" as const,
|
||||
image: rdelano,
|
||||
},
|
||||
{
|
||||
@@ -247,38 +256,124 @@ export const STAFF = [
|
||||
{
|
||||
id: "25",
|
||||
name: "Xavi & Laura",
|
||||
role: "Teachers" as const,
|
||||
role: "Teacher" as const,
|
||||
image: xavilau,
|
||||
},
|
||||
{
|
||||
id: "26",
|
||||
name: "Pamela",
|
||||
role: "Specials" as const,
|
||||
image: pamela,
|
||||
},
|
||||
{
|
||||
id: "27",
|
||||
name: "Papagaio",
|
||||
role: "Specials" as const,
|
||||
image: papagaio,
|
||||
},
|
||||
{
|
||||
id: "28",
|
||||
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,
|
||||
}
|
||||
];
|
||||
|
||||
// ---- PROGRAMA DEL EVENTO ----
|
||||
export const SCHEDULE = [
|
||||
{
|
||||
day: "Viernes 20 Junio",
|
||||
day: "Viernes 4 de Septiembre",
|
||||
events: [
|
||||
{ time: "18:00 – 19:30", title: "[Workshop 1]", type: "workshop" as const },
|
||||
{ time: "19:30 – 20:00", title: "Pausa", type: "break" as const },
|
||||
{ time: "20:00 – 21:30", title: "[Workshop 2]", type: "workshop" as const },
|
||||
{ time: "22:00 – 03:00", title: "Social Dance + DJ Set", type: "social" as const },
|
||||
{ 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 / 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 – 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"],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
day: "Sábado 21 Junio",
|
||||
day: "Sábado 5 de Septiembre",
|
||||
events: [
|
||||
{ time: "12:00 – 13:30", title: "[Workshop 3]", type: "workshop" as const },
|
||||
{ time: "14:00 – 15:30", title: "[Workshop 4]", type: "workshop" as const },
|
||||
{ time: "16:00 – 17:30", title: "[Workshop 5]", type: "workshop" as const },
|
||||
{ time: "21:00 – 22:00", title: "Shows en Vivo", type: "show" as const },
|
||||
{ time: "22:00 – 04:00", title: "Social Dance + DJ Sets", type: "social" as const },
|
||||
{ time: "08:00 – 10:00", title: "Desayuno / Breakfast", type: "break" as const },
|
||||
{ time: "11:00 – 12:00", title: "", type: "workshop" as const, parallel: [
|
||||
{ time: "11:00 – 12:00", title: "Matheus & Lydia", type: "workshop" as const },
|
||||
{ time: "11:00 – 12:00", title: "Leticia & Alex", type: "workshop" as const },
|
||||
]},
|
||||
{ time: "12:00 – 13:00", title: "[Workshop 4]", type: "workshop" as const, parallel: [
|
||||
{ time: "12:00 – 13:00", title: "Emanoel & Safira", type: "workshop" as const },
|
||||
{ time: "12:00 – 13:00", title: "Ariel & Yasmin", type: "workshop" as const },
|
||||
]
|
||||
},
|
||||
{ time: "13:00 – 15:00", title: "Comida / Lunch", type: "break" as const },
|
||||
{ time: "15:00 – 16:00", title: "[Workshop 5]", type: "workshop" as const, parallel: [
|
||||
{ time: "15:00 – 16:00", title: "Xavi & Laura", type: "workshop" as const },
|
||||
{ time: "15:00 – 16:00", title: "Omer & Adva", type: "workshop" as const },
|
||||
]
|
||||
},
|
||||
{ time: "16:00 – 17:00", title: "[Workshop 6]", type: "workshop" as const, parallel: [
|
||||
{ time: "16:00 – 17:00", title: "Leo & Hila", type: "workshop" as const },
|
||||
{ time: "16:00 – 17:00", title: "Pablo & Lena", type: "workshop" as const },
|
||||
]
|
||||
},
|
||||
{ time: "17:00 – 18:00", title: "[Workshop 7]", type: "workshop" as const, parallel: [
|
||||
{ time: "17:00 – 18:00", title: "Braz & Romina", type: "workshop" as const },
|
||||
{ time: "17:00 – 18:00", title: "Didi & Patricia", type: "workshop" as const },
|
||||
]
|
||||
},
|
||||
{ time: "19:30 – 21:30", title: "Cena / Dinner", type: "break" as const },
|
||||
{
|
||||
time: "23:00 – 05:00",
|
||||
title: "Social Dance + DJs",
|
||||
type: "social" as const,
|
||||
details: ["Showtime 1h & social dance"],
|
||||
},
|
||||
|
||||
],
|
||||
},
|
||||
{
|
||||
day: "Domingo 22 Junio",
|
||||
day: "Domingo 6 de Septiembre",
|
||||
events: [
|
||||
{ time: "12:00 – 13:30", title: "[Workshop 6]", type: "workshop" as const },
|
||||
{ time: "14:00 – 15:30", title: "[Workshop 7]", type: "workshop" as const },
|
||||
{ time: "17:00 – 22:00", title: "Farewell Party", type: "social" as const },
|
||||
{ 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 – 05:00",
|
||||
title: "Social Dance + DJs",
|
||||
type: "social" as const,
|
||||
details: ["Competition, 2 Full Pass for CARNALAMBA FESTIVAL by Hila Singer & social dance"],
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -334,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.
|
||||
@@ -393,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,
|
||||
|
||||
@@ -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"
|
||||
},
|
||||
@@ -154,14 +157,15 @@
|
||||
"whiteparty": "White Party"
|
||||
},
|
||||
"fullDescription": "Full access to all workshops, socials, and festival activities",
|
||||
"fullFeatures": "All workshops|All social dances|Live shows|DJ sets",
|
||||
"fullFeatures": "All workshops|All social dances|Live shows|Best DJs",
|
||||
"partyDescription": "Price for each party individually, even pool parties.",
|
||||
"partyFeatures": "Friday party|Saturday party|Sunday farewell party|DJ sets",
|
||||
"partyFeatures": "Friday party|Saturday party|Sunday party|Best DJs",
|
||||
"whitepartyDescription": "Closing party in Sala Vivaldi, come to end the beach festival with style.",
|
||||
"whitepartyFeatures": "Dress code: White|Best music",
|
||||
"whitepartyNotIncluded": "Not included in Full Pass - Paid separately",
|
||||
"whitepartyTime": "21h to 1h",
|
||||
"whitepartyDate": "Monday 7 September",
|
||||
"whitepartyPrice": "Price: 15€ per person",
|
||||
"goToReservations": "Go to reservations",
|
||||
"viewOnMap": "View on Google Maps"
|
||||
},
|
||||
@@ -181,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"
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
"hero": {
|
||||
"title": "Zouk Lambada Barcelona",
|
||||
"subtitle": "Beach Festival",
|
||||
"dates": "04 - 07 Setiembre 2026",
|
||||
"dates": "04 - 07 Septiembre 2026",
|
||||
"location": "Barcelona, España",
|
||||
"registerButton": "Registrarse Ahora",
|
||||
"whatsappButton": "Unirse al Grupo de WhatsApp",
|
||||
@@ -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": {
|
||||
@@ -59,9 +62,9 @@
|
||||
"schedule": {
|
||||
"title": "Programa",
|
||||
"subtitle": "Tres días de workshops, shows y social dance.",
|
||||
"friday": "Viernes 04 Setiembre",
|
||||
"saturday": "Sábado 05 Setiembre",
|
||||
"sunday": "Domingo 06 Setiembre",
|
||||
"friday": "Viernes 04 Septiembre",
|
||||
"saturday": "Sábado 05 Septiembre",
|
||||
"sunday": "Domingo 06 Septiembre",
|
||||
"workshop": "Workshop",
|
||||
"break": "Pausa",
|
||||
"social": "Social Dance",
|
||||
@@ -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"
|
||||
},
|
||||
@@ -154,14 +157,15 @@
|
||||
"whiteparty": "White Party"
|
||||
},
|
||||
"fullDescription": "Acceso completo a todos los workshops, sociales y actividades del festival",
|
||||
"fullFeatures": "Todos los workshops|Todas las social dances|Shows en vivo|DJ sets",
|
||||
"fullFeatures": "Todos los workshops|Todas las social dances|Shows en vivo|Los mejores DJs",
|
||||
"partyDescription": "Precio individual por cada fiesta, incluso las pool parties.",
|
||||
"partyFeatures": "Fiesta del viernes|Fiesta del sábado|Fiesta despedida del domingo|DJ sets",
|
||||
"whitepartyDescription": "Fiesta de clausura en la Sala Vivaldi, ven a terminar el beach festival con estilo.",
|
||||
"partyFeatures": "Fiesta del viernes|Fiesta del sábado|Fiesta del domingo|Los mejores DJs",
|
||||
"whitepartyDescription": "Fiesta de blanco en la Sala Vivaldi, ven a bailar después del beach festival.",
|
||||
"whitepartyFeatures": "Código de vestimenta: Blanco|La mejor música",
|
||||
"whitepartyNotIncluded": "No incluido en Full Pass - Se paga a parte",
|
||||
"whitepartyTime": "21h a 1h",
|
||||
"whitepartyDate": "Lunes 7 de Septiembre",
|
||||
"whitepartyPrice": "Precio: 15€ por persona",
|
||||
"goToReservations": "Ir a reservas",
|
||||
"viewOnMap": "Ver en Google Maps"
|
||||
},
|
||||
@@ -181,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"
|
||||
|
||||