https://staticshield.vercel.app/_next/static/chunks/pages/index-e4060cc1ba85634f6863.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{54668:function(e,s,t){"use strict";var r=t(62478),a=t(41664),i=t(85893);s.Z=function(e){var s=e.alignRight,t=void 0===s||s;return(0,i.jsx)("div",{className:"py-10 mt-5 px-7 bg-warmgray-100",children:(0,i.jsxs)("div",{className:"grid max-w-xl grid-cols-2 ".concat(t&&"sm:mx-auto"),children:[(0,i.jsxs)("div",{className:"grid gap-x-2 gap-y-3",children:[(0,i.jsx)(r.xv,{small:!0,className:"mt-2 uppercase !font-bold !text-left",children:"Frameworks"}),(0,i.jsx)(a.default,{href:"/docs/with/nextjs-11",children:(0,i.jsx)(r.rU,{underline:!0,children:"Nextjs 11"})}),(0,i.jsx)(a.default,{href:"/docs/with/nextjs",children:(0,i.jsx)(r.rU,{underline:!0,children:"Nextjs"})}),(0,i.jsx)(a.default,{href:"/docs/with/svelte",children:(0,i.jsx)(r.rU,{underline:!0,children:"Svelte"})}),(0,i.jsx)(a.default,{href:"/docs/with/sveltekit",children:(0,i.jsx)(r.rU,{underline:!0,children:"Svelte Kit"})}),(0,i.jsx)(a.default,{href:"/docs/with/vue",children:(0,i.jsx)(r.rU,{underline:!0,children:"Vuejs"})}),(0,i.jsx)(a.default,{href:"/docs/with/vue",children:(0,i.jsx)(r.rU,{underline:!0,children:"Nuxtjs"})}),(0,i.jsx)(a.default,{href:"/docs/with/vue",children:(0,i.jsx)(r.rU,{underline:!0,children:"React"})}),(0,i.jsx)(a.default,{href:"/docs/with/vue",children:(0,i.jsx)(r.rU,{underline:!0,children:"Gatsby"})}),(0,i.jsx)(a.default,{href:"/docs/with/vue",children:(0,i.jsx)(r.rU,{underline:!0,children:"HTML"})})]}),(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)(r.xv,{small:!0,className:"mt-2 uppercase !font-bold !text-left",children:"Useful Links"}),(0,i.jsx)(a.default,{href:"/with",children:(0,i.jsx)(r.rU,{underline:!0,className:"mt-2",children:"Guides"})}),(0,i.jsx)(a.default,{href:"/docs/",children:(0,i.jsx)(r.rU,{underline:!0,className:"mt-2",children:"Docs"})}),(0,i.jsx)(a.default,{href:"/with",children:(0,i.jsx)(r.rU,{underline:!0,className:"mt-2",children:"Support"})}),(0,i.jsx)(r.rU,{href:"https://github.com/Lalit2005",underline:!0,className:"mt-2",children:"Made by Lalit"})]})]})})}},9174:function(e,s,t){"use strict";t.d(s,{Z:function(){return o}});var r=t(62478),a=t(41664),i=t(25675),l=t(67294),n=t(22912),c=t(48900),d=t(85893);function o(){var e=(0,l.useState)(!1),s=e[0],t=e[1],o=(0,l.useRef)();(0,r.Vd)(o,(function(){return t(!1)}));return(0,d.jsx)(r.X2,{className:" border-b border-gray-200 !fixed !bg-gray-50 z-10",children:(0,d.jsxs)("div",{className:"text-gray-700 flex justify-around items-center !min-w-[100vw]",children:[(0,d.jsx)(a.default,{href:"/",children:(0,d.jsxs)("div",{className:"flex items-center justify-around cursor-pointer select-none",children:[(0,d.jsx)(i.default,{src:n.Z,alt:"StaticShield",width:"30px",height:"30px"}),(0,d.jsxs)(r.xv,{b:!0,p:!0,className:"ml-2 text-2xl",children:["Static",(0,d.jsx)("span",{className:"px-1 bg-gray-900 rounded-md text-gray-50",children:"Shield"})]}),(0,d.jsx)("sup",{className:"ml-1 text-gray-500",children:"BETA"})]})}),(0,d.jsxs)("div",{className:"hidden md:block",children:[(0,d.jsx)("div",{className:"inline-block",children:(0,d.jsx)(a.default,{href:"/docs/",children:(0,d.jsx)("a",{className:"px-3 py-2 text-black hover:text-gray-700",children:"Docs"})})}),(0,d.jsx)("div",{className:"inline-block",children:(0,d.jsx)(a.default,{href:"/with",children:(0,d.jsx)("a",{className:"px-3 py-2 ml-2 text-black hover:text-gray-700",children:"Guides"})})}),(0,d.jsx)("div",{className:"inline-block",children:(0,d.jsx)("a",{href:"https:/github.com/Lalit2005/staticshield-examples",className:"px-3 py-2 ml-2 text-black hover:text-gray-700",children:"Examples"})}),(0,d.jsx)("div",{className:"inline-block",children:(0,d.jsx)(a.default,{href:"/support",children:(0,d.jsx)("a",{className:"px-3 py-2 ml-2 text-black hover:text-gray-700",children:"Support"})})})]}),(0,d.jsxs)("div",{className:"hidden md:block",children:[(0,d.jsx)("div",{className:"inline-block",children:(0,d.jsx)(a.default,{href:"/login",children:(0,d.jsx)("a",{className:"px-3 py-2 text-white bg-gray-900 rounded-md shadow-md hover:bg-gray-700",href:"/login",children:"Sign Up"})})}),(0,d.jsx)("div",{className:"inline-block",children:(0,d.jsx)(a.default,{href:"/login",children:(0,d.jsx)("a",{href:"/login",className:"px-3 py-2 ml-2 text-black border border-gray-500 rounded-md shadow bg-warmgray-50 hover:bg-warmgray-100",children:"Sign In"})})})]}),(0,d.jsx)("div",{className:"block cursor-pointer md:hidden",children:(0,d.jsx)(r.J2,{content:function(){return(0,d.jsxs)("div",{className:"inline-block",ref:o,children:[(0,d.jsx)(r.J2.Item,{title:!0,className:"-my-2",children:(0,d.jsx)("p",{className:"!px-6 text-lg font-semibold",children:"StaticShield"})}),(0,d.jsx)("div",{className:"hover:!bg-blue-100",children:(0,d.jsx)(r.rU,{href:"/login",className:"",children:(0,d.jsx)(r.J2.Item,{className:"-my-1",children:(0,d.jsx)("p",{className:"text-blue-600 !px-6",children:"Sign In"})})})}),(0,d.jsx)(r.J2.Item,{line:!0}),(0,d.jsx)("div",{className:"hover:!bg-blue-100",children:(0,d.jsx)(r.rU,{href:"/login",className:"",children:(0,d.jsx)(r.J2.Item,{className:"-my-1",children:(0,d.jsx)("p",{className:"text-blue-600 !px-6",children:"Sign Up"})})})}),(0,d.jsx)(r.J2.Item,{line:!0}),(0,d.jsx)("div",{className:"hover:!bg-blue-100",children:(0,d.jsx)(a.default,{href:"/with",children:(0,d.jsx)(r.rU,{href:"/login",className:"",children:(0,d.jsx)(r.J2.Item,{className:"-my-1",children:(0,d.jsx)("p",{className:"text-blue-600 !px-6",children:"Guides"})})})})}),(0,d.jsx)(r.J2.Item,{line:!0}),(0,d.jsx)("div",{className:"hover:!bg-blue-100",children:(0,d.jsx)(a.default,{href:"/docs/",children:(0,d.jsx)(r.rU,{href:"/login",className:"",children:(0,d.jsx)(r.J2.Item,{className:"-my-1",children:(0,d.jsx)("p",{className:"text-blue-600 !px-6",children:"Docs"})})})})})]})},placement:"leftStart",children:(0,d.jsx)(c.Z,{width:18,height:15,color:"black",menuClicked:function(){t(!s)},isOpen:s})})})]})})}},86347:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return b}});var r=t(65988),a=t(62478),i=t(14713),l=t(11163),n=t(67294),c=t(9008),d=t(9174),o=t(85893);function h(e){var s=e.feature,t=e.children;return(0,o.jsx)("div",{className:"max-w-[420px] mx-auto",children:(0,o.jsxs)("div",{className:"flex flex-col items-center justify-between px-6 py-2 my-4 bg-white rounded shadow",children:[(0,o.jsx)("div",{className:"inline-block p-5 mt-3 border border-gray-700 rounded-full bg-blue-50",children:t}),(0,o.jsx)("p",{children:s})]})})}var x=t(59920);function u(){return(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"})})}var m=[{feature:"Password protect any website only with a single line of code. That's it, really!!",children:(0,o.jsx)(x.EKh,{})}

