Visual changes and missing info
All checks were successful
Deploy NPM app / Deploy NPM (push) Successful in 1m32s

This commit is contained in:
Ichitux
2026-05-27 20:13:49 +02:00
parent 1ab39c31eb
commit 3671103b51
5 changed files with 48 additions and 37 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 KiB

View File

@@ -6,18 +6,18 @@ import { useTranslation } from "react-i18next";
/** Colores de badge por rol */ /** Colores de badge por rol */
const roleBadgeClass: Record<string, string> = { const roleBadgeClass: Record<string, string> = {
Instructor: "bg-primary text-primary-foreground", Teacher: "bg-primary text-primary-foreground",
DJ: "bg-secondary text-secondary-foreground", DJ: "bg-secondary text-secondary-foreground",
Organizador: "bg-accent text-accent-foreground", Organizador: "bg-accent text-accent-foreground",
}; };
const StaffSection = () => { const StaffSection = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const [filter, setFilter] = useState<"all" | "instructors" | "djs">("all"); const [filter, setFilter] = useState<"all" | "teachers" | "djs">("all");
const filteredStaff = STAFF.filter((member) => { const filteredStaff = STAFF.filter((member) => {
if (filter === "all") return true; if (filter === "all") return true;
if (filter === "instructors") return member.role === "Instructor"; if (filter === "teachers") return member.role === "Teacher";
if (filter === "djs") return member.role === "DJ"; if (filter === "djs") return member.role === "DJ";
return true; return true;
}); });
@@ -88,7 +88,7 @@ const StaffSection = () => {
{( {(
[ [
{ id: "all", labelKey: "staff.filters.all" }, { id: "all", labelKey: "staff.filters.all" },
{ id: "instructors", labelKey: "staff.filters.instructors" }, { id: "teachers", labelKey: "staff.filters.teachers" },
{ id: "djs", labelKey: "staff.filters.djs" }, { id: "djs", labelKey: "staff.filters.djs" },
] as const ] as const
).map(({ id, labelKey }) => ( ).map(({ id, labelKey }) => (
@@ -150,8 +150,8 @@ const StaffSection = () => {
> >
{(() => { {(() => {
const roleLabelKey = const roleLabelKey =
member.role === "Instructor" member.role === "Teacher"
? "instructor" ? "teacher"
: member.role === "DJ" : member.role === "DJ"
? "dj" ? "dj"
: member.role === "Organizador" : member.role === "Organizador"

View File

@@ -24,6 +24,7 @@ import djcathie from "@/assets/staff/djcathie.jpg";
import milu from "@/assets/staff/milu.jpg"; import milu from "@/assets/staff/milu.jpg";
import safira from "@/assets/staff/safira.jpg"; import safira from "@/assets/staff/safira.jpg";
import brazromi from "@/assets/staff/braz_romi.jpg"; import brazromi from "@/assets/staff/braz_romi.jpg";
import emanoel from "@/assets/staff/emanoel.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";
@@ -38,7 +39,7 @@ export const EVENT_INFO = {
/** Fecha del evento — formato ISO para el countdown */ /** Fecha del evento — formato ISO para el countdown */
date: "2026-09-04T12:00:00", date: "2026-09-04T12:00:00",
venue: "Hotel Don Angel", venue: "Hotel Don Angel",
venueAddress: "Carrer de la Riera, 123, 08001 Barcelona, Spain", venueAddress: "Carrer del Pla de la Torre, 14, 08398 Santa Susanna, Barcelona, Spain",
/** Google Maps embed URL — reemplazar con la URL real */ /** Google Maps embed URL — reemplazar con la URL real */
mapEmbedUrl: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2982.0132199519758!2d2.718142676474322!3d41.63384568067116!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12bb3e942c5ac469%3A0x9153afdd8d15d0c1!2sHotel%20Don%20Angel!5e0!3m2!1ses!2sus!4v1777971058774!5m2!1ses!2sus", mapEmbedUrl: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2982.0132199519758!2d2.718142676474322!3d41.63384568067116!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12bb3e942c5ac469%3A0x9153afdd8d15d0c1!2sHotel%20Don%20Angel!5e0!3m2!1ses!2sus!4v1777971058774!5m2!1ses!2sus",
}; };
@@ -90,8 +91,8 @@ export const STAFF = [
{ {
id: "1", id: "1",
name: "[Pablo & Lena]", name: "[Pablo & Lena]",
role: "Instructor" as const, role: "Teacher" as const,
description: "[Breve biografía del instructor]", description: "[Breve biografía del profesor]",
/** Reemplazar con ruta a foto real */ /** Reemplazar con ruta a foto real */
image: pablolena, image: pablolena,
socials: { socials: {
@@ -101,8 +102,8 @@ export const STAFF = [
{ {
id: "2", id: "2",
name: "[Ariel & Yasmin]", name: "[Ariel & Yasmin]",
role: "Instructor" as const, role: "Teacher" as const,
description: "[Breve biografía del instructor]", description: "[Breve biografía del profesor]",
image: arielyasmin, image: arielyasmin,
socials: { socials: {
instagram: "", instagram: "",
@@ -111,8 +112,8 @@ export const STAFF = [
{ {
id: "3", id: "3",
name: "[Hila & Leo]", name: "[Hila & Leo]",
role: "Instructor" as const, role: "Teacher" as const,
description: "[Breve biografía del instructor]", description: "[Breve biografía del profesor]",
image: hilaleo, image: hilaleo,
socials: { socials: {
instagram: "", instagram: "",
@@ -121,8 +122,8 @@ export const STAFF = [
{ {
id: "4", id: "4",
name: "[Matheus & Lydia]", name: "[Matheus & Lydia]",
role: "Instructor" as const, role: "Teacher" as const,
description: "[Breve biografía del instructor]", description: "[Breve biografía del profesor]",
image: matheuslydia, image: matheuslydia,
socials: { socials: {
instagram: "", instagram: "",
@@ -131,8 +132,8 @@ export const STAFF = [
{ {
id: "5", id: "5",
name: "[Omer & Adva]", name: "[Omer & Adva]",
role: "Instructor" as const, role: "Teacher" as const,
description: "[Breve biografía del instructor]", description: "[Breve biografía del profesor]",
image: omeradva, image: omeradva,
socials: { socials: {
instagram: "", instagram: "",
@@ -174,8 +175,8 @@ export const STAFF = [
{ {
id: "9", id: "9",
name: "[Leticia & Alex]", name: "[Leticia & Alex]",
role: "Instructor" as const, role: "Teacher" as const,
description: "[Breve biografía del instructor]", description: "[Breve biografía del profesor]",
image: letialex, image: letialex,
socials: { socials: {
instagram: "", instagram: "",
@@ -195,8 +196,8 @@ export const STAFF = [
{ {
id: "11", id: "11",
name: "[Milu]", name: "[Milu]",
role: "Instructor" as const, role: "Teacher" as const,
description: "[Breve biografía del instructor]", description: "[Breve biografía del profesor]",
image: milu, image: milu,
socials: { socials: {
instagram: "", instagram: "",
@@ -205,8 +206,8 @@ export const STAFF = [
{ {
id: "12", id: "12",
name: "[Safira]", name: "[Safira]",
role: "Instructor" as const, role: "Teacher" as const,
description: "[Breve biografía del instructor]", description: "[Breve biografía del profesor]",
image: safira, image: safira,
socials: { socials: {
instagram: "", instagram: "",
@@ -215,13 +216,23 @@ export const STAFF = [
{ {
id: "13", id: "13",
name: "[Braz & Romina]", name: "[Braz & Romina]",
role: "Instructor" as const, role: "Teacher" as const,
description: "[Breve biografía del instructor]", description: "[Breve biografía del profesor]",
image: brazromi, image: brazromi,
socials: { socials: {
instagram: "", instagram: "",
}, },
}, },
{
id: "14",
name: "[Emanoel]",
role: "Teacher" as const,
description: "[Breve biografía del profesor]",
image: emanoel,
socials: {
instagram: "",
},
},
]; ];
// ---- PROGRAMA DEL EVENTO ---- // ---- PROGRAMA DEL EVENTO ----

View File

@@ -26,7 +26,7 @@
}, },
"about": { "about": {
"title": "About the Event", "title": "About the Event",
"description": "Join us for an unforgettable weekend of dance, music, and connection in the heart of Barcelona. Our festival brings together world-renowned instructors and dance enthusiasts of all levels.", "description": "Join us for an unforgettable weekend of dance, music, and connection in the heart of Barcelona. Our festival brings together world-renowned teachers and dance enthusiasts of all levels.",
"orgTitle": "About the Organization", "orgTitle": "About the Organization",
"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.",
@@ -34,20 +34,20 @@
"workshops": "Workshops with international artists", "workshops": "Workshops with international artists",
"socialDancing": "Social dancing all night long", "socialDancing": "Social dancing all night long",
"liveShows": "Live shows", "liveShows": "Live shows",
"djSets": "Tropical DJ sets" "djSets": "DJs"
} }
}, },
"staff": { "staff": {
"title": "Our Team", "title": "Our Team",
"subtitle": "Event Staff", "subtitle": "Event Staff",
"description": "Meet the artists and instructors who will make this festival an unforgettable experience.", "description": "Meet the artists and teachers who will make this festival an unforgettable experience.",
"instructor": "Instructor", "teacher": "Teacher",
"dj": "DJ", "dj": "DJ",
"organizer": "Organizer", "organizer": "Organizer",
"placeholder": "[Instructor biography]", "placeholder": "[Teacher biography]",
"filters": { "filters": {
"all": "All", "all": "All",
"instructors": "Instructors", "teachers": "Teachers",
"djs": "DJs" "djs": "DJs"
}, },
"socials": { "socials": {

View File

@@ -26,7 +26,7 @@
}, },
"about": { "about": {
"title": "Sobre el Evento", "title": "Sobre el Evento",
"description": "Únete a nosotros para un fin de semana inolvidable de baile, música y conexión en el corazón de Barcelona. Nuestro festival reúne a instructores de renombre mundial y entusiastas del baile de todos los niveles.", "description": "Únete a nosotros para un fin de semana inolvidable de baile, música y conexión en el corazón de Barcelona. Nuestro festival reúne a profesores de renombre mundial y entusiastas del baile de todos los niveles.",
"orgTitle": "Sobre la Organización", "orgTitle": "Sobre la Organización",
"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.",
@@ -34,20 +34,20 @@
"workshops": "Workshops con artistas internacionales", "workshops": "Workshops con artistas internacionales",
"socialDancing": "Social dancing durante toda la noche", "socialDancing": "Social dancing durante toda la noche",
"liveShows": "Shows en vivo", "liveShows": "Shows en vivo",
"djSets": "DJ sets tropicales" "djSets": "DJs"
} }
}, },
"staff": { "staff": {
"title": "Nuestro Equipo", "title": "Nuestro Equipo",
"subtitle": "Staff del Evento", "subtitle": "Staff del Evento",
"description": "Conoce a los artistas e instructores que harán de este festival una experiencia inolvidable.", "description": "Conoce a los artistas y profesores que harán de este festival una experiencia inolvidable.",
"instructor": "Instructor", "teacher": "Profesor",
"dj": "DJ", "dj": "DJ",
"organizer": "Organizador", "organizer": "Organizador",
"placeholder": "[Breve biografía del instructor]", "placeholder": "[Breve biografía del profesor]",
"filters": { "filters": {
"all": "Todos", "all": "Todos",
"instructors": "Instructores", "teachers": "Profesores",
"djs": "DJs" "djs": "DJs"
}, },
"socials": { "socials": {