https://jerry-portfolio-rouge.vercel.app/_next/static/chunks/app/contact/page-44fdf23ba1861a11.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="30d27c69-7126-461b-bbed-156e1f505d2d",e._sentryDebugIdIdentifier="sentry-dbid-30d27c69-7126-461b-bbed-156e1f505d2d")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[327],{9773:function(e,t,a){Promise.resolve().then(a.bind(a,1788))},1788:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return z}});var s=a(4864),r=a(4728),l=a(4504),n=a(2192),i=a(9405);let o=r.forwardRef((e,t)=>{let{className:a,type:r,...l}=e;return(0,s.jsx)("input",{type:r,className:(0,i.cn)("flex h-[40px] rounded-md border border-white/10 focus:border-accent font-light bg-primary px-4 py-5 text-base placeholder:text-white/60 outline-none",a),ref:t,...l})});o.displayName="Input";var d=a(7242),c=a(958),m=a(7606),x=a(476),p=a(4099);let f=c.fC,h=c.ZA,u=c.B4,g=r.forwardRef((e,t)=>{let{className:a,children:r,...l}=e;return(0,s.jsxs)(c.xz,{ref:t,className:(0,i.cn)("flex h-[48px] w-full items-center justify-between rounded-md border border-white/10 bg-primary px-4 py-5 text-base text-white/60 placeholder:text-white/10 focus:border-accent outline-none",a),...l,children:[r,(0,s.jsx)(c.JO,{asChild:!0,children:(0,s.jsx)(m.Z,{className:"h-4 w-4 opacity-50"})})]})});g.displayName=c.xz.displayName;let y=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(c.u_,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...r,children:(0,s.jsx)(x.Z,{className:"h-4 w-4"})})});y.displayName=c.u_.displayName;let b=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(c.$G,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...r,children:(0,s.jsx)(m.Z,{className:"h-4 w-4"})})});b.displayName=c.$G.displayName;let j=r.forwardRef((e,t)=>{let{className:a,children:r,position:l="popper",...n}=e;return(0,s.jsx)(c.h_,{children:(0,s.jsxs)(c.VY,{ref:t,className:(0,i.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-white/10 bg-primary text-white shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:l,...n,children:[(0,s.jsx)(y,{}),(0,s.jsx)(c.l_,{className:(0,i.cn)("p-1","popper"===l&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:r}),(0,s.jsx)(b,{})]})})});j.displayName=c.VY.displayName;let w=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(c.__,{ref:t,className:(0,i.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",a),...r})});w.displayName=c.__.displayName;let v=r.forwardRef((e,t)=>{let{className:a,children:r,...l}=e;return(0,s.jsxs)(c.ck,{ref:t,className:(0,i.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...l,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)(c.wU,{children:(0,s.jsx)(p.Z,{className:"h-4 w-4"})})}),(0,s.jsx)(c.eT,{children:r})]})});v.displayName=c.ck.displayName,r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(c.Z0,{ref:t,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",a),...r})}).displayName=c.Z0.displayName;let N=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("textarea",{className:(0,i.cn)("flex min-h-[80px] w-full rounded-md border border-white/10 bg-primary px-4 py-5 text-base placeholder:text-white/60 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",a),ref:t,...r})});

