https://stabil-im-netz.nrw/assets/_world_._index-BVQv7HT4.js

1import{a as e}from"./rolldown-runtime-DyW3UvU-.js";import{t}from"./react-BriL38a5.js";import{A as n,r}from"./chunk-EPOLDU6W-BT_-gkbC.js";import{A as i,I as a,N as o,S as s,a as c,c as l,g as u,h as d,i as f,l as p,o as m,s as h,u as g,v as _}from"./esm-BCeA3yh0.js";import{t as v}from"./arrow-right-BNYQ-vDA.js";import{t as y}from"./chevron-down-Cf-wYVwM.js";import{t as b}from"./mail-question-mark-CSfWWufX.js";import{t as x}from"./menu-EvUDH8ZG.js";import"./jsx-runtime-DAHb1C2v.js";import{A as S,D as C,O as w,b as T,f as E,j as D,k as O,m as k,x as A}from"./stateful_components-Cwr3yZbx.js";var j=e(t(),1);function M(){let[e,t]=(0,j.useContext)(s);return i(d,{direction:`column`,gap:`5`},Array.prototype.map.call([{key:`production`,title:`Produktion & Handwerk`,desc:``,index:1,image:`/menu_worlds_01_production.webp`},{key:`office`,title:`Büro & Verwaltung`,desc:``,index:2,image:`/menu_worlds_02_office.webp`},{key:`service`,title:`Kundenkontakt & Service`,desc:``,index:3,image:`/menu_worlds_03_service.webp`}],(t,n)=>i(u,{css:{background:`rgba(255,255,255,0.03)`,border:`1px solid rgba(255,255,255,0.1)`,borderRadius:`48px`,cursor:`pointer`,transition:`all 0.2s ease`,"&:hover":{background:`rgba(255,255,255,0.07)`,borderColor:`rgba(27,143,176,0.4)`,transform:`translateY(-3px) scale(1.02)`,boxShadow:`0 20px 40px rgba(0,0,0,0.35)`},flex:`1`,width:`100%`},key:n,onClick:n=>e([o(`reflex___state____state.nrw_simulator___backend___user_session____user_session_state.update_world`,{context:a(t?.index)?t?.index:0},{}),o(`reflex___state____state.nrw_simulator___backend___game_state____game_state.set_world`,{world_key:a(t?.key)?t?.key:``,context:a(t?.index)?t?.index:0,is_available:!0},{})],[n],{})},i(c,{pb:`current`,side:`top`},i(u,{css:{position:`relative`,width:`100%`,height:`200px`,overflow:`hidden`,borderTopLeftRadius:`48px`,borderTopRightRadius:`48px`}},i(`img`,{className:`zoom-image`,css:{width:`100%`,height:`100%`,objectFit:`cover`},loading:`eager`,src:a(t?.image)?t?.image:``}),i(u,{css:{position:`absolute`,inset:`0`,background:`#4fc3e0`,opacity:`0.45`,pointerEvents:`none`,borderTopLeftRadius:`48px`,borderTopRightRadius:`48px`}}))),i(d,{align:`start`,className:`rx-Stack`,css:{width:`100%`,height:`100%`,minHeight:`120px`,padding:`48px`},direction:`column`,gap:`4`},i(_,{as:`p`,css:{fontSize:`22px`,fontWeight:`900`,color:`white`}},t?.title),i(d,{align:`center`,className:`rx-Stack`,direction:`row`,gap:`2`},i(_,{as:`p`,css:{fontSize:`12px`,fontWeight:`900`,textTransform:`uppercase`,letterSpacing:`0.2em`,color:`#4fc3e0`}},`Auswählen`),i(v,{css:{color:`#4fc3e0`},size:18}))))))}function N(){let[e,t]=(0,j.useContext)(s);return i(d,{css:{flexWrap:`wrap`},gap:`5`},Array.prototype.map.call([{key:`production`,title:`Produktion & Handwerk`,desc:``,index:1,image:`/menu_worlds_01_production.webp`},{key:`office`,title:`Büro & Verwaltung`,desc:``,index:2,image:`/menu_worlds_02_office.webp`},{key:`service`,title:`Kundenkontakt & Service`,desc:``,index:3,image:`/menu_worlds_03_service.webp`}],(t,n)=>i(u,{css:{background:`rgba(255,255,255,0.03)`,border:`1px solid rgba(255,255,255,0.1)`,borderRadius:`48px`,cursor:`pointer`,transition:`all 0.2s ease`,"&:hover":{background:`rgba(255,255,255,0.07)`,borderColor:`rgba(27,143,176,0.4)`,transform:`translateY(-3px) scale(1.02)`,boxShadow:`0 20px 40px rgba(0,0,0,0.35)`},flex:`1`,width:`100%`},key:n,onClick:n=>e([o(`reflex___state____state.nrw_simulator___backend___user_session____user_session_state.update_world`,{context:a(t?.index)?t?.index:0},{}),o(`reflex___state____state.nrw_simulator___backend___game_state____game_state.set_world`,{world_key:a(t?.key)?t?.key:``,context:a(t?.index)?t?.index:0,is_available:!0},{})],[n],{})},i(c,{pb:`current`,side:`top`},i(u,{css:{position:`relative`,width:`100%`,height:`200px`,overflow:`hidden`,borderTopLeftRadius:`48px`,borderTopRightRadius:`48px`}},i(`img`,{className:`zoom-image`,css:{width:`100%`,height:`100%`,objectFit:`cover`},loading:`eager`,src:a(t?.image)?t?.image:``}),i(u,{css:{position:`absolute`,inset:`0`,background:`#4fc3e0`,opacity:`0.45`,pointerEvents:`none`,borderTopLeftRadius:`48px`,borderTopRightRadius:`48px`}}))),i(d,{align:`start`,className:`rx-Stack`,css:{width:`100%`,height:`100%`,minHeight:`120px`,padding:`48px`},direction:`column`,gap:`4`},i(_,{as:`p`,css:{fontSize:`22px`,fontWeight:`900`,color:`white`}},t?.title),i(d,{align:`center`,className:`rx-Stack`,direction:`row`,gap:`2`},i(_,{as:`p`,css:{fontSize:`12px`,fontWeight:`900`,textTransform:`uppercase`,letterSpacing:`0.2em`,color:`#4fc3e0`}},`Auswählen`),i(v,{css:{color:`#4fc3e0`},size:18}))))))}var P=n(function(){return i(j.Fragment,{},i(u,{css:{height:`100vh`,width:`100vw`,background:`#0f172a`,overflow:`hidden`}},i(u,{},i(u,{css:{"@media screen and (min-width: 0)":{display:`block`},"@media screen and (min-width: 30em)":{display:`none`},"@media screen and (min-width: 48em)":{display:`none`},"@media screen and (min-width: 62em)":{display:`none`}}},i(u,{css:{width:`100%`,height:`auto`,minHeight:`60px`,padding:`12px 20px`,background:`rgba(255,255,255,0.05)`,backdropFilter:`blur(20px)`,borderBottom:`1px solid rgba(255,255,255,0.1)`,position:`sticky`,top:`0`,left:`0`,zIndex:`50`}},i(d,{css:{flexWrap:`wrap`,justifyContent:`between`,alignItems:`center`,width:`100%`,rowGap:`12px`}},i(u,{css:{display:`flex`,justifyContent:`flex-start`,alignItems:`center`,"@media screen and (min-width: 0px)":{flexGrow:`1`},"@media screen and (min-width: 48em)":{flexGrow:`0`}}},i(k,{})),i(d,{align:`center`,className:`rx-Stack`,css:{flexGrow:`1`},direction:`row`,justify:`end`,gap:`2`},i(j.Fragment,{},i(j.Fragment,{},i(T,{}))),i(j.Fragment,{},i(j.Fragment,{})),i(h,{},i(p,{},i(d,{align:`center`,className:`rx-Stack`,css:{padding:`8px 12px`,borderRadius:`9999px`,background:`rgba(79,195,224,0.10)`,border:`1px solid rgba(79,195,224,0.25)`,width:`fit-content`},direction:`row`,gap:`2`},i(x,{css:{color:`#4fc3e0`},size:14}))),i(l,{align:`end`,css:{background:`#0f172a`,border:`1px solid rgba(255,255,255,0.1)`,color:`white`,spacing:`4`}},i(D,{}),i(O,{}),i(C,{}),i(m,{className:`h-px bg-white/30 my-3`}),i(g,{},i(d,{align:`center`,className:`rx-Stack`,direction:`row`,gap:`2`},i(b,{size:16}),i(f,{asChild:!0,css:{"&:hover":{color:`var(--accent-8)`}}},i(r,{to:`mailto:[email protected]?subject=Feedback%20zum%20digtalen%20Bildungsprodukt`},i(_,{as:`p`,css:{color:`white`}},`Kontakt`))))),i(w,{}),i(S,{})))))),i(u,{css:{width:`100%`,padding:`5%`,background:`#0f172a`,height:`100vh`,overflowY:`auto`,paddingBottom:`100px`}},i(d,{align:`start`,className:`rx-Stack`,css:{width:`100%`,marginTop:`10%`,marginBottom:`10%`},direction:`column`,gap:`1`},i(_,{as:`p`,css:{fontSize:`40px`,fontWeight:`bold`,color:`white`}},`Arbeitswelt festlegen`),i(_,{as:`p`,css:{fontSize:`18px`,color:`rgba(188,203,224,0.9)`}},`Passe die Szenarien an deinen beruflichen Hintergrund an.`)),i(M,{}))),i(u,{css:{"@media screen and (min-width: 0)":{display:`none`},"@media screen and (min-width: 30em)":{display:`block`},"@media screen and (min-width: 48em)":{display:`block`},"@media screen and (min-width: 62em)":{display:`block`}}},i(u,{css:{width:`100%`,height:`100%`,background:`#0f172a`}},i(u,{css:{width:`100%`,height:`80px`,"@media screen and (min-width: 48em)":{padding:`15px 20px`},"@media screen and (min-width: 62em)":{padding:`20px 40px`},background:`rgba(255,255,255,0.03)`,backdropFilter:`blur(20px)`,borderBottom:`1px solid rgba(255,255,255,0.1)`,position:`sticky`,top:`0`,zIndex:`50`}},i(d,{align:`center`,className:`rx-Stack`,css:{width:`100%`},direction:`row`,gap:{sm:`4`,md:`6`}},i(A,{}),i(d,{css:{flex:1,justifySelf:`stretch`,alignSelf:`stretch`}}),i(d,{align:`center`,className:`rx-Stack`,direction:`row`,gap:{sm:`2`,md:`5`}},i(j.Fragment,{},i(j.Fragment,{},i(E,{}))),i(j.Fragment,{},i(j.Fragment,{})),i(h,{},i(p,{},i(d,{align:`center`,className:`rx-Stack`,css:{padding:`8px 14px`,borderRadius:`9999px`,background:`rgba(79,195,224,0.10)`,border:`1px solid rgba(79,195,224,0.25)`,width:`fit-content`},direction:`row`,gap:`2`},i(_,{as:`p`,css:{"@media screen and (min-width: 0px)":{fontSize:`9px`},"@media screen and (min-width: 48em)":{fontSize:`11px`},fontWeight:`900`,letterSpacing:`0.2em`,textTransform:`uppercase`,color:`#4fc3e0`}},`Hilfe`),i(y,{css:{color:`#4fc3e0`},size:14}))),i(l,{align:`end`,css:{background:`#0f172a`,border:`1px solid rgba(255,255,255,0.1)`,color:`white`,spacing:`4`}},i(D,{}),i(O,{}),i(C,{}),i(m,{className:`h-px bg-white/30 my-3`}),i(g,{},i(d,{align:`center`,className:`rx-Stack`,direction:`row`,gap:`2`},i(b,{size:16}),i(f,{asChild:!0,css:{"&:hover":{color:`var(--accent-8)`}}},i(r,{to:`mailto:[email protected]?subject=Feedback%20zum%20digtalen%20Bildungsprodukt`},i(_,{as:`p`,css:{color:`white`}},`Kontakt`))))),i(w,{}),i(S,{})))))),i(d,{align:`start`,className:`rx-Stack`,css:{maxWidth:`1400px`,margin:`0 auto`,padding:`60px 40px`},direction:`column`,gap:`3`},i(d,{align:`start`,className:`rx-Stack`,css:{marginBottom:`35px`},direction:`column`,gap:`1`},i(_,{as:`p`,css:{fontSize:`50px`,fontWeight:`bold`,color:`white`}},`Arbeitswelt festlegen`),i(_,{as:`p`,css:{fontSize:`18px`,color:`rgba(188,203,224,0.9)`}},`Passe die Szenarien an deinen beruflichen Hintergrund an.`)),i(N,{})))))),i(`title`,{},`Kontextwahl`),i(`meta`,{content:`favicon.ico`,property:`og:image`}))});export{P as default};