{"version":3,"file":"ContactForm.B6IsbE-Q.mjs","names":[],"sources":["https:/framerusercontent.com/modules/lMNZGsrYDkmNkf2rhVmf/KbzdNIj7pWFzPNibr7E6/ContactForm.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{useState,useEffect}from\"react\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function ContactForm(props){const[hover,setHover]=useState(false);const[selectedService,setSelectedService]=useState(\"Branding\");const[isColumnLayout,setIsColumnLayout]=useState(false);useEffect(()=>{console.log(\"Selected Service:\",selectedService);},[selectedService]);useEffect(()=>{const handleResize=()=>{setIsColumnLayout(window.innerWidth<1440);};window.addEventListener(\"resize\",handleResize);handleResize();return()=>{window.removeEventListener(\"resize\",handleResize);};},[]);const handleServiceChange=event=>{setSelectedService(event.target.value);};const getRadioButtonStyle=service=>{return{...radioButtonStyle,fontWeight:selectedService===service?\"600\":\"400\",color:selectedService===service?\"#FFFFFF\":\"#0F1010\",background:selectedService===service?\"#0F1010\":\"#FFFFFF\",border:selectedService===service?\"1px solid #0F1010\":\"1px solid #959AA0\"};};return /*#__PURE__*/_jsxs(\"form\",{action:\"https://submit-form.com/5sTtdDH6B\",method:\"POST\",style:{...formStyle,flexDirection:isColumnLayout?\"column\":\"row\",gap:isColumnLayout?\"40px\":\"104px\"},children:[/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",name:\"_redirect\",value:\"https://helogensee.framer.website/contact-success\"}),/*#__PURE__*/_jsxs(\"div\",{style:{...colStyle,width:isColumnLayout?\"100%\":\"485px\"},children:[/*#__PURE__*/_jsx(\"p\",{style:{...headingStyle,fontSize:isColumnLayout?\"28px\":\"56px\"},children:\"Tell me what you need..\"}),/*#__PURE__*/_jsxs(\"div\",{style:{...radioGroupStyle},children:[/*#__PURE__*/_jsxs(\"label\",{style:getRadioButtonStyle(\"Branding\"),children:[\"BRANDING\",/*#__PURE__*/_jsx(\"input\",{id:\"serviceRadio\",type:\"radio\",style:{...radioInputStyle},name:\"service\",value:\"Branding\",onChange:handleServiceChange,checked:selectedService===\"Branding\",required:true})]}),/*#__PURE__*/_jsxs(\"label\",{style:getRadioButtonStyle(\"Web Design\"),children:[\"WEB DESIGN\",/*#__PURE__*/_jsx(\"input\",{id:\"webDesignRadio\",type:\"radio\",style:{...radioInputStyle},name:\"service\",value:\"Web Design\",onChange:handleServiceChange})]}),/*#__PURE__*/_jsxs(\"label\",{style:getRadioButtonStyle(\"App Design\"),children:[\"APP DESIGN\",/*#__PURE__*/_jsx(\"input\",{id:\"appDesignRadio\",type:\"radio\",style:{...radioInputStyle},name:\"service\",value:\"App Design\",onChange:handleServiceChange})]}),/*#__PURE__*/_jsxs(\"label\",{style:getRadioButtonStyle(\"Illustration\"),children:[\"ILLUSTRATION\",/*#__PURE__*/_jsx(\"input\",{id:\"illustrationRadio\",type:\"radio\",style:{...radioInputStyle},name:\"service\",value:\"Illustration\",onChange:handleServiceChange})]}),/*#__PURE__*/_jsxs(\"label\",{style:getRadioButtonStyle(\"Motion Design\"),children:[\"MOTION DESIGN\",/*#__PURE__*/_jsx(\"input\",{id:\"motionDesignRadio\",type:\"radio\",style:{...radioInputStyle},name:\"service\",value:\"Motion Design\",onChange:handleServiceChange})]}),/*#__PURE__*/_jsxs(\"label\",{style:getRadioButtonStyle(\"3D Design\"),children:[\"3D Design\",/*#__PURE__*/_jsx(\"input\",{id:\"3dDesignRadio\",type:\"radio\",style:{...radioInputStyle},name:\"service\",value:\"3D Design\",onChange:handleServiceChange})]}),/*#__PURE__*/_jsxs(\"label\",{style:getRadioButtonStyle(\"Graphic Design\"),children:[\"GRAPHIC DESIGN\",/*#__PURE__*/_jsx(\"input\",{id:\"graphicDesignRadio\",type:\"radio\",style:{...radioInputStyle},name:\"service\",value:\"Graphic Design\",onChange:handleServiceChange})]})]})]}),/*#__PURE__*/_jsxs(\"div\",{style:{...colStyle,width:isColumnLayout?\"100%\":\"53%\"},children:[/*#__PURE__*/_jsx(\"input\",{style:{...inputStyle},type:\"text\",name:\"client_name\",placeholder:\"What's your name?\",required:true}),/*#__PURE__*/_jsx(\"input\",{style:{...inputStyle},type:\"email\",name:\"client_email\",placeholder:\"What's your email address?\",required:true}),/*#__PURE__*/_jsx(\"input\",{style:{...inputStyle},type:\"text\",name:\"client_company\",placeholder:\"What's your company name?\",required:true}),/*#__PURE__*/_jsx(\"textarea\",{style:{...inputStyle},name:\"client_enquiry\",placeholder:\"Tell me about your project here..\",rows:5,required:true}),/*#__PURE__*/_jsxs(motion.label,{style:{...buttonStyle},onMouseEnter:()=>setHover(true),onMouseLeave:()=>setHover(false),children:[/*#__PURE__*/_jsx(motion.input,{type:\"submit\",value:\"SEND MESSAGE\",style:{...buttonLabel},animate:{color:hover?\"#0F1010\":\"#FFFFFF\"},transition:{type:\"spring\",bounce:0,duration:.4}}),/*#__PURE__*/_jsx(motion.div,{style:{...buttonEllipse},animate:{scale:hover?8:1},transition:{type:\"spring\",bounce:0,duration:.7}}),/*#__PURE__*/_jsx(motion.div,{style:{...iconContainer},animate:{rotate:hover?45:0},transition:{type:\"spring\",bounce:0,duration:.4},children:/*#__PURE__*/_jsx(\"svg\",{width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M6 18L18 6M18 6H10M18 6V14\",stroke:\"#0F1010\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"})})})]})]})]});}const formStyle={display:\"flex\",flexDirection:\"row\",gap:\"104px\",fontFamily:\"Instrument Sans\"};const colStyle={display:\"flex\",flexDirection:\"column\",gap:\"40px\",width:\"auto\"};const headingStyle={fontSize:\"56px\",lineHeight:\"100%\"};const radioGroupStyle={display:\"flex\",flexdirection:\"row\",flexWrap:\"wrap\",alignItems:\"center\",gap:\"8px\"};const radioButtonStyle={padding:\"12px 20px\",fontFamily:\"Instrument Sans\",fontSize:\"16px\",lineHeight:\"24px\",background:\"#FFFFFF\",color:\"#0F1010\",border:\"1px solid #959AA0\",borderRadius:\"100px\",cursor:\"pointer\"};const radioInputStyle={position:\"absolute\",opacity:0};const inputStyle={padding:\"24px 0px\",background:\"none\",outline:\"none\",border:\"none\",borderBottom:\"1px solid #DBDFE4\",fontFamily:\"Instrument Sans\",fontSize:\"18px\",lineHeight:\"26px\"};const buttonStyle={width:\"min-content\",display:\"flex\",alignItems:\"center\",padding:\"8px 8px 8px 24px\",gap:\"16px\",borderRadius:\"100px\",background:\"#0F1010\",cursor:\"pointer\",position:\"relative\",overflow:\"hidden\"};const buttonLabel={fontFamily:\"Instrument Sans\",fontWeight:\"500\",fontSize:\"18px\",lineHeight:\"26px\",padding:\"0px\",background:\"none\",border:\"none\",color:\"#FFFFFF\",cursor:\"pointer\",zIndex:1};const buttonEllipse={background:\"#4A5AFE\",width:\"52px\",height:\"52px\",borderRadius:\"1000px\",position:\"absolute\",left:\"180px\"};const iconContainer={width:\"52px\",height:\"52px\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",background:\"#4A5AFE\",borderRadius:\"100px\",zIndex:1};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ContactForm\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ContactForm.map"],"mappings":"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"}