diff --git a/src/components/ProfesoresSection.tsx b/src/components/ProfesoresSection.tsx new file mode 100644 index 0000000..ecd7e90 --- /dev/null +++ b/src/components/ProfesoresSection.tsx @@ -0,0 +1,67 @@ +import { motion } from "framer-motion"; +import { User } from "lucide-react"; +import { + Carousel, + CarouselContent, + CarouselItem, + CarouselPrevious, + CarouselNext, +} from "@/components/ui/carousel"; +import { PROFESORES } from "@/data/event-data"; + +const ProfesoresSection = () => ( +
+
+ +

+ Profesores +

+

+ Los mejores profesores internacionales de Lambada te esperan en este festival. +

+
+ +
+ + + {PROFESORES.map((prof, i) => ( + +
+
+ {prof.image ? ( + {prof.name} + ) : ( + + )} +
+
+

+ {prof.name} +

+ {prof.origin && ( +

{prof.origin}

+ )} +
+
+
+ ))} +
+ + +
+
+
+
+); + +export default ProfesoresSection; diff --git a/src/data/event-data.ts b/src/data/event-data.ts index 94f8f77..f8fa9a2 100644 --- a/src/data/event-data.ts +++ b/src/data/event-data.ts @@ -205,6 +205,20 @@ export const PRACTICAL_INFO = { ], }; +// ---- PROFESORES ---- +/** + * Para añadir un profesor, agrega un objeto al array. + * Importa la imagen desde src/assets/ si es local. + */ +export const PROFESORES = [ + { name: "[Profesor 1]", image: "", origin: "[País]" }, + { name: "[Profesor 2]", image: "", origin: "[País]" }, + { name: "[Profesor 3]", image: "", origin: "[País]" }, + { name: "[Profesor 4]", image: "", origin: "[País]" }, + { name: "[Profesor 5]", image: "", origin: "[País]" }, + { name: "[Profesor 6]", image: "", origin: "[País]" }, +]; + // ---- GALERÍA ---- /** * Añade URLs o importaciones de imágenes. diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx index 8e431bf..7b39ee0 100644 --- a/src/pages/Index.tsx +++ b/src/pages/Index.tsx @@ -3,6 +3,7 @@ import HeroSection from "@/components/HeroSection"; import AboutSection from "@/components/AboutSection"; import OrgSection from "@/components/OrgSection"; import StaffSection from "@/components/StaffSection"; +import ProfesoresSection from "@/components/ProfesoresSection"; import ScheduleSection from "@/components/ScheduleSection"; import BookingSection from "@/components/BookingSection"; import HotelSection from "@/components/HotelSection"; @@ -25,6 +26,7 @@ const Index = () => { +