https://hunto.ai/component---src-pages-login-tsx-5b8699ec77f7d3aa1b42.js

1"use strict";(self.webpackChunkhunto_ssg=self.webpackChunkhunto_ssg||[]).push([[5626],{3652:function(e,t,s){s.r(t),s.d(t,{Head:function(){return c}});var n=s(6540),a=s(7370),i=s(2690),o=s(3312),r=s(4848);const l=[{code:"eu",name:"Europe",displayName:"European Union",url:"https://eu.hunto.ai",flagIcon:"circle-flags:eu"},{code:"in",name:"India",displayName:"India",url:"https://in.hunto.ai",flagIcon:"circle-flags:in"}],c=()=>(0,r.jsx)(i.A,{title:"Login | Hunto AI - Access Your Security Platform",description:"Log in to Hunto AI's autonomous threat management platform. Choose your region to access your secure, compliant cybersecurity dashboard.",keywords:"login, signin, hunto ai, cybersecurity platform, threat management, security dashboard",pathname:"/login/",schemaType:"WebPage"});t.default=()=>{const{0:e,1:t}=(0,n.useState)(null),{0:s,1:i}=(0,n.useState)(null);return(0,n.useEffect)(()=>{const e=e=>{e.persisted&&(t(null),i(null))};return window.addEventListener("pageshow",e),()=>window.removeEventListener("pageshow",e)},[]),(0,r.jsxs)(a.PE,{children:[(0,r.jsxs)("section",{className:"relative min-h-screen flex items-center justify-center overflow-hidden",children:[(0,r.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-[#0a0a0f] via-[#0f0f1a] to-[#1a0a1f]",children:(0,r.jsxs)("div",{className:"absolute inset-0 opacity-30",children:[(0,r.jsx)("div",{className:"absolute top-1/4 left-1/4 w-96 h-96 bg-violet-600/20 rounded-full blur-3xl animate-pulse"}),(0,r.jsx)("div",{className:"absolute bottom-1/4 right-1/4 w-96 h-96 bg-rose-600/20 rounded-full blur-3xl animate-pulse",style:{animationDelay:"1s"}})]})}),(0,r.jsxs)("div",{className:"relative z-10 w-full max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-20",children:[(0,r.jsxs)("div",{className:"text-center mb-10",children:[(0,r.jsx)("h1",{className:"text-3xl md:text-4xl font-bold text-white mb-3",children:"Login to Hunto AI"}),(0,r.jsx)("p",{className:"text-base text-gray-400",children:"Access your autonomous threat management platform"})]}),(0,r.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-center text-white mb-6",children:"Select Your Region to Sign In"}),(0,r.jsx)("div",{className:"flex flex-wrap justify-center gap-4",children:l.map(n=>(0,r.jsxs)("button",{onClick:()=>(e=>{t(e.code),setTimeout(()=>{window.location.href=e.url},300)})(n),onMouseEnter:()=>i(n.code),onMouseLeave:()=>i(null),className:"\n                    group relative overflow-hidden text-left p-4 rounded-xl border transition-all duration-200 w-64\n                    "+(e===n.code?"border-violet-500 bg-violet-600/15":"border-white/10 bg-white/[0.03] hover:border-violet-500/40 hover:bg-violet-600/10")+"\n                    backdrop-blur-md cursor-pointer\n                  ",children:[(0,r.jsx)("div",{className:"absolute top-1/2 right-0 -translate-y-1/2 translate-x-1/2 opacity-10 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none",children:(0,r.jsx)(o.A,{icon:n.flagIcon,width:120,height:120})}),(0,r.jsxs)("div",{className:"relative z-10",children:[(0,r.jsx)("h3",{className:"text-sm font-semibold text-white group-hover:text-violet-300 transition-colors",children:n.displayName}),(0,r.jsx)("p",{className:"text-xs text-gray-500 mb-4",children:"Data center region"}),(0,r.jsxs)("div",{className:"\n                      flex items-center gap-1.5 text-sm font-medium transition-colors duration-200\n                      "+(s===n.code||e===n.code?"text-violet-400":"text-gray-600")+"\n                    ",children:["Sign in",(0,r.jsx)(o.A,{icon:"pixelarticons:arrow-right",width:14,height:14,className:"transition-transform duration-200 "+(s===n.code?"translate-x-1":"")})]})]})]},n.code))}),(0,r.jsx)("div",{className:"mt-10 text-center",children:(0,r.jsxs)("div",{className:"inline-flex flex-col items-center gap-3 px-6 py-4 rounded-2xl bg-white/[0.03] border border-white/10 backdrop-blur-sm",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-gray-500 text-sm",children:[(0,r.jsx)(o.A,{icon:"pixelarticons:message",width:16,height:16}),"Need assistance with your account?"]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)("a",{href:"/contact/",className:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium text-gray-300 bg-white/5 border border-white/10 hover:bg-white/10 hover:text-white transition-colors",children:[(0,r.jsx)(o.A,{icon:"pixelarticons:mail",width:14,height:14}),"Contact Support"]}),(0,r.jsxs)("a",{href:"/",className:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium text-gray-300 bg-white/5 border border-white/10 hover:bg-white/10 hover:text-white transition-colors",children:[(0,r.jsx)(o.A,{icon:"pixelarticons:arrow-left",width:14,height:14}),"Back to Home"]})]})]})})]})]}),(0,r.jsx)("div",{className:"absolute bottom-0 left-0 right-0 h-32 bg-gradient-to-t from-[#0a0a0f] to-transparent"})]}),(0,r.jsx)("style",{children:"\n        @keyframes fade-in {\n          from {\n            opacity: 0;\n            transform: translateY(20px);\n          }\n          to {\n            opacity: 1;\n            transform: translateY(0);\n          }\n        }\n\n        .animate-fade-in {\n          animation: fade-in 0.8s ease-out;\n        }\n      "})]})}}}]);
2//# sourceMappingURL=component---src-pages-login-tsx-5b8699ec77f7d3aa1b42.js.map