1N.displayName="Textarea";var _=a(556);let k=(0,a(4305).j)("inline-flex items-center justify-center whitespace-nowrap rounded-full text-base font-semibold ring-offset-white transition-colors",{variants:{variant:{default:"bg-accent text-primary hover:bg-accent-hover",primary:"bg-primary text-white",outline:"border border-accent bg-transparent text-accent hover:text-primary hover:bg-accent"},size:{default:"h-[44px] px-6",sm:"h-[48px] px-6",lg:"h-[56px] px-8 text-sm uppercase tracking-[2px]",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),C=r.forwardRef((e,t)=>{let{className:a,variant:r,size:l,asChild:n=!1,...o}=e,d=n?_.g7:"button";return(0,s.jsx)(d,{className:(0,i.cn)(k({variant:r,size:l,className:a})),ref:t,...o})});C.displayName="Button";let R=[{icon:(0,s.jsx)(l.DNl,{}),title:"Phone",description:"(+234) 807 691 6951"},{icon:(0,s.jsx)(l.SRX,{}),title:"Email",description:"[email protected]"},{icon:(0,s.jsx)(l.rB_,{}),title:"Address",description:"Lagos"}];var z=()=>{let[e,t]=(0,r.useState)({firstname:"",lastname:"",email:"",phone:"",service:"",message:""}),[a,l]=(0,r.useState)(!1),i=e=>{let{name:a,value:s}=e.target;t(e=>({...e,[a]:s}))};return(0,s.jsx)(n.E.section,{initial:{opacity:0}

1,animate:{opacity:1,transition:{delay:2.4,duration:.4,ease:"easeIn"}},className:"py-6",children:(0,s.jsx)("div",{className:"container mx-auto",children:(0,s.jsxs)("div",{className:"flex flex-col xl:flex-row gap-[30px]",children:[(0,s.jsx)("div",{className:"xl:w-[54%] order-2 xl:order-none",children:(0,s.jsxs)("form",{className:"flex flex-col gap-6 p-10 bg-[#27272c] rounded-xl",onSubmit:a=>{a.preventDefault(),l(!0),d.ZP.send("template_2jhgzo4","service_vxabtvf",{from_name:"".concat(e.firstname," ").concat(e.lastname),to_name:"Jerry",from_email:e.email,to_email:"[email protected]",message:e.message,service:e.service,number:e.phone},"qFsEGbCLApxCPCu1y").then(()=>{l(!1),alert("Thank you. I will get back to you as soon as possible."),t({firstname:"",lastname:"",email:"",phone:"",service:"",message:""})},e=>{l(!1),console.error(e),alert("Ahh, something went wrong. Please try again.")})},children:[(0,s.jsx)("h3",{className:"text-4xl text-accent",children:"Let's work together"}),(0,s.jsx)("p",{className:"text-white/60",children:"I'm always excited to take on new challenges and collaborate on innovative projects. With my diverse skill set and passion for technology, I am committed to delivering high-quality solutions that meet your needs."}),(0,s.jsx)("p",{className:"text-white/60 mt-5",children:"Feel free to reach out to discuss potential opportunities, ask questions, or just say hello. Let's create something amazing together!"}),(0,s.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,s.jsx)(o,{type:"text",name:"firstname",value:e.firstname,onChange:i,placeholder:"Firstname",required:!0}),(0,s.jsx)(o,{type:"text",name:"lastname",value:e.lastname,onChange:i,placeholder:"Lastname",required:!0}),(0,s.jsx)(o,{type:"email",name:"email",value:e.email,onChange:i,placeholder:"Email address",required:!0}),(0,s.jsx)(o,{type:"tel",name:"phone",value:e.phone,onChange:i,placeholder:"Phone number",required:!0})]}),(0,s.jsxs)(f,{onValueChange:e=>{t(t=>({...t,service:e}))},children:[(0,s.jsx)(g,{className:"w-full",children:(0,s.jsx)(u,{placeholder:"Select a service"})}),(0,s.jsx)(j,{children:(0,s.jsxs)(h,{children:[(0,s.jsx)(w,{children:"Select a service"}),(0,s.jsx)(v,{value:"web",children:"Website Development"}),(0,s.jsx)(v,{value:"front",children:"Front-End Development"}),(0,s.jsx)(v,{value:"back",children:"Back-End Development"}),(0,s.jsx)(v,{value:"mobile",children:"Mobile Development"})]})})]}),(0,s.jsx)(N,{name:"message",value:e.message,onChange:i,placeholder:"Type your message here.",className:"h-[200px]",required:!0}),(0,s.jsx)(C,{type:"submit",size:"lg",className:"max-w-40",disabled:a,children:a?"Sending...":"Send message"})]})}),(0,s.jsx)("div",{className:"flex-1 flex items-center xl:justify-center order-1 xl:order-none mb-8 xl:mb-0",children:(0,s.jsx)("ul",{className:"flex flex-col gap-10",children:R.map(e=>(0,s.jsxs)("li",{className:"flex items-center gap-4",children:[(0,s.jsx)("div",{className:"w-[52px] h-[52px] xl:w-[72px] xl:h-[72px] bg-[#27272c] text-accent rounded-md flex items-center justify-center",children:(0,s.jsx)("div",{className:"text-[28px]",children:e.icon})}),(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsx)("p",{className:"text-white/60",children:e.title}),(0,s.jsx)("p",{className:"text-xl",children:e.description})]})]},e.title))})})]})})})}},9405:function(e,t,a){"use strict";a.d(t,{cn:function(){return l}});var s=a(7817),r=a(3679);function l(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,r.m6)((0,s.W)(t))}}},function(e){e.O(0,[156,192,65,253,743,729,295,101,321,744],function(){return e(e.s=9773)}),_N_E=e.O()}]);