https://trof.ai/_next/static/chunks/pages/auth/forgot-password-c0cc39fc340b5436.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4076],{99104:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth/forgot-password",function(){return t(49278)}])},72902:function(e,a,t){"use strict";var o=t(85893),i=t(40645),s=t.n(i);t(67294),a.Z=e=>{let{children:a,onClick:t,type:i="button",disabled:d=!1,className:r="",isLoading:n=!1,fullWidth:l=!1,variant:c="primary"}=e;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("button",{type:i,onClick:t,disabled:d||n,className:"jsx-99f82adf1dfd2158 "+("base-button ".concat("primary"!==c?c:""," ").concat(l?"full-width":""," ").concat(r).trim()||""),children:n?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"jsx-99f82adf1dfd2158 loading-spinner"}),a]}):a}),(0,o.jsx)(s(),{id:"99f82adf1dfd2158",children:".base-button.jsx-99f82adf1dfd2158{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.6rem 1.2rem;background:#62d76b;color:black;border:2px solid black;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;-webkit-transition:all.2s ease;-moz-transition:all.2s ease;-o-transition:all.2s ease;transition:all.2s ease;-webkit-box-shadow:2px 2px 0 rgba(0,0,0,.8);-moz-box-shadow:2px 2px 0 rgba(0,0,0,.8);box-shadow:2px 2px 0 rgba(0,0,0,.8)}.base-button.jsx-99f82adf1dfd2158:hover{background:#56c15f;-webkit-box-shadow:3px 3px 0 rgba(0,0,0,.8);-moz-box-shadow:3px 3px 0 rgba(0,0,0,.8);box-shadow:3px 3px 0 rgba(0,0,0,.8);-webkit-transform:translatey(-1px);-moz-transform:translatey(-1px);-ms-transform:translatey(-1px);-o-transform:translatey(-1px);transform:translatey(-1px)}.base-button.secondary.jsx-99f82adf1dfd2158{background:#808080;color:white;border:2px solid#5A5A5A}.base-button.secondary.jsx-99f82adf1dfd2158:hover{background:#666}.base-button.light-outline.jsx-99f82adf1dfd2158{background:#e2e8f0;color:black;border:2px solid black}.base-button.light-outline.jsx-99f82adf1dfd2158:hover{background:#cbd5e0}.base-button.jsx-99f82adf1dfd2158:disabled{background:#e2e8f0;color:#a0aec0;border-color:#a0aec0;cursor:not-allowed;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.base-button.secondary.jsx-99f82adf1dfd2158:disabled{background:#ccc;color:#888;border-color:#aaa}.base-button.light-outline.jsx-99f82adf1dfd2158:disabled{background:#f7fafc;color:#a0aec0;border-color:#e2e8f0}.full-width.jsx-99f82adf1dfd2158{width:100%}.small.jsx-99f82adf1dfd2158{padding:.4rem .8rem;font-size:.75rem;-webkit-box-shadow:1px 1px 0 rgba(0,0,0,.8);-moz-box-shadow:1px 1px 0 rgba(0,0,0,.8);box-shadow:1px 1px 0 rgba(0,0,0,.8)}.small.jsx-99f82adf1dfd2158:hover{-webkit-box-shadow:2px 2px 0 rgba(0,0,0,.8);-moz-box-shadow:2px 2px 0 rgba(0,0,0,.8);box-shadow:2px 2px 0 rgba(0,0,0,.8)}.outline.jsx-99f82adf1dfd2158{background:transparent;border:1px solid#62d76b;color:#62d76b;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.outline.jsx-99f82adf1dfd2158:hover{background:rgba(98,215,107,.1);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.loading-spinner.jsx-99f82adf1dfd2158{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(26,26,26,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border-top-color:#1a1a1a;-webkit-animation:spin 1s ease-in-out infinite;-moz-animation:spin 1s ease-in-out infinite;-o-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin{to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}"})]})}},49278:function(e,a,t){"use strict";t.r(a),t.d(a,{default:function(){return p}});var o=t(85893),i=t(40645),s=t.n(i),d=t(67294),r=t(11163),n=t(41664),l=t.n(n),c=t(9008),x=t.n(c),b=t(72902),m=t(25675),f=t.n(m);function p(){let[e,a]=(0,d.useState)(""),[t,i]=(0,d.useState)(""),[n,c]=(0,d.useState)(!1),[m,p]=(0,d.useState)(""),[u,g]=(0,d.useState)(""),[h,w]=(0,d.useState)(0),k=(0,r.useRouter)(),j=[{image:"/images/trof.ai sign in page.jpg",text:"Turn Listings Into\nScroll-Stopping Content"},{image:"/images/trof.ai sign in page(1).jpg",text:"Create Viral Videos\n& Engaging Carousels"},{image:"/images/trof.ai sign in page(2).jpg",text:"Schedule & Post\nWith One Click"}];(0,d.useEffect)(()=>{let e=setInterval(()=>{w(e=>(e+1)%j.length)},5e3);return()=>clearInterval(e)},[]);let y=e=>e?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)?(i(""),!0):(i("Please enter a valid email address"),!1):(i("Email is required"),!1),z=async a=>{if(a.preventDefault(),g(""),p(""),y(e)){c(!0);try{let a=await fetch("/api/auth/forgot-password",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:e})}),t=await a.json();a.ok?(p("Password reset code has been sent to your email. Redirecting to enter your co

