ZASlab Laboratorio de Creatividad, Innovación STEAM y Juego

import React, { useState, useEffect } from 'react'; import { Palette, Lightbulb, Users, Leaf, Heart, Sparkles, ArrowRight, Menu, X, Microscope, Quote, MapPin, Mail, ChevronDown, BookOpen, Layout, Briefcase, GraduationCap } from 'lucide-react'; // --- BRAND IDENTITY --- const BRAND = { red: '#D0021B', beige: '#FDE0B3', beigeLight: '#FFF9F0', orange: '#FF9E00', green: '#5aaa27', blue: '#0051D8', dark: '#862B2B', gray: '#4B5563' }; // --- COMPONENTS --- const ZaslabLogo = ({ size = 40 }) => ( ); const NavItem = ({ onClick, children }) => ( ); const SectionHeading = ({ subtitle, title, align = "center" }) => (
{subtitle}

{title}

); const InfoCard = ({ icon: Icon, title, description, color }) => (

{title}

{description}

); const DiscoveryItem = ({ title, text, number, color }) => (
{number}

{title}

{text}

); // --- MAIN PAGE --- const ZaslabWeb = () => { const [menuOpen, setMenuOpen] = useState(false); const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 20); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); const scrollTo = (id) => { const element = document.getElementById(id); if (element) { element.scrollIntoView({ behavior: 'smooth' }); setMenuOpen(false); } }; return (
{/* --- NAVBAR --- */}
{/* 1. PORTADA (HERO) */}
Laboratorio de Creatividad e Innovación STEAM

Cuando el Arte y el Juego
cambian la forma de aprender.

En ZASlab diseñamos laboratorios de experimentación, formamos docentes e investigamos sobre el enfoque japonés Zoukei Asobi.

Nuestro objetivo es sencillo: demostrar que jugar con materiales cotidianos, de forma autónoma, desarrolla creatividad, pensamiento crítico y justicia social.

{/* 2. QUÉ ES ZASLAB */}

ZASlab es un laboratorio de experimentación educativa donde el arte y el juego son el punto de partida. Nace de un proyecto de investigación de la UAM inspirado en el Zoukei Asobi.

    {[ "Las niñas y niños exploran sin modelos rígidos.", "El profesorado descubre nuevas formas de observar.", "La universidad conecta investigación y sociedad." ].map((item, i) => (
  • {item}
    • ))}

Zoukei Asobi (造形遊び)

"Un enfoque japonés que entiende la educación artística no como la producción de obras, sino como un juego de creación vivo con el entorno."

{/* 3. QUÉ HACEMOS (PRACTICA) */}
{/* Card 1 */}

Laboratorios Creativos (ZASlabs)

Talleres en escuelas y museos donde la infancia investiga con las manos.

  • • Sin "trabajos bonitos", solo procesos.
  • • Materiales cotidianos y reciclados.
  • • El espacio como laboratorio de juego.
{/* Card 2 */}

Formación Docente

Acompañamiento a profesorado de infantil, primaria y universidad.

  • • Talleres vivenciales de juego.
  • • Herramientas de diseño STEAM.
  • • Evaluación cualitativa y observación.
{/* Card 3 */}

Investigación

Transferencia de conocimiento desde la universidad.

  • • Análisis comparado Japón-España.
  • • Evaluación de impacto del juego.
  • • Divulgación científica accesible.
{/* 4. DESCUBRIMIENTOS */}
{/* 5. PARA QUIÉN ES */}

¿Para quién es ZASlab?

{[ { label: "Centros Educativos", icon: BookOpen }, { label: "Docentes en Formación", icon: GraduationCap }, { label: "Equipos Directivos", icon: Briefcase }, { label: "Familias", icon: Heart }, { label: "Museos e Instituciones", icon: Layout } ].map((item, i) => (
{item.label}
))}
{/* 6. METODOLOGIA (NUESTRA FORMA DE TRABAJAR) */}
{/* 7. SERVICIOS (QUÉ OFRECEMOS) */}
{[ { t: "Talleres ZASlab para escuelas", d: "Sesiones puntuales o proyectos de larga duración en Infantil y Primaria." }, { t: "Formación Docente", d: "Cursos, seminarios y acompañamiento en centros y universidades." }, { t: "Proyectos a medida", d: "Colaboraciones con ayuntamientos y museos sobre infancia y ciudad." }, { t: "Divulgación e Investigación", d: "Conferencias y recursos con mirada científica accesible." } ].map((item, i) => (

{item.t}

{item.d}

))}
{/* 8. CONTACTO (TE SUMAS?) */}

¿Te sumas?

Si quieres llevar un ZASlab a tu centro, diseñar formación o colaborar en investigación, escríbenos.

Email

hola@zaslab.es

Ubicación

Madrid, España

Colaboración

Abiertos a proyectos

e.preventDefault()}>