https://angrio-website-new.web.app/assets/CareerApply-DnpF2xS7.js

1import{j as e}from"./animation-YSIgU_H2.js";import{f as g,r as f,L as y}from"./react-vendor-B36vEBwZ.js";import{P as j,S as r}from"./ScrollReveal-AmcbrD65.js";import{i as b}from"./index-solTXp9Y.js";import"./lenis-Bu7sAdyK.js";import"./firebase-B6cbCLUP.js";const v=["Ionic Developer","Development Intern","Digital Marketing Intern","Sales Intern"];function F(){const[d]=g(),p=d.get("position")||"",[i,c]=f.useState({name:"",email:"",phone:"",position:p,linkedin:"",github:"",portfolio:"",message:""}),o=n=>{c(a=>({...a,[n.target.name]:n.target.value}))},m=n=>{n.preventDefault();const a=i.position||"Open Application",h=`Application: ${a}`,t=[`Name: ${i.name}`,`Email: ${i.email}`];i.phone&&t.push(`Phone: ${i.phone}`),t.push(`Position: ${a}`),i.linkedin&&t.push(`LinkedIn: ${i.linkedin}`),i.github&&t.push(`GitHub: ${i.github}`),i.portfolio&&t.push(`Portfolio: ${i.portfolio}`),i.message&&(t.push(""),t.push("Cover Note:"),t.push(i.message)),t.push(""),t.push("---"),t.push("Please attach your resume to this email before sending.");const x=t.join(`
2`),u=`mailto:[email protected]?subject=${encodeURIComponent(h)}&body=${encodeURIComponent(x)}`;b("career_apply",{position:a}),window.location.href=u},s=!p,l={display:"block",fontFamily:"var(--font-body)",fontSize:"12px",fontWeight:500,color:"var(--text-muted)",marginBottom:"8px",letterSpacing:"0.04em"};return e.jsxs(j,{children:[e.jsx("section",{style:{padding:"160px 0 80px",background:"var(--bg)"},children:e.jsxs("div",{style:{maxWidth:"1280px",margin:"0 auto",padding:"0 40px"},children:[e.jsx(r,{children:e.jsx(y,{to:"/career",style:{display:"inline-flex",alignItems:"center",gap:"6px",fontFamily:"var(--font-body)",fontSize:"13px",color:"var(--text-muted)",textDecoration:"none",marginBottom:"24px",transition:"color 0.2s ease"},onMouseEnter:n=>n.currentTarget.style.color="var(--orange)",onMouseLeave:n=>n.currentTarget.style.color="var(--text-muted)",children:"← Back to Careers"})}),e.jsx(r,{delay:.05,children:e.jsx("span",{className:"section-label orange",style:{display:"block",marginBottom:"20px"},children:s?"Open Application":"Apply Now"})}),e.jsx(r,{delay:.1,children:e.jsx("h1",{style:{fontFamily:"var(--font-display)",fontSize:"clamp(28px, 4vw, 52px)",fontWeight:800,letterSpacing:"-0.04em",lineHeight:1.05,color:"var(--text)",maxWidth:"820px",marginBottom:"32px"},children:s?e.jsxs(e.Fragment,{children:["Join the ",e.jsx("span",{style:{color:"var(--orange)"},children:"Angrio"})," team"]}):e.jsxs(e.Fragment,{children:["Apply for ",e.jsx("span",{style:{color:"var(--orange)"},children:p})]})})}),e.jsx(r,{delay:.2,children:e.jsx("p",{style:{fontFamily:"var(--font-body)",fontSize:"17px",fontWeight:300,color:"var(--text-muted)",maxWidth:"520px",lineHeight:1.7},children:"Fill in your details below. Clicking submit will open your email client with everything pre-filled — just attach your resume and hit send."})})]})}),e.jsx("section",{style:{padding:"0 0 96px",background:"var(--bg)"},children:e.jsx("div",{style:{maxWidth:"720px",margin:"0 auto",padding:"0 40px"},children:e.jsx(r,{children:e.jsxs("form",{onSubmit:m,style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsxs("div",{className:"form-row",style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"16px"},children:[e.jsxs("div",{children:[e.jsx("label",{style:l,children:"Full Name *"}),e.jsx("input",{type:"text",name:"name",value:i.name,onChange:o,required:!0,placeholder:"John Smith",className:"form-field"})]}),e.jsxs("div",{children:[e.jsx("label",{style:l,children:"Email Address *"}),e.jsx("input",{type:"email",name:"email",value:i.email,onChange:o,required:!0,placeholder:"[email protected]",className:"form-field"})]})]}),e.jsxs("div",{className:"form-row",style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"16px"},children:[e.jsxs("div",{children:[e.jsx("label",{style:l,children:"Phone Number"}),e.jsx("input",{type:"tel",name:"phone",value:i.phone,onChange:o,placeholder:"+91 98765 43210",className:"form-field"})]}),e.jsxs("div",{children:[e.jsxs("label",{style:l,children:["Position ",!s&&"*"]}),e.jsxs("select",{name:"position",value:i.position,onChange:o,required:!s,className:"form-field",style:{width:"100%",padding:"16px 20px",background:"transparent",border:"1px solid var(--border)",borderRadius:"10px",fontFamily:"var(--font-body)",fontSize:"15px",color:"var(--text)",outline:"none",cursor:"pointer",appearance:"none"},children:[e.jsx("option",{value:"",children:"Open Application"}),v.map(n=>e.jsx("option",{value:n,children:n},n))]})]})]}),e.jsxs("div",{className:"form-row",style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"16px"},children:[e.jsxs("div",{children:[e.jsx("label",{style:l,children:"LinkedIn Profile"}),e.jsx("input",{type:"url",name:"linkedin",value:i.linkedin,onChange:o,placeholder:"https://linkedin.com/in/...",className:"form-field"})]}),e.jsxs("div",{children:[e.jsx("label",{style:l,children:"GitHub Profile"}),e.jsx("input",{type:"url",name:"github",value:i.github,onChange:o,placeholder:"https://github.com/...",className:"form-field"})]})]}),e.jsxs("div",{children:[e.jsx("label",{style:l,children:"Portfolio / Personal Website"}),e.jsx("input",{type:"url",name:"portfolio",value:i.portfolio,onChange:o,placeholder:"https://yoursite.com",className:"form-field"})]}),e.jsxs("div",{children:[e.jsx("label",{style:l,children:"Cover Note"}),e.jsx("textarea",{name:"message",value:i.message,onChange:o,placeholder:"Tell us why you'd be a great fit...",className:"form-field",style:{minHeight:"120px",resize:"vertical"}})]}),e.jsx("p",{style:{fontFamily:"var(--font-body)",fontSize:"13px",color:"var(--text-light)",lineHeight:1.6,padding:"12px 16px",background:"var(--orange-light)",borderRadius:"10px",border:"1px solid var(--orange-muted)"},children:"Your email client will open with the details pre-filled. Please remember to attach your resume (PDF or DOC) before sending."}),e.jsxs("button",{type:"submit",className:"btn-orange",style:{width:"100%",justifyContent:"center",padding:"18px",fontSize:"16px"},children:["Submit Application ",e.jsx("span",{style:{marginLeft:"4px"},children:"→"})]})]})})})})]})}export{F as default};