https://slobodanmanic.com/_next/static/chunks/app/contact/page-883a661b01a90f32.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[977],{3274:(e,s,a)=>{Promise.resolve().then(a.t.bind(a,1356,23)),Promise.resolve().then(a.bind(a,9965)),Promise.resolve().then(a.bind(a,1835)),Promise.resolve().then(a.bind(a,3483))},3483:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>r});let r={src:"/_next/static/media/slobodan-manic.32f8846a.jpg",height:800,width:800,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/9oADAMBAAIQAxAAAACkAL//xAAdEAABBAIDAAAAAAAAAAAAAAABAgMSEwARBBYz/9oACAEBAAE/AEu8LsKnLWvWy4x0TqMQvP/EABgRAAIDAAAAAAAAAAAAAAAAAAABA0Jy/9oACAECAQE/AI7aZ//EABgRAAIDAAAAAAAAAAAAAAAAAAABA0Jy/9oACAEDAQE/AJaYR//Z",blurWidth:8,blurHeight:8}},9965:(e,s,a)=>{"use strict";a.d(s,{default:()=>o});var r=a(5155),t=a(2115);let o=()=>{let[e,s]=(0,t.useState)("idle"),[a,o]=(0,t.useState)(null),n=async e=>{e.preventDefault(),s("sending");let a=e.currentTarget,r=new FormData(a);try{if((await fetch(a.action,{method:a.method,body:r,headers:{Accept:"application/json"}})).ok)s("success"),a.reset();else throw Error("Network response was not ok")}catch{s("error")}},l=`
2    w-full px-4 py-3.5
3    bg-[#fffefa]
4    border-2 border-stone-200
5    rounded-xl
6    text-neutral-900 text-base
7    placeholder:text-stone-400
8    transition-all duration-300 ease-out
9    hover:border-stone-300
10    focus:outline-none focus:border-[#fad02c] focus:bg-white
11    focus:shadow-[0_0_0_4px_rgba(250,208,44,0.15)]
12  `,i=`
13    block mb-2 text-sm font-medium text-neutral-700
14    transition-colors duration-200
15  `,A=`
16    group relative
17  `;return(0,r.jsxs)("form",{action:"https://formspree.io/f/movdovoa",method:"POST",onSubmit:n,className:"space-y-6",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3 mb-8",children:[(0,r.jsx)("div",{className:"h-1 w-8 bg-[#fad02c] rounded-full"}),(0,r.jsx)("span",{className:"text-sm font-medium text-stone-500 tracking-wide",children:"Get in touch"})]}),(0,r.jsxs)("div",{className:A,children:[(0,r.jsx)("label",{htmlFor:"name",className:`${i} ${"name"===a?"text-[#b8960c]":""}`,children:"Your Name"}),(0,r.jsx)("div",{className:"relative",children:(0,r.jsx)("input",{type:"text",id:"name",name:"name",required:!0,className:l,placeholder:"Jane Doe",onFocus:()=>o("name"),onBlur:()=>o(null)})})]}),(0,r.jsxs)("div",{className:A,children:[(0,r.jsx)("label",{htmlFor:"email",className:`${i} ${"email"===a?"text-[#b8960c]":""}`,children:"Your Email"}),(0,r.jsx)("div",{className:"relative",children:(0,r.jsx)("input",{type:"email",id:"email",name:"email",required:!0,className:l,placeholder:"[email protected]",onFocus:()=>o("email"),onBlur:()=>o(null)})})]}),(0,r.jsxs)("div",{className:A,children:[(0,r.jsx)("label",{htmlFor:"reason",className:`${i} ${"reason"===a?"text-[#b8960c]":""}`,children:"Reason for Contact"}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("select",{id:"reason",name:"reason",required:!0,className:`${l} appearance-none cursor-pointer pr-10`,onFocus:()=>o("reason"),onBlur:()=>o(null),children:[(0,r.jsx)("option",{value:"",children:"Select a reason…"}),(0,r.jsx)("option",{value:"work",children:"I would like to work with you"}),(0,r.jsx)("option",{value:"speaker",children:"I would like to have you speak at my event/podcast"}),(0,r.jsx)("option",{value:"other",children:"Something else"})]}),(0,r.jsx)("div",{className:"absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none",children:(0,r.jsx)("svg",{className:`w-5 h-5 transition-colors duration-200 ${"reason"===a?"text-[#fad02c]":"text-stone-400"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})]})]}),(0,r.jsxs)("div",{className:A,children:[(0,r.jsx)("label",{htmlFor:"message",className:`${i} ${"message"===a?"text-[#b8960c]":""}`,children:"Message"}),(0,r.jsx)("div",{className:"relative",children:(0,r.jsx)("textarea",{id:"message",name:"message",rows:5,required:!0,className:`${l} resize-none`,placeholder:"Tell me about your project or idea…",onFocus:()=>o("message"),onBlur:()=>o(null)})})]}),(0,r.jsx)("div",{className:"pt-4",children:(0,r.jsxs)("button",{type:"submit",disabled:"sending"===e||"success"===e,className:`
18            relative overflow-hidden
19            px-8 py-4
20            font-semibold text-base
21            rounded-full
22            transition-all duration-300 ease-out
23            ${"success"===e?"bg-emerald-500 text-white cursor-default":"sending"===e?"bg-[#fad02c] text-neutral-900 opacity-70 cursor-wait":"bg-[#fad02c] text-neutral-900 hover:bg-[#e8c229] hover:shadow-lg hover:shadow-[#fad02c]/30 hover:-translate-y-0.5 active:translate-y-0"}
24          `,children:[(0,r.jsx)("span",{className:`
25            absolute inset-0
26            bg-gradient-to-r from-transparent via-white/30 to-transparent
27            -translate-x-full
28            ${"idle"===e?"group-hover:animate-shine":""}
29          `}),(0,r.jsx)("span",{className:"relative flex items-center gap-2",children:"sending"===e?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{className:"animate-spin h-5 w-5",viewBox:"0 0 24 24",children:[(0,r.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),(0,r.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Sending…"]}):"success"===e?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("svg",{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}

29),"Message Sent!"]}):(0,r.jsxs)(r.Fragment,{children:["Send Message",(0,r.jsx)("svg",{className:"h-5 w-5 transition-transform group-hover:translate-x-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})})]})}),"error"===e&&(0,r.jsxs)("div",{className:"flex items-center gap-2 p-4 bg-red-50 border border-red-200 rounded-xl text-red-700",children:[(0,r.jsx)("svg",{className:"h-5 w-5 flex-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),(0,r.jsx)("span",{children:"Something went wrong. Please try again."})]})]})}}},e=>{e.O(0,[7398,1835,8441,1255,7358],()=>e(e.s=3274)),_N_E=e.O()}]);