jw-react-npm-boilerplate-v2/dist/ContactUs/ContactUs.js

React Boilerplate Component for npm

(()=>{"use strict";var e={943:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};t.__esModule=!0;var l=o(a(242)),n=function(e){e.title;var t=e.contactUsTitle,a=e.contactUsSubTitle,o=e.contactUsVideoTitle,n=e.width,r=e.height,i=e.videoUrl,d=(e.seoEnabled,e.analyticsEnabled,e.seoTitle,e.seoMeta,e.buttonLabel);return e.emailID,e.firstName,e.lastName,l.default.createElement("div",{style:{padding:"40px 0 60px"}},l.default.createElement("h1",{style:{textAlign:"center",textDecoration:"none",textTransform:"none",color:"#000000",fontSize:"42px",fontWeight:"700"}},"Contact Us"),l.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},l.default.createElement("div",{style:{width:"50%",padding:"0 30px"}},l.default.createElement("div",null,l.default.createElement("h2",{style:{fontSize:"34px",fontWeight:"600",color:"#000000",margin:"0 0 0"}},t),l.default.createElement("span",{style:{display:"block",opacity:"0.8",color:"#000000",fontSize:"22px",fontWeight:"400",marginBottom:"20px"}},a)),l.default.createElement("form",null,l.default.createElement("div",{style:{margin:"0 0 30px"}},l.default.createElement("label",{style:{color:"#000000",fontSize:"18px",fontWeight:"400",display:"block",marginBottom:"5px",textTransform:"capitalize"}},"first name"),l.default.createElement("input",{style:{color:"#B1B1B1",fontSize:"16px",height:"44px",borderRadius:"4px",boxShadow:"inset 0 3px 6px 0 rgba(0, 0, 0, 0.16)",backgroundColor:"#f6f7f8",border:"none",width:"100%",padding:"0 15px",textTransform:"capitalize"},placeholder:"enter first name"})),l.default.createElement("div",{style:{margin:"0 0 30px"}},l.default.createElement("label",{style:{color:"#000000",fontSize:"18px",fontWeight:"400",display:"block",marginBottom:"5px",textTransform:"capitalize"}},"last name"),l.default.createElement("input",{style:{color:"#B1B1B1",fontSize:"16px",height:"44px",borderRadius:"4px",boxShadow:"inset 0 3px 6px 0 rgba(0, 0, 0, 0.16)",backgroundColor:"#f6f7f8",border:"none",width:"100%",padding:"0 15px",textTransform:"capitalize"},placeholder:"enter last name"})),l.default.createElement("div",{style:{margin:"0 0 30px"}},l.default.createElement("label",{style:{color:"#000000",fontSize:"18px",fontWeight:"400",display:"block",marginBottom:"5px",textTransform:"capitalize"}},"email"),l.default.createElement("input",{style:{color:"#B1B1B1",fontSize:"16px",height:"44px",borderRadius:"4px",boxShadow:"inset 0 3px 6px 0 rgba(0, 0, 0, 0.16)",backgroundColor:"#f6f7f8",border:"none",width:"100%",padding:"0 15px",textTransform:"capitalize"},placeholder:"enter email id"})),l.default.createElement("div",{style:{margin:"0 0 30px"}},l.default.createElement("label",{style:{color:"#000000",fontSize:"18px",fontWeight:"400",display:"block",marginBottom:"5px",textTransform:"capitalize"}},"comment"),l.default.createElement("textarea",{style:{color:"#B1B1B1",fontSize:"16px",borderRadius:"4px",boxShadow:"inset 0 3px 6px 0 rgba(0, 0, 0, 0.16)",backgroundColor:"#f6f7f8",border:"none",width:"100%",padding:"0 15px",textTransform:"capitalize",height:"auto !important",minHeight:"120px",resize:"none"},placeholder:"enter comment here"})),l.default.createElement("input",{type:"button",style:{padding:"9px 16px",marginTop:"20px",minWidth:"166px",backgroundColor:"#FF0000",borderRadius:"4px",color:"#FFFFFF",fontSize:"20px",fontWeight:"600",border:"none",cursor:"pointer"},value:d}))),l.default.createElement("div",{style:{width:"50%",padding:"0 30px"}},l.default.createElement("h3",{style:{color:"#000000",fontSize:"34px",fontWeight:"600",marginBottom:"20px"}},o),l.default.createElement("div",null,l.default.createElement("iframe",{style:{zIndex:"1",position:"relative",borderRadius:"4px",boxShadow:"3px 5px 12px 0 rgb(0 0 0 / 16%)",backgroundColor:"#F6F7F8"},width:n,height:r,src:i&&function(e){if(e){var t=e.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/),a=t&&11===t[2].length?t[2]:null;return"https://www.youtube.com/embed/".concat(a)}return""}(i),title:"YouTube video player",frameBorder:"0",allow:"",allowFullScreen:!0})))))};n.defaultProps={videoUrl:"https://www.youtube.com/embed/EngW7tLk6R8?modestbranding=1",width:"100%",height:"360",title:"Help & Contact Us",contactUsTitle:"Contact Information",contactUsSubTitle:"If you have any enquiries, please contact us below.",contactUsVideoTitle:"Help Video",clickAnalytics:"Test",analyticsEnabled:!1,viewAnalytics:"",seoEnabled:!0,seoTitle:"Prelem Title 1",seoMeta:"Prelem Description",buttonLabel:"Submit"},t.default=n},242:e=>{e.exports=require("React")}},t={},a=function a(o){var l=t[o];if(void 0!==l)return l.exports;var n=t[o]={exports:{}};return e[o].call(n.exports,n,n.exports,a),n.exports}(943);module.exports=a})();