https://drheadshot.com/_next/static/chunks/pages/app/create/step1-87c8b99c5ac64d6a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3677],{16278:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app/create/step1",function(){return t(1234)}])},95736:function(e,s,t){"use strict";var r=t(85893),l=t(67294),n=t(11163),o=t(62286);let a=e=>{let s=s=>{(0,n.useRouter)();let{token:t}=(0,o.parseCookies)();return(0,l.useEffect)(()=>{t||console.log("no token. redirect to login")},[t]),(0,r.jsx)(e,{...s})};return s};s.Z=a},1234:function(e,s,t){"use strict";t.r(s),t.d(s,{__N_SSP:function(){return x}});var r=t(85893);t(47015),t(68477);var l=t(9008),n=t.n(l);t(95736);var o=t(67294);t(62286);var a=t(11163);t(30381),t(41474),t(76891);var i=t(61798),d=t(42314);t(41664),t(25675),t(52955),t(39255);var c=t(30299),x=!0;s.default=function(e){let{user:s,purchases:t,isLoggedIn:l}=e,x=(0,a.useRouter)(),[h,m]=(0,o.useState)(!1),[u,g]=(0,o.useState)(!1),{t:p}=(0,i.$G)("app"),f=e=>{e?document.body.style.overflow="hidden":document.body.style.overflow="auto"};return(0,o.useEffect)(()=>(f(u),()=>f(!1)),[u]),(0,r.jsxs)("div",{children:[(0,r.jsxs)(n(),{children:[(0,r.jsx)("title",{children:"Step 1 - Dr. Headshot"}),(0,r.jsx)("meta",{name:"theme-color",content:"#f3f4f6"}),(0,r.jsx)("meta",{name:"description",content:"AI-powered corporate headshot pictures for remote teams, CVs, LinkedIn and more."}),(0,r.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),(0,r.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,r.jsx)("div",{className:"grid min-h-screen grid-cols-1 gap-y-10 bg-gray-50 sm:h-screen sm:gap-y-16 sm:overflow-hidden xl:grid-cols-1",children:(0,r.jsxs)("div",{className:" sm:overflow-auto",children:[(0,r.jsx)(c.Z,{isLoggedIn:l}),(0,r.jsx)("div",{className:"mx-auto  max-w-2xl px-0 md:px-8  relative",children:(0,r.jsx)("div",{className:"mb-4 md:mb-4 w-full  md:w-auto px-2",children:(0,r.jsx)(d.Z,{currentStep:1})})}),(0,r.jsxs)("div",{className:"mx-auto  max-w-5xl px-0 md:px-8 pb-20 relative",children:[t&&t.length>0?(0,r.jsx)("div",{className:"px-4",children:(0,r.jsx)("div",{className:"relative overflow-hidden rounded-2xl border border-orange-200 bg-gradient-to-br from-orange-50 to-white shadow-sm mb-4",children:(0,r.jsxs)("div",{className:"flex flex-col md:flex-row items-center gap-4 p-4 md:p-5",children:[(0,r.jsx)("div",{className:"flex items-center justify-center h-12 w-12 rounded-full bg-white ring-1 ring-orange-200 text-orange-600",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-6 w-6",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})}),(0,r.jsxs)("div",{className:"flex-1 w-full text-center md:text-left",children:[(0,r.jsx)("div",{className:"text-base md:text-lg font-semibold text-gray-900",children:p("finishUpload")}),(0,r.jsx)("div",{className:"text-sm text-gray-600",children:p("uploadToContinue")})]}),(0,r.jsx)("div",{className:"w-full md:w-auto",children:(0,r.jsxs)("button",{onClick:()=>x.push("/app/create/upload/step1"),className:"inline-flex w-full md:w-auto items-center justify-center rounded-full bg-orange-600 px-5 h-11 text-white font-medium shadow hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:ring-offset-2 transition",children:[p("continue"),(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,className:"ml-2 h-5 w-5",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"})})]})})]})})}):null,(0,r.jsxs)("div",{className:"px-4 py-0 md:py-10 md:p-8 w-full relative",children:[(0,r.jsxs)("div",{className:"flex flex-col text-center items-center mb-8 md:mb-10 px-4",children:[(0,r.jsx)("div",{className:"text-2xl font-bold tracking-tight sm:text-2xl lg:text-3xl text-gray-800",children:p("step1WhoForTitle")}),(0,r.jsx)("div",{className:"mt-2 text-sm sm:text-base font-medium text-gray-600 md:max-w-xl md:mx-auto",children:p("step1WhoForSubtitle")})]}),(0,r.jsx)("div",{children:(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 mt-8",children:[(0,r.jsxs)("div",{className:"group flex flex-col relative overflow-hidden rounded-2xl bg-white border border-gray-200 shadow-[0_2px_8px_rgba(0,0,0,0.08)] md:border-gray-100/80 md:shadow-[0_1px_3px_rgba(0,0,0,0.04)] hover:shadow-[0_8px_30px_rgba(249,115,22,0.12)] hover:border-orange-100 hover:-translate-y-0.5 transition-all duration-300 ease-out h-full",children:[(0,r.jsx)("div",{className:"absolute top-0 left-0 right-0 h-[3px] bg-gradient-to-r from-orange-400 via-orange-500 to-amber-500 rounded-t-2xl","aria-hidden":"true"}),(0,r.jsxs)("div",{className:"flex flex-col justify-between items-start py-6 md:py-8 flex-1 px-6 md:px-8",children:[(0,r.jsxs)("div",{className:"flex-1 w-full",children:[(0,r.jsxs)("div",{className:"flex flex-col items-start gap-4 mb-4",children:[(0,r.jsx)("div",{className:"flex items-center justify-center h-11 w-11 rounded-xl bg-orange-50 text-orange-600 group-hover:bg-orange-100 transition-colors duration-300",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.75,stroke:"currentColor",className:"w-6 h-6",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"})})}),(0,r.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("h3",{className:"font-semibold text-gray-900 text-xl leading-tight",children:p("createYourHeadshots")}),(0,r.jsx)("span",{className:"px-2.5 py-1 text-xs font-medium bg-orange-100 text-orange-700 rounded-md",children:p("popular")})]})]}),(0,r.jsx)("p",{className:"text-[15px] text-gray-600 tracking-tight mb-4 leading-relaxed",children:p("step1PersonalDesc")}),(0,r.jsxs)("ul",{className:"hidden sm:block space-y-2.5 text-[15px] font-normal text-gray-600 tracking-tight mb-4",children:[(0,r.jsxs)("li",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("span",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-orange-100",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",strokeWidth:2.5,stroke:"currentColor",className:"w-3 h-3 text-orange-600",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})})}),p("step1PersonalBullet1")]}),(0,r.jsxs)("li",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("span",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-orange-100",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",strokeWidth:2.5,stroke:"currentColor",className:"w-3 h-3 text-orange-600",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})})}),p("step1PersonalBullet2")]}),(0,r.jsxs)("li",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("span",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-orange-100",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",strokeWidth:2.5,stroke:"currentColor",className:"w-3 h-3 text-orange-600",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})})}),p("step1PersonalBullet3")]})]})]}),(0,r.jsx)("div",{className:"w-full mt-6 pt-4 border-t border-gray-100/80",children:(0,r.jsxs)("button",{onClick:()=>x.push("/app/create/step2"),className:"flex w-full items-center justify-center rounded-xl bg-orange-600 px-4 h-12 text-center font-medium text-white shadow-sm shadow-orange-200/40 hover:bg-orange-700 hover:shadow-md hover:shadow-orange-300/50 hover:scale-[1.02] active:scale-[0.99] focus:outline-none focus:ring-2 focus:ring-orange-500 focus:ring-offset-2 transition-all duration-200 gap-2",children:[p("createYourHeadshots"),(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",className:"w-4 h-4",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"})})]})})]})]}),(0,r.jsxs)("div",{className:"group flex flex-col relative overflow-hidden rounded-2xl bg-white border border-gray-200 md:border-gray-100/80 shadow-[0_2px_8px_rgba(0,0,0,0.08)] md:shadow-[0_1px_3px_rgba(0,0,0,0.04)] hover:shadow-[0_8px_30px_rgba(71,85,105,0.1)] hover:border-slate-200 hover:-translate-y-0.5 transition-all duration-300 ease-out h-full",children:[(0,r.jsx)("div",{className:"absolute top-0 left-0 right-0 h-[3px] bg-gradient-to-r from-slate-400 via-slate-500 to-slate-600 rounded-t-2xl","aria-hidden":"true"}),(0,r.jsxs)("div",{className:"flex flex-col justify-between items-start py-6 md:py-8 flex-1 px-6 md:px-8",children:[(0,r.jsxs)("div",{className:"flex-1 w-full",children:[(0,r.jsxs)("div",{className:"flex flex-col items-start gap-4 mb-4",children:[(0,r.jsx)("div",{className:"flex items-center justify-center h-11 w-11 rounded-xl bg-slate-100 text-slate-600 group-hover:bg-slate-200 transition-colors duration-300",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.75,stroke:"currentColor",className:"w-6 h-6",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"})})}),(0,r.jsx)("h3",{className:"font-semibold text-gray-900 text-xl leading-tight",children:p("createTeamHeadshots")})]}),(0,r.jsx)("p",{className:"text-[15px] text-gray-600 tracking-tight mb-4 leading-relaxed",children:p("step1TeamDesc")}),(0,r.jsxs)("ul",{className:"hidden sm:block space-y-2.5 text-[15px] font-normal text-gray-600 tracking-tight mb-4",children:[(0,r.jsxs)("li",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("span",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-slate-200",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",strokeWidth:2.5,stroke:"currentColor",className:"w-3 h-3 text-slate-600",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})})}),p("step1TeamBullet1")]}),(0,r.jsxs)("li",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("span",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-slate-200",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",strokeWidth:2.5,stroke:"currentColor",className:"w-3 h-3 text-slate-600",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})})}),p("step1TeamBullet2")]}),(0,r.jsxs)("li",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("span",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-slate-200",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",strokeWidth:2.5,stroke:"currentColor",className:"w-3 h-3 text-slate-600",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})})}),p("step1TeamBullet3")]})]})]}),(0,r.jsx)("div",{className:"w-full mt-6 pt-4 border-t border-gray-100/80",children:(0,r.jsxs)("button",{onClick:()=>x.push("/app/create/team"),className:"flex w-full items-center justify-center rounded-xl border-2 border-slate-200 bg-white px-4 h-12 text-center font-medium text-slate-700 shadow-sm hover:bg-slate-50 hover:border-slate-300 hover:scale-[1.02] active:scale-[0.99] focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 transition-all duration-200 gap-2",children:[p("createTeamHeadshots"),(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",className:"w-4 h-4 text-slate-500",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"})})]})})]})]})]})})]})]})]})})]})}}},function(e){e.O(0,[4885,1664,5675,7015,299,8477,1474,2349,9774,2888,179],function(){return e(e.s=16278)}),_N_E=e.O()}]);