https://wilds.ai/_next/static/chunks/43389-558322a3ebe67955.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43389],{43389:(s,e,r)=>{"use strict";r.d(e,{VRTeaserBanner:()=>n});var t=r(21772),a=r(10816),i=r(61783),l=r.n(i),o=r(95055),c=r.n(o);function n(s){let{compact:e=!1,className:r}=s,a=[c().banner,e?c().compact:c().full,r].filter(Boolean).join(" ");return(0,t.jsx)("section",{className:a,"aria-label":"VR mode now available",children:(0,t.jsxs)("div",{className:c().inner,children:[(0,t.jsxs)("div",{className:c().copy,children:[(0,t.jsxs)("div",{className:c().eyebrow,children:[(0,t.jsx)("span",{className:c().dot,"aria-hidden":"true"}),(0,t.jsx)("span",{children:"VR mode \xb7 in beta"})]}),(0,t.jsxs)("h2",{className:c().title,children:["Put on your headset.",(0,t.jsx)("br",{}),"Step into your world."]}),(0,t.jsx)("p",{className:c().subtitle,children:"Every wilds.ai world plays in VR. Native R3F rendering for 3D worlds, curved cinema screens for everything else, and your AI characters present as 3D avatars in the room with you."}),(0,t.jsxs)("div",{className:c().ctaRow,children:[(0,t.jsx)(l(),{href:"/vr",className:c().ctaPrimary,children:"Explore VR mode"}),(0,t.jsx)(l(),{href:"/app/vr",className:c().ctaSecondary,children:"Open the VR shell"})]}),(0,t.jsxs)("ul",{className:c().deviceList,"aria-label":"Supported devices",children:[(0,t.jsx)("li",{children:"Quest 2 / 3 / Pro"}),(0,t.jsx)("li",{children:"Vision Pro"}),(0,t.jsx)("li",{children:"Valve Index"}),(0,t.jsx)("li",{children:"Pico 4"}),(0,t.jsx)("li",{children:"PCVR via Edge / Chrome"})]})]}),(0,t.jsx)("div",{className:c().viz,children:(0,t.jsx)(x,{})})]})})}function x(){let s=(0,a.useId)(),e={ceilingGlow:`${s}-ceiling`,floorFade:`${s}-floor`,wallFill:`${s}-wall`,bossEmissive:`${s}-boss`,companionRing:`${s}-companion`,hpFill:`${s}-hp`,bossBarFill:`${s}-bossbar`,controllerBody:`${s}-controller`,softGlow:`${s}-glow`};return(0,t.jsxs)("svg",{viewBox:"0 0 640 420",xmlns:"http://www.w3.org/2000/svg",className:c().svg,role:"img","aria-label":"Inside a wilds.ai VR dungeon — your character to your left, boss ahead, HUD floating around you",children:[(0,t.jsxs)("defs",{children:[(0,t.jsxs)("radialGradient",{id:e.ceilingGlow,cx:"50%",cy:"-10%",r:"80%",children:[(0,t.jsx)("stop",{offset:"0%",stopColor:"#c47032",stopOpacity:"0.45"}),(0,t.jsx)("stop",{offset:"30%",stopColor:"#5a3a2a",stopOpacity:"0.22"}),(0,t.jsx)("stop",{offset:"70%",stopColor:"#1a2440",stopOpacity:"0.05"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#08090e",stopOpacity:"0"})]}),(0,t.jsxs)("linearGradient",{id:e.floorFade,x1:"50%",y1:"0%",x2:"50%",y2:"100%",children:[(0,t.jsx)("stop",{offset:"0%",stopColor:"#0a0d18",stopOpacity:"0"}),(0,t.jsx)("stop",{offset:"40%",stopColor:"#1a2230",stopOpacity:"0.55"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#262a3a",stopOpacity:"0.85"})]}),(0,t.jsxs)("linearGradient",{id:e.wallFill,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[(0,t.jsx)("stop",{offset:"0%",stopColor:"#2a3550",stopOpacity:"0.85"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#10141f",stopOpacity:"0.95"})]}),(0,t.jsxs)("radialGradient",{id:e.bossEmissive,cx:"50%",cy:"35%",r:"70%",children:[(0,t.jsx)("stop",{offset:"0%",stopColor:"#1a0a0e",stopOpacity:"1"}),(0,t.jsx)("stop",{offset:"60%",stopColor:"#3a0a14",stopOpacity:"0.95"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#aa3030",stopOpacity:"0.7"})]}),(0,t.jsxs)("radialGradient",{id:e.companionRing,cx:"50%",cy:"50%",r:"50%",children:[(0,t.jsx)("stop",{offset:"40%",stopColor:"#3acabd",stopOpacity:"0"}),(0,t.jsx)("stop",{offset:"80%",stopColor:"#3acabd",stopOpacity:"0.55"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#3acabd",stopOpacity:"0"})]}),(0,t.jsxs)("linearGradient",{id:e.hpFill,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[(0,t.jsx)("stop",{offset:"0%",stopColor:"#d24a4a"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#ff7a5a"})]}),(0,t.jsxs)("linearGradient",{id:e.bossBarFill,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[(0,t.jsx)("stop",{offset:"0%",stopColor:"#aa3030"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#e85a4a"})]}),(0,t.jsxs)("linearGradient",{id:e.controllerBody,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[(0,t.jsx)("stop",{offset:"0%",stopColor:"#2a3a5a"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#0a0d18"})]}),(0,t.jsx)("filter",{id:e.softGlow,x:"-50%",y:"-50%",width:"200%",height:"200%",children:(0,t.jsx)("feGaussianBlur",{stdDeviation:"2.5"})})]}),(0,t.jsx)("rect",{x:"0",y:"0",width:"640",height:"420",fill:"#08090e"}),(0,t.jsx)("rect",{x:"0",y:"0",width:"640",height:"280",fill:`url(#${e.ceilingGlow})`}),(0,t.jsxs)("g",{className:c().vrFarLayer,children:[(0,t.jsx)("polygon",{points:"0,80 0,300 220,220 220,140",fill:`url(#${e.wallFill})`}),(0,t.jsx)("polygon",{points:"640,80 640,300 420,220 420,140",fill:`url(#${e.wallFill})`}),(0,t.jsx)("polygon",{points:"220,140 420,140 420,220 220,220",fill:"#0e1422",stroke:"#2a3550",strokeWidth:"0.6",strokeOpacity:"0.55"}),(0,t.jsxs)("g",{stroke:"#2a3550",strokeOpacity:"0.45",strokeWidth:"0.8",fill:"none",children:[(0,t.jsx)("line",{x1:"0",y1:"180",x2:"220",y2:"180"}),(0,t.jsx)("line",{x1:"100",y1:"80",x2:"100",y2:"240"}),(0,t.jsx)("line",{x1:"640",y1:"180",x2:"420",y2:"180"}),(0,t.jsx)("line",{x1:"540",y1:"80",x2:"540",y2:"240"})]}),(0,t.jsxs)("g",{children:[(0,t.jsx)("circle",{cx:"60",cy:"120",r:"9",fill:"#ffb060",filter:`url(#${e.softGlow})`,opacity:"0.85"}),(0,t.jsx)("circle",{cx:"60",cy:"120",r:"2.5",fill:"#fff0c8"}),(0,t.jsx)("circle",{cx:"580",cy:"120",r:"9",fill:"#ffb060",filter:`url(#${e.softGlow})`,opacity:"0.85"}),(0,t.jsx)("circle",{cx:"580",cy:"120",r:"2.5",fill:"#fff0c8"})]})]}),(0,t.jsx)("polygon",{points:"0,300 640,300 640,420 0,420",fill:`url(#${e.floorFade})`}),(0,t.jsxs)("g",{stroke:"#3a4555",strokeOpacity:"0.4",strokeWidth:"0.8",children:[(0,t.jsx)("line",{x1:"0",y1:"320",x2:"640",y2:"320"}),(0,t.jsx)("line",{x1:"0",y1:"345",x2:"640",y2:"345"}),(0,t.jsx)("line",{x1:"0",y1:"375",x2:"640",y2:"375"}),(0,t.jsx)("line",{x1:"0",y1:"420",x2:"270",y2:"220"}),(0,t.jsx)("line",{x1:"160",y1:"420",x2:"300",y2:"220"}),(0,t.jsx)("line",{x1:"320",y1:"420",x2:"320",y2:"220"}),(0,t.jsx)("line",{x1:"480",y1:"420",x2:"340",y2:"220"}),(0,t.jsx)("line",{x1:"640",y1:"420",x2:"370",y2:"220"})]}),(0,t.jsx)("g",{className:c().vrBossLayer,children:(0,t.jsxs)("g",{transform:"translate(320, 245)",children:[(0,t.jsx)("ellipse",{cx:"0",cy:"2",rx:"42",ry:"6",fill:"#3a0a14",opacity:"0.7"}),(0,t.jsx)("path",{d:"M -38 0 L -28 -90 Q -22 -110 -10 -118 L 10 -118 Q 22 -110 28 -90 L 38 0 Z",fill:`url(#${e.bossEmissive})`}),(0,t.jsx)("path",{d:"M -28 -90 Q -42 -98 -50 -78 L -38 -50 Z",fill:"#1a0a14"}),(0,t.jsx)("path",{d:"M 28 -90 Q 42 -98 50 -78 L 38 -50 Z",fill:"#1a0a14"}),(0,t.jsxs)("g",{className:c().vrBossEyes,children:[(0,t.jsx)("circle",{cx:"-7",cy:"-104",r:"2.3",fill:"#ff5848"}),(0,t.jsx)("circle",{cx:"7",cy:"-104",r:"2.3",fill:"#ff5848"})]})]})}),(0,t.jsx)("g",{className:c().vrCompanionLayer,children:(0,t.jsxs)("g",{transform:"translate(155, 305)",children:[(0,t.jsx)("ellipse",{cx:"0",cy:"6",rx:"40",ry:"9",fill:`url(#${e.companionRing})`}),(0,t.jsx)("path",{d:"M -10 0 L -14 -56 Q -14 -74 -7 -82 L -2 -90 Q 0 -94 2 -90 L 7 -82 Q 14 -74 14 -56 L 10 0 Z",fill:"#142434",stroke:"#3acabd",strokeOpacity:"0.45",strokeWidth:"0.8"}),(0,t.jsx)("circle",{cx:"0",cy:"-94",r:"9",fill:"#1a2a3a",stroke:"#3acabd",strokeOpacity:"0.5",strokeWidth:"0.8"}),(0,t.jsx)("path",{d:"M 7 -82 Q 14 -74 14 -56 L 10 0",fill:"none",stroke:"#3acabd",strokeOpacity:"0.35",strokeWidth:"1.4"})]})}),(0,t.jsxs)("g",{className:c().vrParticles,fill:"#88aaff",children:[(0,t.jsx)("circle",{cx:"180",cy:"180",r:"1.2",opacity:"0.55"}),(0,t.jsx)("circle",{cx:"430",cy:"120",r:"1",opacity:"0.45"}),(0,t.jsx)("circle",{cx:"500",cy:"200",r:"0.9",opacity:"0.4"}),(0,t.jsx)("circle",{cx:"280",cy:"100",r:"0.8",opacity:"0.5"})]}),(0,t.jsxs)("g",{transform:"translate(220, 26)",children:[(0,t.jsx)("rect",{width:"200",height:"10",rx:"2",fill:"#0a0d18",stroke:"#3a4555",strokeOpacity:"0.7",strokeWidth:"0.8"}),(0,t.jsx)("rect",{width:"120",height:"10",rx:"2",fill:`url(#${e.bossBarFill})`}),(0,t.jsx)("text",{x:"100",y:"-4",textAnchor:"middle",fill:"#e85a4a",fontSize:"9",fontFamily:"sans-serif",letterSpacing:"0.12em",children:"THE LICH"})]}),(0,t.jsxs)("g",{transform:"translate(540, 24)",children:[(0,t.jsx)("rect",{width:"84",height:"62",rx:"4",fill:"#0a0d18",stroke:"#3a4555",strokeOpacity:"0.7",strokeWidth:"0.8"}),(0,t.jsx)("rect",{x:"6",y:"8",width:"22",height:"16",rx:"1",fill:"none",stroke:"#3a4555",strokeOpacity:"0.7",strokeWidth:"0.7"}),(0,t.jsx)("rect",{x:"32",y:"14",width:"26",height:"22",rx:"1",fill:"#1a2540",fillOpacity:"0.5",stroke:"#5870b0",strokeOpacity:"0.7",strokeWidth:"0.7"}),(0,t.jsx)("rect",{x:"62",y:"20",width:"18",height:"14",rx:"1",fill:"none",stroke:"#3a4555",strokeOpacity:"0.7",strokeWidth:"0.7"}),(0,t.jsx)("rect",{x:"40",y:"42",width:"22",height:"14",rx:"1",fill:"none",stroke:"#3a4555",strokeOpacity:"0.7",strokeWidth:"0.7"}),(0,t.jsx)("circle",{cx:"45",cy:"25",r:"2.3",fill:"#3acabd",stroke:"#fff",strokeOpacity:"0.7",strokeWidth:"0.5"}),(0,t.jsx)("circle",{cx:"50",cy:"22",r:"2",fill:"#e85a4a"}),(0,t.jsx)("circle",{cx:"69",cy:"27",r:"1.3",fill:"#d24a4a",opacity:"0.7"}),(0,t.jsx)("circle",{cx:"51",cy:"48",r:"1.3",fill:"#d24a4a",opacity:"0.55"})]}),(0,t.jsxs)("g",{transform:"translate(220, 340)",children:[(0,t.jsx)("text",{x:"0",y:"-3",fill:"#88aaff",fontSize:"8",fontFamily:"sans-serif",letterSpacing:"0.14em",children:"HP"}),(0,t.jsx)("rect",{width:"200",height:"12",rx:"3",fill:"#0a0d18",stroke:"#3a4555",strokeOpacity:"0.7",strokeWidth:"0.8"}),(0,t.jsx)("rect",{width:"160",height:"12",rx:"3",fill:`url(#${e.hpFill})`})]}),(0,t.jsxs)("g",{children:[(0,t.jsx)("path",{d:"M 50 420 L 50 396 Q 50 384 64 380 L 124 380 Q 138 380 138 392 L 138 408 Q 136 414 130 414 L 88 414 Q 80 412 76 418 L 76 420 Z",fill:`url(#${e.controllerBody})`,stroke:"#3acabd",strokeOpacity:"0.4",strokeWidth:"1"}),(0,t.jsx)("path",{d:"M 590 420 L 590 396 Q 590 384 576 380 L 516 380 Q 502 380 502 392 L 502 408 Q 504 414 510 414 L 552 414 Q 560 412 564 418 L 564 420 Z",fill:`url(#${e.controllerBody})`,stroke:"#3acabd",strokeOpacity:"0.4",strokeWidth:"1"}),(0,t.jsx)("circle",{cx:"94",cy:"392",r:"1.5",fill:"#3acabd",opacity:"0.85"}),(0,t.jsx)("circle",{cx:"546",cy:"392",r:"1.5",fill:"#3acabd",opacity:"0.85"})]})]})}},95055:s=>{s.exports={banner:"vr-teaser-banner_banner__54Edg","vr-holo-sweep":"vr-teaser-banner_vr-holo-sweep__MTup8",full:"vr-teaser-banner_full__fw4u9",compact:"vr-teaser-banner_