1de..."),setTimeout(()=>{k.push("/auth/reset-password?email=".concat(encodeURIComponent(e)))},1200)):g(t.error||"Failed to send reset email. Please try again.")}catch(e){console.error("Forgot password error:",e),g("An error occurred. Please try again.")}finally{c(!1)}}};return(0,o.jsxs)("div",{className:"jsx-e1d28c204addaa19 auth-page",children:[(0,o.jsxs)(x(),{children:[(0,o.jsx)("title",{className:"jsx-e1d28c204addaa19",children:"Reset Password - Trofai"}),(0,o.jsx)("meta",{name:"description",content:"Reset your Trofai account password",className:"jsx-e1d28c204addaa19"}),(0,o.jsx)("link",{rel:"icon",href:"/favicon.ico",className:"jsx-e1d28c204addaa19"}),(0,o.jsx)("link",{href:"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap",rel:"stylesheet",className:"jsx-e1d28c204addaa19"})]}),(0,o.jsxs)("div",{className:"jsx-e1d28c204addaa19 auth-card",children:[(0,o.jsxs)("div",{style:{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url('".concat(j[h].image,"')")},className:"jsx-e1d28c204addaa19 auth-left",children:[(0,o.jsx)("div",{className:"jsx-e1d28c204addaa19 back-to-website",children:(0,o.jsx)(l(),{href:"/",children:"back to website"})}),(0,o.jsxs)("div",{className:"jsx-e1d28c204addaa19 auth-content",children:[(0,o.jsx)("h2",{className:"jsx-e1d28c204addaa19 slogan",children:j[h].text}),(0,o.jsx)("div",{className:"jsx-e1d28c204addaa19 dots",children:j.map((e,a)=>(0,o.jsx)("span",{onClick:()=>w(a),className:"jsx-e1d28c204addaa19 "+"dot ".concat(h===a?"active":"")},a))})]})]}),(0,o.jsx)("div",{className:"jsx-e1d28c204addaa19 auth-right",children:(0,o.jsxs)("div",{className:"jsx-e1d28c204addaa19 auth-container",children:[(0,o.jsxs)("div",{className:"jsx-e1d28c204addaa19 auth-header",children:[(0,o.jsx)("div",{className:"jsx-e1d28c204addaa19 logo",children:(0,o.jsx)(f(),{src:"/images/trofailogo.png",alt:"Trofai Logo",width:160,height:48,style:{objectFit:"contain"},priority:!0})}),(0,o.jsx)("h2",{className:"jsx-e1d28c204addaa19 auth-title",children:"Reset your password"}),(0,o.jsx)("p",{className:"jsx-e1d28c204addaa19 auth-subtitle",children:"Enter your email address and we'll send you a link to reset your password"})]}),u&&(0,o.jsx)("div",{className:"jsx-e1d28c204addaa19 error-message",children:u}),m&&(0,o.jsx)("div",{className:"jsx-e1d28c204addaa19 success-message",children:m}),(0,o.jsxs)("form",{onSubmit:z,className:"jsx-e1d28c204addaa19 auth-form",children:[(0,o.jsxs)("div",{className:"jsx-e1d28c204addaa19 form-group",children:[(0,o.jsx)("label",{htmlFor:"email",className:"jsx-e1d28c204addaa19",children:"Email"}),(0,o.jsx)("input",{id:"email",type:"email",value:e,onChange:e=>{a(e.target.value),y(e.target.value)},onBlur:e=>y(e.target.value),required:!0,placeholder:"Enter your email",className:"jsx-e1d28c204addaa19 "+"auth-input ".concat(t?"error":"")}),t&&(0,o.jsx)("p",{className:"jsx-e1d28c204addaa19 error-text",children:t})]}),(0,o.jsx)(b.Z,{type:"submit",disabled:n,isLoading:n,fullWidth:!0,children:"Send Reset Link"})]}),(0,o.jsx)("div",{className:"jsx-e1d28c204addaa19 auth-footer",children:(0,o.jsxs)("p",{className:"jsx-e1d28c204addaa19",children:["Remember your password?"," ",(0,o.jsx)(l(),{href:"/auth/signin",children:(0,o.jsx)("span",{className:"jsx-e1d28c204addaa19 auth-green-link",children:"Sign in"})})]})})]})})]}),(0,o.jsx)(s(),{id:"e1d28c204addaa19",children:'.auth-page.jsx-e1d28c204addaa19{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:#1a1625;font-family:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.auth-card.jsx-e1d28c204addaa19{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;background:rgba(255,255,255,.02)}.auth-left.jsx-e1d28c204addaa19{-webkit-box-flex:1.2;-webkit-flex:1.2;-moz-box-flex:1.2;-ms-flex:1.2;flex:1.2;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;color:white;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2rem;position:relative;-webkit-box-pack:end;

1-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:background-image.5s ease-in-out;-moz-transition:background-image.5s ease-in-out;-o-transition:background-image.5s ease-in-out;transition:background-image.5s ease-in-out}.back-to-website.jsx-e1d28c204addaa19{position:absolute;top:2rem;left:2rem;z-index:10}.back-to-website.jsx-e1d28c204addaa19 a.jsx-e1d28c204addaa19{color:white;text-decoration:none;font-weight:500;-webkit-transition:all.2s;-moz-transition:all.2s;-o-transition:all.2s;transition:all.2s;font-size:.875rem;opacity:.9}.back-to-website.jsx-e1d28c204addaa19 a.jsx-e1d28c204addaa19:hover{opacity:1}.auth-content.jsx-e1d28c204addaa19{margin:0;padding:0 2rem;position:relative;z-index:5;text-align:left;width:100%;max-width:600px;margin-left:2rem;margin-bottom:2rem}.slogan.jsx-e1d28c204addaa19{font-size:2.25rem;font-weight:400;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:-.02em;opacity:.95;white-space:pre-line}.dots.jsx-e1d28c204addaa19{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:.75rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.dot.jsx-e1d28c204addaa19{width:6px;height:6px;background:rgba(255,255,255,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all.3s ease;-moz-transition:all.3s ease;-o-transition:all.3s ease;transition:all.3s ease;cursor:pointer}.dot.active.jsx-e1d28c204addaa19{background:#62d76b;width:20px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.auth-right.jsx-e1d28c204addaa19{-webkit-box-flex:.8;-webkit-flex:.8;-moz-box-flex:.8;-ms-flex:.8;flex:.8;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:3rem;background:white}.auth-container.jsx-e1d28c204addaa19{width:100%;max-width:420px}.auth-header.jsx-e1d28c204addaa19{margin-bottom:2rem}.logo.jsx-e1d28c204addaa19{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:1.5rem}.auth-title.jsx-e1d28c204addaa19{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a;font-family:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.auth-subtitle.jsx-e1d28c204addaa19{margin:.5rem 0 0 0;font-size:.875rem;color:#718096;font-family:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.auth-form.jsx-e1d28c204addaa19{margin-bottom:2rem}.form-group.jsx-e1d28c204addaa19{margin-bottom:1.25rem}.form-group.jsx-e1d28c204addaa19 label.jsx-e1d28c204addaa19{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.auth-input.jsx-e1d28c204addaa19{width:100%;padding:.75rem 1rem;background:#f9fafb;border:1px solid#e2e8f0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-size:.875rem;color:#1a1a1a;-webkit-transition:all.2s ease;-moz-transition:all.2s ease;-o-transition:all.2s ease;transition:all.2s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:48px}.auth-input.jsx-e1d28c204addaa19::-webkit-input-placeholder{color:#a0aec0}.auth-input.jsx-e1d28c204addaa19:-moz-placeholder{color:#a0aec0}.auth-input.jsx-e1d28c204addaa19::-moz-placeholder{color:#a0aec0}.auth-input.jsx-e1d28c204addaa19:-ms-input-placeholder{color:#a0aec0}.auth-input.jsx-e1d28c204addaa19::-ms-input-placeholder{color:#a0aec0}.auth-input.jsx-e1d28c204addaa19::placeholder{color:#a0aec0}.auth-input.jsx-e1d28c204addaa19:focus{outline:none;border-color:#62d76b;-webkit-box-shadow:0 0 0 3px rgba(98,215,107,.1);-moz-box-shadow:0 0 0 3px rgba(98,215,107,.1);box-shadow:0 0 0 3px rgba(98,215,107,.1);background:white}.error-message.jsx-e1d28c204addaa19{background:#fff5f5;color:#e53e3e;padding:.75rem 1rem;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;border:1px solid#feb2b2}.success-message.jsx-e1d28c204addaa19{background:#f0fff4;color:#38a169;padding:.75rem 1rem;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;border:1px solid#9ae6b4}.auth-footer.jsx-e1d28c204addaa19{text-align:center;color:#718096;font-size:.875rem}.auth-footer.jsx-e1d28c204addaa19 a.jsx-e1d28c204addaa19{color:inherit;font-weight:600;text-decoration:none;-webkit-transition:color.2s ease;-moz-transition:color.2s ease;-o-transition:color.2s ease;transition:color.2s ease}.auth-footer.jsx-e1d28c204addaa19 a.jsx-e1d28c204addaa19:hover{color:#4caf50;text-decoration:underline}.auth-green-link.jsx-e1d28c204addaa19{color:#62d76b}.auth-input.error.jsx-e1d28c204addaa19{border-color:#e53e3e;background:#fff5f5}.auth-input.error.jsx-e1d28c204addaa19:focus{-webkit-box-shadow:0 0 0 3px rgba(229,62,62,.1);-moz-box-shadow:0 0 0 3px rgba(229,62,62,.1);box-shadow:0 0 0 3px rgba(229,62,62,.1)}.error-text.jsx-e1d28c204addaa19{color:#e53e3e;font-size:.75rem;margin-top:.25rem;margin-bottom:0}@media(max-width:1024px){.auth-left.jsx-e1d28c204addaa19{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.auth-right.jsx-e1d28c204addaa19{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:2.5rem}.auth-container.jsx-e1d28c204addaa19{max-width:380px}}@media(max-width:768px){.auth-card.jsx-e1d28c204addaa19{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.auth-left.jsx-e1d28c204addaa19{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;height:35vh;min-height:250px;padding:1.5rem;-webkit-box-pack:center;

1-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.auth-content.jsx-e1d28c204addaa19{margin:0;padding:0;max-width:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.slogan.jsx-e1d28c204addaa19{font-size:1.75rem;margin-bottom:1rem;text-align:center}.back-to-website.jsx-e1d28c204addaa19{top:1rem;left:1rem}.auth-right.jsx-e1d28c204addaa19{padding:2rem 1.5rem;min-height:65vh;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-top:1.5rem}.auth-container.jsx-e1d28c204addaa19{max-width:100%;width:100%}.logo.jsx-e1d28c204addaa19 img.jsx-e1d28c204addaa19{width:140px!important;height:auto!important}}@media(max-width:480px){.auth-right.jsx-e1d28c204addaa19{padding:1.5rem 1rem}.auth-input.jsx-e1d28c204addaa19{padding:.875rem 1rem;font-size:1rem}.auth-title.jsx-e1d28c204addaa19{font-size:1.375rem}.logo.jsx-e1d28c204addaa19 img.jsx-e1d28c204addaa19{width:120px!important}}@media(max-width:360px){.auth-right.jsx-e1d28c204addaa19{padding:1rem .75rem}.logo.jsx-e1d28c204addaa19 img.jsx-e1d28c204addaa19{width:100px!important}}'})]})}}},function(e){e.O(0,[3424,5675,2888,9774,179],function(){return e(e.s=99104)}),_N_E=e.O()}]);