1import{j as e,r as c}from"./vendor-react-BGN68_Lp.js";import{a as T,u as d}from"./vendor-redux-D8sX5Eqv.js";import{g as a,aB as S,dK as v,e0 as B,s as P,b as m,fm as I,t as M}from"./index-uear5Vpj.js";import{g as s}from"./vendor-styled-pkIKgjgv.js";import{T as q,l as z,m as A,n as F,o as D,p as G,q as E,r as O}from"./LandingsIcons-B-Qxfyf-.js";import{u as p}from"./vendor-i18n-BWleq_Sd.js";const H=s.div` 2 width: 100%; 3 height: 100%; 4 5 display: flex; 6 flex-direction: column; 7 align-items: center; 8 9 background: url(${a("/pages/landing_teamspeak/page_background_update.png")}) 10 no-repeat center top; 11 background-size: 1800px; 12`,o=s.section` 13 width: 100%; 14 max-width: 1024px; 15 display: flex; 16`,U=s(o)` 17 padding: 96px 32px 0 32px; 18 flex-direction: row; 19 justify-content: space-between; 20 align-items: center; 21`,C=s.div` 22 display: flex; 23 flex-direction: column; 24 align-items: flex-start; 25 gap: 32px; 26 27 & > svg { 28 width: 340px; 29 } 30`,L=s.div` 31 display: block; 32 33 & > span { 34 display: flex; 35 flex-direction: row; 36 align-items: center; 37 gap: 8px; 38 39 svg { 40 width: 32px; 41 height: 32px; 42 } 43 44 h5 { 45 font-family: Montserrat; 46 font-weight: 700; 47 font-style: Bold; 48 font-size: 24px; 49 } 50 } 51 52 & > p { 53 margin-top: 4px; 54 font-family: Montserrat; 55 font-weight: 400; 56 font-style: Regular; 57 font-size: 12px; 58 text-transform: uppercase; 59 color: #b3c2e9; 60 } 61`,$=s.div` 62 display: flex; 63 flex-direction: row; 64 align-items: center; 65 justify-content: space-between; 66 padding: 14px 20px 12px 22px; 67 border-radius: 14px; 68 border: 3px solid #6080ff; 69 backdrop-filter: blur(16px); 70 gap: 56px; 71`,R=s.div` 72 display: flex; 73 flex-direction: column; 74 align-items: flex-start; 75 gap: 16px; 76 z-index: 1; 77 78 h5 { 79 font-family: Montserrat; 80 font-weight: 700; 81 font-style: Bold; 82 font-size: 12px; 83 line-height: 18px; 84 color: #759cff; 85 } 86 87 h4 { 88 font-family: Montserrat; 89 font-weight: 700; 90 font-style: Bold; 91 font-size: 24px; 92 line-height: 28px; 93 color: white; 94 text-transform: none; 95 } 96 97 p { 98 font-family: Montserrat; 99 font-weight: 500; 100 font-style: Medium; 101 font-size: 12px; 102 line-height: 18px; 103 color: #b3c2e9; 104 105 & > a { 106 color: inherit; 107 text-decoration: underline; 108 } 109 } 110`,V=s.div` 111 display: flex; 112 flex-direction: column; 113 align-items: center; 114 gap: 8px; 115 116 button, 117 a { 118 display: flex; 119 padding: 0; 120 border: 0; 121 background: transparent; 122 } 123 124 button { 125 cursor: pointer; 126 } 127 128 button:focus-visible { 129 outline: 2px solid #6080ff; 130 outline-offset: 3px; 131 border-radius: 6px; 132 } 133 134 svg { 135 width: 32px; 136 height: 32px; 137 cursor: pointer; 138 transition: opacity 0.2s ease; 139 140 &:hover { 141 opacity: 0.8; 142 } 143 } 144`,W=s.img` 145 width: 700px; 146 position: absolute; 147 right: 0; 148 top: 20px; 149 pointer-events: none; 150`,K=s(o)` 151 max-width: 840px; 152 padding: 112px 32px 0 32px; 153 flex-direction: row; 154 justify-content: space-between; 155 align-items: center; 156`,N=s.div` 157 display: flex; 158 flex-direction: column; 159 align-items: center; 160 gap: 16px; 161 162 & > img { 163 height: 64px; 164 } 165 166 & > h4 { 167 font-family: Montserrat; 168 font-weight: 700; 169 font-style: Bold; 170 font-size: 20px; 171 line-height: 24px; 172 text-align: center; 173 color: white; 174 text-transform: none; 175 } 176 177 &.golden { 178 h4 { 179 color: #e49635; 180 } 181 } 182`,Q=s(o)` 183 padding: 96px 0 0 0; 184 gap: 32px; 185 flex-direction: column; 186 align-items: center; 187 188 & > svg { 189 height: 53px; 190 } 191`,g=s(o)` 192 padding: 96px 0 0 0; 193 gap: 48px; 194 flex-direction: column; 195 align-items: center; 196 width: 100%; 197 198 & > svg { 199 height: 53px; 200 } 201 202 & > span { 203 display: flex; 204 flex-direction: row; 205 gap: 24px; 206 } 207 208 @media (max-width: 1000px) { 209 & > span { 210 display: grid; 211 grid-template-columns: 1fr 1fr; 212 } 213 214 & > svg { 215 height: 46px; 216 } 217 } 218 219 @media (max-width: 600px) { 220 & > span { 221 grid-template-columns: 1fr; 222 } 223 224 & > svg { 225 height: 32px; 226 } 227 } 228`,f=s.div` 229 display: flex; 230 flex-direction: column; 231 align-items: flex-start; 232 gap: 16px; 233 flex: 1; 234 235 & > h2 { 236 font-family: Montserrat; 237 font-weight: 700; 238 font-style: Bold; 239 font-size: 18px; 240 line-height: 24px; 241 letter-spacing: 0px; 242 text-transform: none; 243 } 244 245 & > img { 246 width: 100%; 247 } 248 249 & > p { 250 font-family: Montserrat; 251 font-weight: 500; 252 font-style: Medium; 253 font-size: 16px; 254 line-height: 140%; 255 letter-spacing: 0px; 256 } 257`,J=g,X=f,Y=s.div` 258 width: 100%; 259 background: 260 linear-gradient( 261 320deg, 262 rgba(177, 152, 133, 0.12) -15%,
263 rgba(191, 157, 142, 0.0312) 90% 264 ), 265 #0d111b; 266 border-radius: 8px; 267 padding: 32px; 268 display: flex; 269 flex-direction: row; 270 align-items: center; 271 justify-content: space-between; 272 overflow: hidden; 273 274 &:before { 275 content: ''; 276 position: absolute; 277 top: 0; 278 left: 0; 279 width: 100%; 280 height: 100%; 281 background: url(${a("/pages/landing_teamspeak/banner_premium_background.png")}) 282 no-repeat center center; 283 background-size: cover; 284 } 285 286 h2 { 287 font-family: Montserrat; 288 font-weight: 800; 289 font-style: ExtraBold; 290 font-size: 24px; 291 line-height: 32px; 292 letter-spacing: 0px; 293 } 294 295 p { 296 font-family: Montserrat; 297 font-weight: 600; 298 font-size: 18px; 299 line-height: 140%; 300 letter-spacing: 0px; 301 color: #e49635; 302 303 & > span { 304 color: inherit; 305 font-weight: 800; 306 } 307 } 308 309 button { 310 border-radius: 8px; 311 background-color: #e49635; 312 color: #ffffff; 313 font-size: 16px; 314 font-weight: bold; 315 text-transform: none; 316 padding: 0 45px; 317 gap: 10px; 318 display: flex; 319 flex-direction: row; 320 align-items: center; 321 justify-content: center; 322 height: 60px; 323 transition: all 0.2s ease; 324 cursor: pointer; 325 326 &:hover { 327 filter: brightness(110%); 328 } 329 330 svg { 331 width: 24px; 332 height: 24px; 333 } 334 } 335`,Z=s(o)` 336 max-width: 800px; 337 margin-top: 48px; 338`,ee=a("/pages/landing_teamspeak/video_teamspeak_demonstration.mp4"),x=t=>{const n=document.createElement("textarea");return n.value=t,n.style.position="fixed",n.style.opacity="0",document.body.appendChild(n),n.select(),document.execCommand("copy"),document.body.removeChild(n),Promise.resolve()},te=t=>typeof navigator<"u"&&navigator.clipboard?.writeText?navigator.clipboard.writeText(t).catch(()=>x(t)):x(t),ie=[{question:"TeamSpeakFaq1",answer:"TeamSpeakFaq1Text"},{question:"TeamSpeakFaq2",answer:"TeamSpeakFaq2Text"},{question:"TeamSpeakFaq3",answer:"TeamSpeakFaq3Text"},{question:"TeamSpeakFaq4",answer:"TeamSpeakFaq4Text"},{question:"TeamSpeakFaq5",answer:"TeamSpeakFaq5Text"},{question:"TeamSpeakFaq6",answer:"TeamSpeakFaq6Text"}],ne=()=>{const{t}=p(),n=T(),[r,k]=c.useState(null),j=d(i=>i.auth.isAuth),y=d(i=>i.auth.premium)?.group==="VIP",w=r?.online??0,l=r?.server||"ts3.cybershoke.net";c.useEffect(()=>{S("/api/v2/teamspeak/data",{}).then(i=>{i?.data&&k(i.data)})},[]);const _=i=>{if(!j)return n(m("PREMIUM_INFO",I(t)));n(m("AUTOSUB_MODAL",{type:i}))},b=()=>{te(l).then(()=>{P(t("AddressServerCopy"))})};return e.jsxs(e.Fragment,{children:[e.jsx(v,{title:t("teamspeakLandingTitle"),descr:t("teamspeakLandingDescription")}
338),e.jsxs(H,{children:[e.jsxs(U,{children:[e.jsxs(C,{children:[e.jsx(se,{}),e.jsxs(L,{children:[e.jsxs("span",{children:[e.jsx(z,{}),e.jsx("h5",{children:w})]}),e.jsx("p",{children:t`Online`})]}),e.jsxs($,{children:[e.jsxs(R,{children:[e.jsxs("span",{children:[e.jsxs("h5",{children:[t`AddressServer`,":"]}),e.jsx("h4",{children:l}),r?.server_proxy&&e.jsx("p",{children:r.server_proxy})]}),e.jsxs("p",{children:[t`DOWNLOAD`," ",e.jsx("a",{href:"https://www.teamspeak.com/ru/downloads/",target:"_blank",rel:"noopener noreferrer",children:"TeamSpeak"})]})]}),e.jsxs(V,{children:[e.jsx("button",{type:"button",onClick:b,"aria-label":t("copyServerAdress"),children:e.jsx(A,{})}),e.jsx("a",{href:`ts3server://${l}`,children:e.jsx(F,{})})]})]})]}),e.jsx(W,{src:a("/pages/landing_teamspeak/teamspeak_header_app.webp")})]}),e.jsx(K,{children:ae.map(i=>e.jsx(oe,{benefit:i},i.title))}),e.jsxs(J,{children:[e.jsx(h,{}),e.jsx("span",{children:de.map(i=>e.jsx(u,{benefit:i},i.title))}),!y&&e.jsxs(Y,{children:[e.jsxs("span",{children:[e.jsx("h2",{children:t("InterestedPremium")}),e.jsx("p",{dangerouslySetInnerHTML:{__html:t("teamspeakPremPromocode",{promo:"TeamSpeak"})}})]}),e.jsxs("button",{onClick:()=>_("PREMIUM"),children:[t("BuyPremium"),e.jsx(D,{})]})]})]}),e.jsxs(Q,{children:[e.jsx(re,{}),e.jsx("video",{width:"1024",height:"576",controls:!0,playsInline:!0,preload:"metadata",children:e.jsx("source",{src:ee,type:"video/mp4"})})]}),e.jsxs(g,{children:[e.jsx(pe,{}),e.jsx("span",{children:le.map(i=>e.jsx(ce,{guide:i},i.title))})]}),e.jsx(Z,{children:e.jsx(B,{style:{width:"100%",maxWidth:"100%"},list:ie,onItemOpen:i=>{M("teamspeak_faq_click",{name:i})}})})]})]})},se=()=>e.jsx(G,{}),ae=[{title:"teamspeakBenefit1",icon:"benefit_lightning.png"},{title:"teamspeakBenefit2",icon:"benefit_global.png"},{title:"teamspeakBenefit3",icon:"benefit_wifi.png"},{title:"teamspeakBenefit4",icon:"benefit_crown.png",isGolden:!0}],oe=({benefit:t})=>{const{t:n}=p();return e.jsxs(N,{className:t.isGolden?"golden":"",children:[e.jsx("img",{loading:"lazy",src:a(`/pages/landing_teamspeak/${t.icon}`),alt:t.title}),e.jsx("h4",{dangerouslySetInnerHTML:{__html:n(t.title)}})]})},re=()=>e.jsx(E,{}),pe=()=>e.jsx(O,{}),le=[{title:"teamspeakGuide1Title",description:"teamspeakGuide1Description",image:"guide_step_1.png"},{title:"teamspeakGuide2Title",description:"teamspeakGuide2Description",image:"guide_step_2.png"},{title:"teamspeakGuide3Title",description:"teamspeakGuide3Description",image:"guide_step_3.png"},{title:"teamspeakGuide4Title",description:"teamspeakGuide4Description",image:"guide_step_4.png"}],ce=({guide:t})=>{const{t:n}=p();return e.jsxs(f,{children:[e.jsx("h2",{children:n(t.title)}),e.jsx("img",{loading:"lazy",src:a(`/pages/landing_teamspeak/${t.image}`),alt:t.title}),e.jsx("p",{children:n(t.description)})]})},h=()=>e.jsx(q,{}),de=[{title:"teamspeakPremBenefit1Title",description:"teamspeakPremBenefit1Description",image:"landing_teamspeak/premium_benefit_1.png"},{title:"teamspeakPremBenefit2Title",description:"teamspeakPremBenefit2Description",image:"landing_teamspeak/premium_benefit_2.png"},{title:"teamspeakPremBenefit3Title",description:"teamspeakPremBenefit3Description",image:"landing_teamspeak/premium_benefit_3.png"},{title:"teamspeakPremBenefit4Title",description:"teamspeakPremBenefit4Description",image:"landing_teamspeak/premium_benefit_4.png"}],u=({benefit:t})=>{const{t:n}=p();return e.jsxs(X,{children:[e.jsx("h2",{children:n(t.title)}),e.jsx("img",{loading:"lazy",src:a(`/pages/${t.image}`),alt:t.title}),e.jsx("p",{children:n(t.description)})]})},je=Object.freeze(Object.defineProperty({__proto__:null,PremiumBenefitsBlock:u,PremiumBenefitsTitle:h,default:ne},Symbol.toStringTag,{value:"Module"}));export{J as P,je as T,h as a,u as b,Y as c};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.