1compact__6icUv",inner:"vr-teaser-banner_inner__NcvlT",copy:"vr-teaser-banner_copy__0SZeR",eyebrow:"vr-teaser-banner_eyebrow__29CLY",dot:"vr-teaser-banner_dot__XeKZ9","vr-dot-pulse":"vr-teaser-banner_vr-dot-pulse__5pv_Z",title:"vr-teaser-banner_title__bHHPl","vr-title-shimmer":"vr-teaser-banner_vr-title-shimmer__FRhCg",subtitle:"vr-teaser-banner_subtitle__LQ3fT",ctaRow:"vr-teaser-banner_ctaRow__OGHVY",ctaPrimary:"vr-teaser-banner_ctaPrimary__hNym0",ctaSecondary:"vr-teaser-banner_ctaSecondary__EqwjW",deviceList:"vr-teaser-banner_deviceList__E0Oki",viz:"vr-teaser-banner_viz__XsFJ_",svg:"vr-teaser-banner_svg__ynHwV",vrFarLayer:"vr-teaser-banner_vrFarLayer__U4_k4","vr-far-drift":"vr-teaser-banner_vr-far-drift__q8agd",vrBossLayer:"vr-teaser-banner_vrBossLayer__y8_5r","vr-boss-drift":"vr-teaser-banner_vr-boss-drift__q9aLP",vrCompanionLayer:"vr-teaser-banner_vrCompanionLayer__11Cy6","vr-companion-bob":"vr-teaser-banner_vr-companion-bob__5J6yx",vrBossEyes:"vr-teaser-banner_vrBossEyes__hwiQr","vr-boss-eye-pulse":"vr-teaser-banner_vr-boss-eye-pulse__qv_pU",vrParticles:"vr-teaser-banner_vrParticles__riu34","vr-particle-drift":"vr-teaser-banner_vr-particle-drift__lrPB6"}}}]);