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);
|
return () => window.removeEventListener("scroll", onScroll);
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
const bookingEnabled = SECTIONS.booking || SECTIONS.mixed_booking;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<AnimatePresence>
|
<AnimatePresence>
|
||||||
{visible && (
|
{visible && (
|
||||||
@@ -25,6 +27,7 @@ const FloatingButton = () => {
|
|||||||
exit={{ opacity: 0, y: 20 }}
|
exit={{ opacity: 0, y: 20 }}
|
||||||
className="fixed bottom-6 right-6 z-50 flex flex-col gap-2"
|
className="fixed bottom-6 right-6 z-50 flex flex-col gap-2"
|
||||||
>
|
>
|
||||||
|
{bookingEnabled && (
|
||||||
<Button
|
<Button
|
||||||
variant="hero"
|
variant="hero"
|
||||||
size="lg"
|
size="lg"
|
||||||
@@ -48,6 +51,7 @@ const FloatingButton = () => {
|
|||||||
{t("nav.booking")}
|
{t("nav.booking")}
|
||||||
</a>
|
</a>
|
||||||
</Button>
|
</Button>
|
||||||
|
)}
|
||||||
<button
|
<button
|
||||||
onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
|
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"
|
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 { motion } from "framer-motion";
|
||||||
import { Button } from "@/components/ui/button";
|
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { EVENT_INFO, SECTIONS } from "@/data/event-data";
|
|
||||||
import heroBg from "@/assets/hero-bg.jpg";
|
import heroBg from "@/assets/hero-bg.jpg";
|
||||||
|
|
||||||
/** Calcula diferencia entre ahora y la fecha del evento */
|
/** Calcula diferencia entre ahora y la fecha del evento */
|
||||||
@@ -19,21 +16,6 @@ export const getTimeLeft = (target: string) => {
|
|||||||
|
|
||||||
const HeroSection = () => {
|
const HeroSection = () => {
|
||||||
const { t } = useTranslation();
|
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 (
|
return (
|
||||||
<section
|
<section
|
||||||
@@ -76,48 +58,23 @@ const HeroSection = () => {
|
|||||||
{t('hero.subtitle')}
|
{t('hero.subtitle')}
|
||||||
</motion.p>
|
</motion.p>
|
||||||
|
|
||||||
{/* Countdown */}
|
{/* Event finished banner — countdown and program links disabled */}
|
||||||
<motion.div
|
<motion.div
|
||||||
initial={{ opacity: 0, scale: 0.9 }}
|
initial={{ opacity: 0, scale: 0.9 }}
|
||||||
animate={{ opacity: 1, scale: 1 }}
|
animate={{ opacity: 1, scale: 1 }}
|
||||||
transition={{ delay: 0.8 }}
|
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="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]">
|
<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>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-primary-foreground/60 text-xs mt-2 uppercase tracking-wider">
|
|
||||||
{t('hero.dontMiss')}
|
|
||||||
</p>
|
|
||||||
</div>
|
</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>
|
</motion.div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</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">
|
<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")}
|
{t("hotel.title")}
|
||||||
</h2>
|
</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>
|
</motion.div>
|
||||||
|
|
||||||
<div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto">
|
<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 { MIXED_BOOKING_PACKAGES, ROOM_TYPES, getFullPassPrice } from "@/data/event-data";
|
||||||
import type { RoomType } from "@/data/event-data";
|
import type { RoomType } from "@/data/event-data";
|
||||||
import { useTranslation } from "react-i18next";
|
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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
|
||||||
import { Label } from "@/components/ui/label";
|
import { Label } from "@/components/ui/label";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
@@ -215,7 +215,7 @@ const MixedBookingSection = () => {
|
|||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
<Button
|
{/* <Button
|
||||||
asChild
|
asChild
|
||||||
className={`w-full rounded-xl font-medium py-2.5 ${
|
className={`w-full rounded-xl font-medium py-2.5 ${
|
||||||
isFeatured
|
isFeatured
|
||||||
@@ -232,7 +232,7 @@ const MixedBookingSection = () => {
|
|||||||
{t("mixedBooking.goToReservations")}
|
{t("mixedBooking.goToReservations")}
|
||||||
<ExternalLink className="w-4 h-4" />
|
<ExternalLink className="w-4 h-4" />
|
||||||
</a>
|
</a>
|
||||||
</Button>
|
</Button> */}
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
);
|
);
|
||||||
@@ -286,6 +286,10 @@ const MixedBookingSection = () => {
|
|||||||
<span className="text-slate-600">C/Llança, 5</span>
|
<span className="text-slate-600">C/Llança, 5</span>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</div>
|
||||||
|
|
||||||
{/* Warning */}
|
{/* Warning */}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { motion } from "framer-motion";
|
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 { MapPin, Plane, Train } from "lucide-react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
|
|
||||||
@@ -109,6 +109,18 @@ const PracticalSection = () => {
|
|||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</motion.div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,8 +1,6 @@
|
|||||||
import { motion } from "framer-motion";
|
import { motion } from "framer-motion";
|
||||||
import { useState, useEffect } from "react";
|
import { SCHEDULE } from "@/data/event-data";
|
||||||
import { SCHEDULE, EVENT_INFO } from "@/data/event-data";
|
|
||||||
import { Clock, Music, Coffee, Star } from "lucide-react";
|
import { Clock, Music, Coffee, Star } from "lucide-react";
|
||||||
import { getTimeLeft } from "@/components/HeroSection";
|
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
|
|
||||||
const typeIcon: Record<string, typeof Clock> = {
|
const typeIcon: Record<string, typeof Clock> = {
|
||||||
@@ -19,59 +17,18 @@ const typeColor: Record<string, string> = {
|
|||||||
show: "border-accent bg-accent/10 text-accent",
|
show: "border-accent bg-accent/10 text-accent",
|
||||||
};
|
};
|
||||||
|
|
||||||
const ScheduleSection = () => {
|
type ScheduleEvent = {
|
||||||
const { t } = useTranslation();
|
time: string;
|
||||||
const [timeLeft, setTimeLeft] = useState(getTimeLeft(EVENT_INFO.date));
|
title: string;
|
||||||
const isEventOngoing = timeLeft.days === 0 && timeLeft.hours === 0 && timeLeft.minutes === 0 && timeLeft.seconds === 0;
|
type: string;
|
||||||
|
details?: string[];
|
||||||
const dayKeys = ["friday", "saturday", "sunday"] as const;
|
parallel?: ScheduleEvent[];
|
||||||
|
|
||||||
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 ScheduleSection = () => {
|
||||||
const timer = setInterval(() => {
|
const { t } = useTranslation();
|
||||||
setTimeLeft(getTimeLeft(EVENT_INFO.date));
|
|
||||||
}, 1000);
|
|
||||||
return () => clearInterval(timer);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
if (!isEventOngoing) {
|
const dayKeys = ["friday", "saturday", "sunday"] as const;
|
||||||
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 (
|
return (
|
||||||
<section
|
<section
|
||||||
@@ -108,20 +65,53 @@ const ScheduleSection = () => {
|
|||||||
</h3>
|
</h3>
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
{day.events.map((event, ei) => {
|
{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;
|
const Icon = typeIcon[event.type] || Clock;
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={ei}
|
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] || ""
|
typeColor[event.type] || ""
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<Icon className="w-4 h-4 mt-0.5 shrink-0" />
|
<Icon className="w-4 h-4 shrink-0" />
|
||||||
<div>
|
<p className="text-xs font-medium opacity-70 whitespace-nowrap">{event.time}</p>
|
||||||
<p className="text-xs font-medium opacity-70">{event.time}</p>
|
<div className="min-w-0">
|
||||||
<p className="text-sm font-semibold">
|
<p className="text-sm font-semibold">{event.title}</p>
|
||||||
{formatEventTitle(event as { type: string; title: string }, di)}
|
{event.details?.map((detail) => (
|
||||||
|
<p key={detail} className="text-xs opacity-75">
|
||||||
|
{detail}
|
||||||
</p>
|
</p>
|
||||||
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { useState } from "react";
|
import { useState, useRef } from "react";
|
||||||
import { motion, AnimatePresence } from "framer-motion";
|
import { motion, AnimatePresence } from "framer-motion";
|
||||||
import { STAFF } from "@/data/event-data";
|
import { STAFF } from "@/data/event-data";
|
||||||
import { Instagram, User, ChevronLeft, ChevronRight } from "lucide-react";
|
import { Instagram, User, ChevronLeft, ChevronRight } from "lucide-react";
|
||||||
@@ -23,6 +23,7 @@ const filterActiveClass: Record<string, string> = {
|
|||||||
const StaffSection = () => {
|
const StaffSection = () => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const [filter, setFilter] = useState<"all" | "teachers" | "djs" | "specials">("all");
|
const [filter, setFilter] = useState<"all" | "teachers" | "djs" | "specials">("all");
|
||||||
|
const scrollerRef = useRef<HTMLDivElement>(null);
|
||||||
|
|
||||||
const filteredStaff = STAFF.filter((member) => {
|
const filteredStaff = STAFF.filter((member) => {
|
||||||
if (filter === "all") return true;
|
if (filter === "all") return true;
|
||||||
@@ -31,16 +32,23 @@ const StaffSection = () => {
|
|||||||
if (filter === "specials") return member.role === "Specials";
|
if (filter === "specials") return member.role === "Specials";
|
||||||
return true;
|
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 onPrev = () => {
|
||||||
const scroller = document.getElementById("staff-scroller");
|
const scroller = scrollerRef.current;
|
||||||
if (!scroller) return;
|
if (!scroller) return;
|
||||||
const card = scroller.querySelector("[data-staff-card]") as HTMLElement | null;
|
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" });
|
scroller.scrollBy({ left: -delta, behavior: "smooth" });
|
||||||
};
|
};
|
||||||
const onNext = () => {
|
const onNext = () => {
|
||||||
const scroller = document.getElementById("staff-scroller");
|
const scroller = scrollerRef.current;
|
||||||
if (!scroller) return;
|
if (!scroller) return;
|
||||||
const card = scroller.querySelector("[data-staff-card]") as HTMLElement | null;
|
const card = scroller.querySelector("[data-staff-card]") as HTMLElement | null;
|
||||||
const delta = card ? card.offsetWidth + 24 : 320;
|
const delta = card ? card.offsetWidth + 24 : 320;
|
||||||
@@ -106,13 +114,18 @@ const StaffSection = () => {
|
|||||||
<button
|
<button
|
||||||
key={id}
|
key={id}
|
||||||
onClick={() => setFilter(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
|
filter === id
|
||||||
? filterActiveClass[id]
|
? filterActiveClass[id]
|
||||||
: "bg-card text-foreground border-border hover:border-primary/50"
|
: "bg-card text-foreground border-border hover:border-primary/50"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
{t(labelKey)}
|
{t(labelKey)}
|
||||||
|
<span className={`text-xs px-2 py-0.5 rounded-full ${
|
||||||
|
filter === id ? "bg-white/20" : "bg-muted"
|
||||||
|
}`}>
|
||||||
|
{staffCounts[id]}
|
||||||
|
</span>
|
||||||
</button>
|
</button>
|
||||||
))}
|
))}
|
||||||
</motion.div>
|
</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 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
|
<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]"
|
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">
|
<AnimatePresence mode="popLayout">
|
||||||
{filteredStaff.map((member, i) => (
|
{filteredStaff.map((member) => (
|
||||||
<motion.div
|
<motion.div
|
||||||
key={member.id}
|
key={member.id}
|
||||||
layout
|
layout
|
||||||
initial={{ opacity: 0, scale: 0.9 }}
|
initial={{ opacity: 0, scale: 0.95 }}
|
||||||
animate={{ opacity: 1, scale: 1 }}
|
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
|
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"
|
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 patriciac from "@/assets/staff/patriciac.jpg";
|
||||||
import wellington from "@/assets/staff/wellington.jpg";
|
import wellington from "@/assets/staff/wellington.jpg";
|
||||||
import xavilau from "@/assets/staff/xavilau.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 gal1 from "@/assets/gallery/gal1.jpg";
|
||||||
import gal2 from "@/assets/gallery/gal2.jpg";
|
import gal2 from "@/assets/gallery/gal2.jpg";
|
||||||
@@ -145,9 +154,9 @@ export const STAFF = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "8",
|
id: "8",
|
||||||
name: "DJ Klebynho",
|
name: "DJ Rafael",
|
||||||
role: "DJ" as const,
|
role: "DJ" as const,
|
||||||
image: djklebynho,
|
image: rafael,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "9",
|
id: "9",
|
||||||
@@ -157,9 +166,9 @@ export const STAFF = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "10",
|
id: "10",
|
||||||
name: "DJ Cathie",
|
name: "Jade Rodrigues",
|
||||||
role: "DJ" as const,
|
role: "Teacher" as const,
|
||||||
image: djcathie,
|
image: jade,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "11",
|
id: "11",
|
||||||
@@ -223,7 +232,7 @@ export const STAFF = [
|
|||||||
{
|
{
|
||||||
id: "21",
|
id: "21",
|
||||||
name: "Rodrigo Delano",
|
name: "Rodrigo Delano",
|
||||||
role: "Specials" as const,
|
role: "Teacher" as const,
|
||||||
image: rdelano,
|
image: rdelano,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -247,38 +256,124 @@ export const STAFF = [
|
|||||||
{
|
{
|
||||||
id: "25",
|
id: "25",
|
||||||
name: "Xavi & Laura",
|
name: "Xavi & Laura",
|
||||||
role: "Teachers" as const,
|
role: "Teacher" as const,
|
||||||
image: xavilau,
|
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 ----
|
// ---- PROGRAMA DEL EVENTO ----
|
||||||
export const SCHEDULE = [
|
export const SCHEDULE = [
|
||||||
{
|
{
|
||||||
day: "Viernes 20 Junio",
|
day: "Viernes 4 de Septiembre",
|
||||||
events: [
|
events: [
|
||||||
{ time: "18:00 – 19:30", title: "[Workshop 1]", type: "workshop" as const },
|
{ time: "16:00 – 17:00", title: "Check-in / Registro", type: "checkin" as const },
|
||||||
{ time: "19:30 – 20:00", title: "Pausa", type: "break" as const },
|
{ time: "17:00 – 18:00", title: "Followers & Style by Jade & Milu", type: "workshop" as const },
|
||||||
{ time: "20:00 – 21:30", title: "[Workshop 2]", 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: "22:00 – 03:00", title: "Social Dance + DJ Set", type: "social" 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: [
|
events: [
|
||||||
{ time: "12:00 – 13:30", title: "[Workshop 3]", type: "workshop" as const },
|
{ time: "08:00 – 10:00", title: "Desayuno / Breakfast", type: "break" as const },
|
||||||
{ time: "14:00 – 15:30", title: "[Workshop 4]", type: "workshop" as const },
|
{ time: "11:00 – 12:00", title: "", type: "workshop" as const, parallel: [
|
||||||
{ time: "16:00 – 17:30", title: "[Workshop 5]", type: "workshop" as const },
|
{ time: "11:00 – 12:00", title: "Matheus & Lydia", type: "workshop" as const },
|
||||||
{ time: "21:00 – 22:00", title: "Shows en Vivo", type: "show" as const },
|
{ time: "11:00 – 12:00", title: "Leticia & Alex", type: "workshop" as const },
|
||||||
{ time: "22:00 – 04:00", title: "Social Dance + DJ Sets", type: "social" 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: [
|
events: [
|
||||||
{ time: "12:00 – 13:30", title: "[Workshop 6]", type: "workshop" as const },
|
{ time: "08:00 – 10:00", title: "Desayuno / Breakfast", type: "break" as const },
|
||||||
{ time: "14:00 – 15:30", title: "[Workshop 7]", type: "workshop" 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: "17:00 – 22:00", title: "Farewell Party", type: "social" 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 ----
|
// ---- GALERÍA ----
|
||||||
/**
|
/**
|
||||||
* Añade URLs o importaciones de imágenes.
|
* Añade URLs o importaciones de imágenes.
|
||||||
@@ -393,9 +506,9 @@ export const SECTIONS = {
|
|||||||
org: true,
|
org: true,
|
||||||
staff: true,
|
staff: true,
|
||||||
profesores: true,
|
profesores: true,
|
||||||
schedule: true,
|
schedule: false,
|
||||||
booking: false,
|
booking: false,
|
||||||
mixed_booking: true,
|
mixed_booking: false,
|
||||||
hotel: false,
|
hotel: false,
|
||||||
practical: true,
|
practical: true,
|
||||||
gallery: true,
|
gallery: true,
|
||||||
|
|||||||
@@ -22,7 +22,10 @@
|
|||||||
"seconds": "Sec",
|
"seconds": "Sec",
|
||||||
"eventInProgress": "EVENT IN PROGRESS",
|
"eventInProgress": "EVENT IN PROGRESS",
|
||||||
"dontMiss": "Don't miss it!",
|
"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": {
|
"about": {
|
||||||
"title": "About the Event",
|
"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.",
|
"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.",
|
"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": {
|
"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": {
|
"staff": {
|
||||||
@@ -154,14 +157,15 @@
|
|||||||
"whiteparty": "White Party"
|
"whiteparty": "White Party"
|
||||||
},
|
},
|
||||||
"fullDescription": "Full access to all workshops, socials, and festival activities",
|
"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.",
|
"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.",
|
"whitepartyDescription": "Closing party in Sala Vivaldi, come to end the beach festival with style.",
|
||||||
"whitepartyFeatures": "Dress code: White|Best music",
|
"whitepartyFeatures": "Dress code: White|Best music",
|
||||||
"whitepartyNotIncluded": "Not included in Full Pass - Paid separately",
|
"whitepartyNotIncluded": "Not included in Full Pass - Paid separately",
|
||||||
"whitepartyTime": "21h to 1h",
|
"whitepartyTime": "21h to 1h",
|
||||||
"whitepartyDate": "Monday 7 September",
|
"whitepartyDate": "Monday 7 September",
|
||||||
|
"whitepartyPrice": "Price: 15€ per person",
|
||||||
"goToReservations": "Go to reservations",
|
"goToReservations": "Go to reservations",
|
||||||
"viewOnMap": "View on Google Maps"
|
"viewOnMap": "View on Google Maps"
|
||||||
},
|
},
|
||||||
@@ -181,7 +185,14 @@
|
|||||||
"viewInfo": "View info",
|
"viewInfo": "View info",
|
||||||
"venue": "Event Venue",
|
"venue": "Event Venue",
|
||||||
"mapTitle": "Event Location",
|
"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": {
|
"gallery": {
|
||||||
"title": "Gallery"
|
"title": "Gallery"
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
"hero": {
|
"hero": {
|
||||||
"title": "Zouk Lambada Barcelona",
|
"title": "Zouk Lambada Barcelona",
|
||||||
"subtitle": "Beach Festival",
|
"subtitle": "Beach Festival",
|
||||||
"dates": "04 - 07 Setiembre 2026",
|
"dates": "04 - 07 Septiembre 2026",
|
||||||
"location": "Barcelona, España",
|
"location": "Barcelona, España",
|
||||||
"registerButton": "Registrarse Ahora",
|
"registerButton": "Registrarse Ahora",
|
||||||
"whatsappButton": "Unirse al Grupo de WhatsApp",
|
"whatsappButton": "Unirse al Grupo de WhatsApp",
|
||||||
@@ -22,7 +22,10 @@
|
|||||||
"seconds": "Seg",
|
"seconds": "Seg",
|
||||||
"eventInProgress": "EVENTO EN CURSO",
|
"eventInProgress": "EVENTO EN CURSO",
|
||||||
"dontMiss": "¡No te lo pierdas!",
|
"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": {
|
"about": {
|
||||||
"title": "Sobre el Evento",
|
"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.",
|
"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.",
|
"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": {
|
"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": {
|
"staff": {
|
||||||
@@ -59,9 +62,9 @@
|
|||||||
"schedule": {
|
"schedule": {
|
||||||
"title": "Programa",
|
"title": "Programa",
|
||||||
"subtitle": "Tres días de workshops, shows y social dance.",
|
"subtitle": "Tres días de workshops, shows y social dance.",
|
||||||
"friday": "Viernes 04 Setiembre",
|
"friday": "Viernes 04 Septiembre",
|
||||||
"saturday": "Sábado 05 Setiembre",
|
"saturday": "Sábado 05 Septiembre",
|
||||||
"sunday": "Domingo 06 Setiembre",
|
"sunday": "Domingo 06 Septiembre",
|
||||||
"workshop": "Workshop",
|
"workshop": "Workshop",
|
||||||
"break": "Pausa",
|
"break": "Pausa",
|
||||||
"social": "Social Dance",
|
"social": "Social Dance",
|
||||||
@@ -154,14 +157,15 @@
|
|||||||
"whiteparty": "White Party"
|
"whiteparty": "White Party"
|
||||||
},
|
},
|
||||||
"fullDescription": "Acceso completo a todos los workshops, sociales y actividades del festival",
|
"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.",
|
"partyDescription": "Precio individual por cada fiesta, incluso las pool parties.",
|
||||||
"partyFeatures": "Fiesta del viernes|Fiesta del sábado|Fiesta despedida del domingo|DJ sets",
|
"partyFeatures": "Fiesta del viernes|Fiesta del sábado|Fiesta del domingo|Los mejores DJs",
|
||||||
"whitepartyDescription": "Fiesta de clausura en la Sala Vivaldi, ven a terminar el beach festival con estilo.",
|
"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",
|
"whitepartyFeatures": "Código de vestimenta: Blanco|La mejor música",
|
||||||
"whitepartyNotIncluded": "No incluido en Full Pass - Se paga a parte",
|
"whitepartyNotIncluded": "No incluido en Full Pass - Se paga a parte",
|
||||||
"whitepartyTime": "21h a 1h",
|
"whitepartyTime": "21h a 1h",
|
||||||
"whitepartyDate": "Lunes 7 de Septiembre",
|
"whitepartyDate": "Lunes 7 de Septiembre",
|
||||||
|
"whitepartyPrice": "Precio: 15€ por persona",
|
||||||
"goToReservations": "Ir a reservas",
|
"goToReservations": "Ir a reservas",
|
||||||
"viewOnMap": "Ver en Google Maps"
|
"viewOnMap": "Ver en Google Maps"
|
||||||
},
|
},
|
||||||
@@ -181,7 +185,14 @@
|
|||||||
"viewInfo": "Ver info",
|
"viewInfo": "Ver info",
|
||||||
"venue": "Lugar del Evento",
|
"venue": "Lugar del Evento",
|
||||||
"mapTitle": "Ubicación 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": {
|
"gallery": {
|
||||||
"title": "Galería"
|
"title": "Galería"
|
||||||
|
|||||||