1,{feature:"No database, backend or server side code is required. Everything is taken care by StaticShield",children:(0,o.jsx)(x.xFH,{})},{feature:"From signup to password protecting your site, it takes only 3 minutes!",children:(0,o.jsx)(x.SUY,{})},{feature:"The quickest way to set up password login page, hosted on StaticShield",children:(0,o.jsx)(u,{})},{feature:"StaticShield is framework agnostic. It works with the framework of your choice",children:(0,o.jsx)(x.itc,{})},{feature:"StaticShield hashes and encrypts data multiple times so that your data stays highly secure",children:(0,o.jsx)(x.HEZ,{})}],A=t(25675),f=t(22912),j={src:"/_next/static/image/public/thumbnail.bb47c27e9cce0ebfda956b3b66ce41d9.png",height:600,width:877,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAJFBMVEUCAgIrLCwSGx5ESk0gKS1DPTrQz89cXV2IiYkXW3gVZIf08vHk0S4LAAAADHRSTlPMzMzMzMvMy8vMzMzqZKMFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKElEQVQImRXHuREAIAwEsT3/QP/9Ms4kUEM7MBX2Cog8NwUgd9kC238LIQBnCsYtRgAAAABJRU5ErkJggg=="},g=t(95431),p=t(54668);function b(){var e=(0,i.aF)().user,s=(0,l.useRouter)(),t=(0,n.useState)(!1),x=t[0],u=t[1];return(0,n.useEffect)((function(){s.prefetch("/dashboard")}),[s]),e&&s.push("/dashboard"),(0,o.jsxs)("div",{className:"jsx-1625980872 text-center text-gray-900 bg-gray-50",children:[(0,o.jsx)("div",{className:"jsx-1625980872 block",children:(0,o.jsx)(d.Z,{})}),(0,o.jsxs)(a.T3,{children:[(0,o.jsxs)(c.default,{children:[(0,o.jsx)("title",{className:"jsx-1625980872",children:"StaticShield. The easiest way to password protect websites"}),(0,o.jsx)("link",{rel:"icon",href:"/staticshield.png",className:"jsx-1625980872"})]}),(0,o.jsx)("div",{className:"jsx-1625980872 mx-auto mt-16",children:(0,o.jsx)(A.default,{src:f.Z,alt:"",width:"160px",height:"160px",placeholder:"blur",priority:!0})}),(0,o.jsxs)(a.xv,{className:"!font-extrabold mt-12 text-5xl sm:text-7xl bg-gradient-to-r from-black via-gray-600 to-gray-500 !text-transparent bg-clip-text",h1:!0,children:["Static",(0,o.jsx)("span",{className:"jsx-1625980872 px-2 bg-gray-900 rounded-xl text-gray-50",children:"Shield"})]}),(0,o.jsxs)(a.xv,{className:"text-2xl",children:["StaticShield is the easiest way to"," ",(0,o.jsx)("span",{className:"jsx-1625980872 z-10 mx-1 heading-underline isolate whitespace-nowrap",children:"password protect"})," ",(0,o.jsx)("br",{className:"jsx-1625980872"}),"your static and dyanmic sites."]}),(0,o.jsx)("div",{className:"jsx-1625980872 mt-12",children:(0,o.jsx)(a.rU,{href:"/signup",children:(0,o.jsx)(a.zx,{size:"large",type:"success",className:"!inline-block ml-2 !shadow-md",children:"Get Started \u2192"})})}),(0,o.jsxs)("div",{className:"jsx-1625980872 mt-32",children:[(0,o.jsx)("h2",{className:"jsx-1625980872 mb-12 text-4xl font-extrabold",children:"Watch password protecting a website in record time"}),(0,o.jsx)("div",{style:{position:"relative",paddingBottom:"62.5%",height:0},className:"jsx-1625980872 !max-w-5xl !mx-10",children:x?(0,o.jsx)("iframe",{src:"https://www.loom.com/embed/d591d8f7bc784fc89240993e660f6898",frameBorder:0,webkitallowfullscreen:!0,mozallowfullscreen:!0,allowFullScreen:!0,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},className:"jsx-1625980872 shadow-2xl rounded-2xl"}):(0,o.jsx)("div",{onClick:function(){u(!0)},className:"jsx-1625980872 transition-all duration-300 cursor-pointer opacity-70 hover:opacity-100",children:(0,o.jsx)(A.default,{src:j,alt:"View the demo"})})})]}),(0,o.jsxs)("div",{className:"jsx-1625980872 mt-32",children:[(0,o.jsx)("h2",{className:"jsx-1625980872 mb-12 text-4xl font-extrabold",children:"Features"}),(0,o.jsx)("div",{className:"jsx-1625980872 flex flex-wrap",children:m.map((function(e){return(0,o.jsx)(h,{feature:e.feature,children:e.children},e.feature)}))})]}),(0,o.jsxs)("div",{className:"jsx-1625980872 mt-32",children:[(0,o.jsx)("h2",{className:"jsx-1625980872 mb-12 text-4xl font-extrabold",children:"Protect any website with StaticShield"}),(0,o.jsx)(A.default,{src:g.Z,alt:"",placeholder:"blur"}),(0,o.jsx)("img",{src:"/frameworks/frameworks.gif",alt:"",className:"jsx-1625980872"})]})]}),(0,o.jsxs)("div",{className:"jsx-1625980872 flex flex-col flex-wrap items-baseline max-w-3xl py-10 mx-auto text-center bg-blue-600 rounded-lg shadow-lg px-14",children:[(0,o.jsx)("div",{className:"jsx-1625980872",children:(0,o.jsx)("h2",{className:"jsx-1625980872 mr-5 text-4xl font-extrabold text-white",children:"Start password protecting websites now"})}),(0,o.jsx)("div",{className:"jsx-1625980872 mx-auto my-5",children:(0,o.jsx)(a.rU,{href:"/signup",children:(0,o.jsx)(a.zx,{type:"secondary",size:"large",children:"Sign up now"})})})]}),(0,o.jsx)(p.Z,{}),(0,o.jsx)(r.default,{id:"1625980872",children:["span.heading-underline.jsx-1625980872{position:relative;}","span.heading-underline.jsx-1625980872::after{content:'';background-color:#bfdbfe;border-radius:3px;-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);margin:auto;position:absolute;bottom:-0.125rem;left:-0.5rem;right:-0.5rem;height:2rem;z-index:-1;}"]})]})}},45301:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(86347)}])},95431:function(e,s){"use strict";s.Z={src:"/_next/static/image/public/frameworks.7d94731753d79130887ba71bc127e6ef.png",height:241,width:1515,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAAElBMVEXj3trWzuP14OTDy8nz5t/VxsMOeGk3AAAABnRSTlOTkm2WeaxP3dHsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEUl

1EQVQImWNgYmBgZWZkZAEAAEcAEd5k4NAAAAAASUVORK5CYII="}},22912:function(e,s){"use strict";s.Z={src:"/_next/static/image/public/staticshield.1dc73708998bc0cdb8b4dbecbcf03169.png",height:300,width:300,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAKlBMVEUAAABMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB41qtLAAAADXRSTlPcACmCDl4blMACQXH3jcr1EwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADlJREFUCJkdyEkOACEMBLHqLCTA5P/fHYmbZZY37jfwGaRMaoaQ5ZvQSc7DNdSDzIXsw2qJLeta2j8wVAFLmNVI8wAAAABJRU5ErkJggg=="}},48900:function(e,s,t){"use strict";s.Z=l;var r=i(t(67294)),a=i(t(45697));function i(e){return e&&e.__esModule?e:{default:e}}function l(e){var s=(e.width||36)+"px",t=(e.height||30)+"px",a=parseInt(t.replace("px",""))/2+"px",i=e.isOpen||!1,l=e.strokeWidth||2,n="-"+l/2+"px",c=e.animationDuration||"0.4",d=function(e,s,t){return"translate3d(0,"+(e?a:s)+",0) rotate("+(e?t+"deg":"0")+")"},o={container:{width:s,height:t,position:"relative",transform:"rotate("+(e.rotate||0)+"deg)"},lineBase:{display:"block",height:l+"px",width:"100%",background:e.color||"#000",transitionTimingFunction:"ease",transitionDuration:c+"s",borderRadius:(e.borderRadius||0)+"px",transformOrigin:"center",position:"absolute"},firstLine:{transform:d(i,0,45),marginTop:n},secondLine:{transitionTimingFunction:"ease-out",transitionDuration:c/4+"s",opacity:i?"0":"1",top:a,marginTop:n},thirdLine:{transform:d(i,t,-45),marginTop:n}};return r.default.createElement("div",{style:o.container,className:e.className,onClick:e.menuClicked},r.default.createElement("span",{style:Object.assign({},o.lineBase,o.firstLine)}),r.default.createElement("span",{style:Object.assign({},o.lineBase,o.secondLine)}),r.default.createElement("span",{style:Object.assign({},o.lineBase,o.thirdLine)}))}l.propTypes={isOpen:a.default.bool.isRequired,menuClicked:a.default.func.isRequired,width:a.default.number,height:a.default.number,strokeWidth:a.default.number,rotate:a.default.number,color:a.default.string,borderRadius:a.default.number,animationDuration:a.default.number,className:a.default.string}}},function(e){e.O(0,[61,920,774,888,179],(function(){return s=45301,e(e.s=s);var s}));var s=e.O();_N_E=s}]);