https://hasotech.com/static/js/1331.681b6a68.chunk.js

1"use strict";(self.webpackChunklitho=self.webpackChunklitho||[]).push([[1331],{7984:(e,s,a)=>{a.d(s,{rs:()=>c,sD:()=>l,ye:()=>r});var i=a(81724);const t=RegExp(/^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/),l=i.Ry().shape({name:i.Z_().required("Field is required."),email:i.Z_().email("Invalid email.").required("Field is required."),phone:i.Z_().required().matches(t,"Invalid phone")}),r=i.Ry().shape({name:i.Z_().required("Field is required."),email:i.Z_().email("Invalid email.").required("Field is required.")}),c=i.Ry().shape({name:i.Z_().required("Field is required."),email:i.Z_().email("Invalid email.").required("Field is required."),terms_condition:i.O7().oneOf([!0],"Message").required()});i.Ry().shape({name:i.Z_().required("Field is required."),email:i.Z_().email("Invalid email.").required("Field is required."),phone:i.Z_().required().matches(t,"Invalid phone"),comment:i.Z_().required("Field is required.")})},51331:(e,s,a)=>{a.r(s),a.d(s,{default:()=>f});var i=a(73063),t=(a(72791),a(47022)),l=a(89743),r=a(2677),c=a(11087),n=a(34290),m=a(71856),d=a(92506),x=a(81724),o=a(38616),p=a(17728),u=a(49599),b=a(43739),h=a(21240),y=a(7984),g=a(38480),j=a(80184);const f=()=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("section",{className:"bg-darkgray py-[25px]",children:(0,j.jsx)(t.Z,{children:(0,j.jsxs)(l.Z,{className:"items-center justify-center mb-0",children:[(0,j.jsx)(r.Z,{xl:8,lg:6,children:(0,j.jsx)("h1",{className:"font-serif text-white font-medium mb-0 md:text-center text-lg",children:"Subscribe"})}),(0,j.jsx)(r.Z,{xl:4,lg:6,className:"breadcrumb justify-end text-xs font-serif md:mt-[10px] mb-0 md:justify-center",children:(0,j.jsxs)("ul",{className:"xs-text-center",children:[(0,j.jsx)("li",{children:(0,j.jsx)(c.rU,{to:"/","aria-label":"breadcrumb",className:"hover:text-white",children:"Home"})}),(0,j.jsx)("li",{children:(0,j.jsx)(c.rU,{to:"/elements/subscribe","aria-label":"breadcrumb",onClick:e=>e.preventDefault(),className:"hover:text-white",children:"Elements"})}),(0,j.jsx)("li",{children:"Subscribe"})]})})]})})}),(0,j.jsx)(n.m.section,(0,i.Z)((0,i.Z)({className:"py-[160px] lg:py-[120px] md:py-[95px] sm:py-[80px] xs:py-[50px] bg-lightgray overflow-hidden"},h.Ji),{},{children:(0,j.jsxs)(t.Z,{children:[(0,j.jsx)(l.Z,{children:(0,j.jsx)(r.Z,{className:"mb-[6%]",children:(0,j.jsx)("h6",{className:"text-darkgray font-medium font-serif mb-[25px] sm:mb-[15px] text-center",children:"Subscribe style 01"})})}),(0,j.jsx)(l.Z,{className:"justify-center",children:(0,j.jsxs)(r.Z,{xl:6,md:8,lg:7,className:"px-md-0",children:[(0,j.jsx)("h4",{className:"font-bold text-darkgray tracking-[-1px] mb-16 text-center font-serif",children:"GET LATEST UPDATE FOR OUR TRUSTED APPLICATIONS"}),(0,j.jsx)(d.J9,{initialValues:{email:""},validationSchema:x.Ry().shape({email:x.Z_().email("Invalid email.").required("Field is required.")}),onSubmit:async(e,s)=>{s.setSubmitting(!0);"success"===(await(0,g.sendEmail)(e)).status&&(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)("div",{className:"relative mb-16 xs:mb-8 subscribe-style-01",children:[(0,j.jsxs)(d.l0,{className:"relative",children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",className:"border-[1px] pl-[50px] extra-large-input border-solid border-transparent",placeholder:"Enter your email address"}),(0,j.jsxs)("button",{"aria-label":"subscribe",type:"submit",className:"text-[14px] tracking-[1px] py-[12px] px-[28px] uppercase".concat(s?" loading":""),children:[(0,j.jsx)("i",{className:"far fa-envelope"}),"Subscribe"]})]}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"absolute top-[115%] left-0 w-full",children:(0,j.jsx)(u.Z,{className:"mt-[15px] py-[13px] px-[20px] text-md rounded-[100px] text-center",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}}),(0,j.jsx)("p",{className:"text-center text-[#828282] leading-[24px] text-sm m-auto w-[70%] lg:w-[60%] md:w-3/4 xs:w-full",children:"We are committed to protecting your privacy. We will never collect information about you without your explicit consent."})]})})]})})),(0,j.jsxs)(n.m.section,(0,i.Z)((0,i.Z)({className:"py-[160px] lg:py-[120px] md:py-[95px] sm:py-[80px] xs:py-[50px] overflow-hidden"},h.Ji),{},{children:[(0,j.jsx)(t.Z,{children:(0,j.jsx)(l.Z,{children:(0,j.jsx)(r.Z,{className:"mb-[6%]",children:(0,j.jsx)("h6",{className:"mb-[25px] text-darkgray font-medium font-serif text-center xs:mb-[15px]",children:"Subscribe style 02"})})})}),(0,j.jsxs)(t.Z,{children:[(0,j.jsx)(l.Z,{className:"justify-center",children:(0,j.jsxs)(r.Z,{className:"text-center",lg:6,md:7,sm:12,children:[(0,j.jsx)("span",{className:"text-basecolor text-lg mb-[15px] inline-block",children:"Love to work together"}),(0,j.jsx)("h5",{className:"font-serif font-medium -tracking-[0.5px] text-darkgray inline-block mb-[60px] sm:mb-[30px] w-[99%]",children:"Are you ready to work with us? Let's grow your business."})]})}),(0,j.jsx)(l.Z,{className:"justify-center",children:(0,j.jsx)(r.Z,{md:8,children:(0,j.jsx)(d.J9,{initialValues:{email:""},validationSchema:x.Ry().shape({email:x.Z_().email("Invalid email.").required("Field is required.")}),onSubmit:async(e,s)=>{s.setSubmitting(!0);"success"===(await(0,g.sendEmail)(e)).status&&(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)("div",{className:"relative mb-16 subscribe-style-02 w-4/5 my-0 mx-auto md:w-full",children:[(0,j.jsxs)(d.l0,{className:"relative",children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",className:"border-[1px] medium-input border-solid border-transparent !pr-[175px] xs:!pr-[32px]",placeholder:"Enter your email address"}),(0,j.jsx)("button",{"aria-label":"subscribe",type:"submit",className:"text-xs py-[12px] px-[28px] uppercase".concat(s?" loading":""),children:"Start a project"})]}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"absolute top-[115%] left-0 w-full",children:(0,j.jsx)(u.Z,{className:"py-[5px] rounded-[100px] text-center",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}})})})]})]})),(0,j.jsx)(n.m.section,(0,i.Z)((0,i.Z)({className:"py-[160px] lg:py-[120px] md:py-[95px] sm:py-[80px] xs:py-[50px] bg-lightgray overflow-hidden"},h.Ji),{},{children:(0,j.jsxs)(t.Z,{children:[(0,j.jsx)(l.Z,{children:(0,j.jsx)(r.Z,{className:"mb-[6%]",children:(0,j.jsx)("h6",{className:"text-darkgray font-medium font-serif mb-[25px] sm:mb-[15px] text-center",children:"Subscribe style 03"})})}),(0,j.jsxs)(l.Z,{className:"justify-center",children:[(0,j.jsxs)(r.Z,{md:8,lg:7,className:"text-center",children:[(0,j.jsx)("span",{className:"block text-xmd font-serif font-medium text-basecolor mb-[20px]",children:"Love to work together"}),(0,j.jsx)("h4",{className:"font-serif font-semibold text-darkgray inline-block mb-[72px] text-center sm:mb-[33px] xs:mb-[50px]",children:"Beautifully simple handcrafted templates for your website"})]}),(0,j.jsx)(r.Z,{md:8,lg:6,children:(0,j.jsx)(d.J9,{initialValues:{email:""},validationSchema:x.Ry().shape({email:x.Z_().email("Invalid email.").required("Field is required.")}),onSubmit:async(e,s)=>{s.setSubmitting(!0);"success"===(await(0,g.sendEmail)(e)).status&&(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)("div",{className:"relative mb-16 subscribe-style-03",children:[(0,j.jsxs)(d.l0,{className:"relative",children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",className:"large-input border-[1px] border-solid border-transparent",placeholder:"Your email address"}),(0,j.jsx)("button",{"aria-label":"subscribe",type:"submit",className:"text-xs tracking-[1px] py-[12px] px-[28px] uppercase".concat(s?" loading":""),children:"Notify Me"})]}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"absolute top-[115%] left-0 w-full",children:(0,j.jsx)(u.Z,{className:"py-[5px] rounded-[4px]",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}})})]})]})})),(0,j.jsx)(n.m.section,(0,i.Z)((0,i.Z)({className:"py-[160px] lg:py-[120px] md:py-[95px] sm:py-[80px] xs:py-[50px] overflow-hidden"},h.Ji),{},{children:(0,j.jsxs)(t.Z,{children:[(0,j.jsx)(l.Z,{children:(0,j.jsx)(r.Z,{className:"mb-[6%]",children:(0,j.jsx)("h6",{className:"text-darkgray font-medium font-serif mb-[25px] xs:mb-[15px] text-center",children:"Subscribe style 04"})})}),(0,j.jsx)(l.Z,{className:"justify-center",children:(0,j.jsxs)(r.Z,{md:10,lg:7,className:"text-center",children:[(0,j.jsx)("span",{className:"font-serif font-medium text-basecolor text-xmd uppercase mb-[20px] inline-block sm:mb-[10px]",children:"Love to work together"}),(0,j.jsx)("h4",{className:"font-serif font-semibold text-darkgray inline-block mb-[72px] text-center sm:mb-[33px]",children:"Are you ready to work with us? Let's grow your business."})]})}),(0,j.jsx)(l.Z,{className:"justify-center",children:(0,j.jsx)(r.Z,{md:9,children:(0,j.jsx)(d.J9,{initialValues:{email:""},validationSchema:x.Ry().shape({email:x.Z_().email("Invalid email.").required("Field is required.")}),onSubmit:async(e,s)=>{s.setSubmitting(!0);"success"===(await(0,g.sendEmail)(e)).status&&(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)("div",{className:"relative mb-16 subscribe-style-04 w-4/5 my-0 mx-auto md:w-full",children:[(0,j.jsxs)(d.l0,{className:"relative",children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",className:"border-[1px] border-solid border-transparent large-input",placeholder:"Enter your email address"}),(0,j.jsx)("button",{"aria-label":"subscribe",type:"submit",className:"text-xs tracking-[1px] py-[12px] px-[28px] uppercase".concat(s?" loading":""),children:"Subscribe Now"})]}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"absolute top-[115%] left-0 w-full",children:(0,j.jsx)(u.Z,{className:"py-[5px] rounded-[4px] text-center",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}})})})]})})),(0,j.jsxs)(n.m.section,(0,i.Z)((0,i.Z)({className:"py-[130px] lg:py-[90px] md:py-[75px] sm:py-[50px] relative bg-cover bg-fixed bg-center overflow-hidden lg:bg-local",style:{backgroundImage:"url('https://via.placeholder.com/1920x677')"}},h.Ji),{},{children:[(0,j.jsx)("div",{className:"absolute top-0 left-0 h-full w-full bg-darkpurple2 opacity-80 z-[1]"}),(0,j.jsx)(t.Z,{className:"relative z-[2]",children:(0,j.jsxs)(l.Z,{className:"justify-center",children:[(0,j.jsx)(r.Z,{xl:5,lg:6,sm:8,className:"lg:text-center md:mb-[30px]",children:(0,j.jsx)("h6",{className:"font-serif font-medium text-white mb-0 text-left md:text-center",children:"Don't miss this amazing big events conference and opportunities!"})}),(0,j.jsx)(r.Z,{xl:{span:5,offset:2},lg:{span:5,offset:1},sm:9,children:(0,j.jsx)(d.J9,{initialValues:{email:""},validationSchema:x.Ry().shape({email:x.Z_().email("Invalid email.").required("Field is required.")}),onSubmit:async(e,s)=>{s.setSubmitting(!0);"success"===(await(0,g.sendEmail)(e)).status&&(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)("div",{className:"relative subscribe-style-05",children:[(0,j.jsxs)(d.l0,{className:"relative",children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",className:"border-[1px] border-solid border-transparent rounded-[4px] large-input",placeholder:"Enter your email address"}),(0,j.jsxs)("button",{"aria-label":"subscribe",type:"submit",className:"text-xs py-[12px] px-[28px] uppercase font-semibold xs:text-center".concat(s?" loading":""),children:[(0,j.jsx)("i",{className:"far fa-envelope text-neonorange text-sm leading-none mr-[10px] xs:mr-0"}),"Subscribe"]})]}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"mt-[25px] absolute left-0 w-full",children:(0,j.jsx)(u.Z,{className:"rounded-[4px] text-md py-[10px] px-[22px] z-10",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}})})]})})]})),(0,j.jsx)(n.m.section,(0,i.Z)((0,i.Z)({className:"py-[160px] lg:py-[120px] md:py-[95px] sm:py-[80px] xs:py-[50px]"},h.Ji),{},{children:(0,j.jsx)(t.Z,{children:(0,j.jsxs)(l.Z,{className:"justify-center",children:[(0,j.jsx)(r.Z,{md:10,className:"text-center mb-[6%]",children:(0,j.jsx)("h6",{className:"text-darkgray font-medium font-serif text-center xs:mb-[15px]",children:"Subscribe style 06"})}),(0,j.jsx)(r.Z,{className:"col-12",children:(0,j.jsx)("div",{className:"bg-gradient-to-tr from-[#ec606c] via-[#ee6757] to-[#eb7242] rounded-[5px] py-[55px] md:py-[40px]",children:(0,j.jsxs)(l.Z,{className:"justify-center items-center mx-0",children:[(0,j.jsx)(r.Z,{lg:2,className:"md:mb-[30px] pl-0 sm:mb-[20px]",children:(0,j.jsx)("h6",{className:"font-serif font-medium text-white mb-0 text-right md:text-center",children:"Get your free quote today?"})}),(0,j.jsx)(r.Z,{lg:7,md:9,className:"col-11 xs:px-0",children:(0,j.jsx)(d.J9,{initialValues:{email:""},validationSchema:x.Ry().shape({email:x.Z_().email("Invalid email.").required("Field is required.")}),onSubmit:async(e,s)=>{await new Promise((e=>setTimeout(e,500))),(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)("div",{className:"relative subscribe-style-06",children:[(0,j.jsxs)(d.l0,{className:"relative",children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",labelClass:"sm:w-full pr-[30px] sm:pr-0 flex-1 sm:flex-none",className:"border-[1px] large-input border-solid border-transparent w-full",placeholder:"Enter your email address"}),(0,j.jsxs)("button",{"aria-label":"subscribe",type:"submit",className:"text-xs tracking-[1px] py-[12px] px-[28px] uppercase".concat(s?" loading":""),children:[(0,j.jsx)("i",{className:"far fa-envelope mr-[10px]"}),"get started"]})]}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"absolute top-[115%] left-0 w-full",children:(0,j.jsx)(u.Z,{className:"rounded-[4px] text-md py-[10px] px-[22px]",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}})})]})})})]})})})),(0,j.jsx)(n.m.section,(0,i.Z)((0,i.Z)({className:"bg-lightgray py-[160px] lg:py-[120px] md:py-[95px] sm:py-[80px] xs:py-[50px] overflow-hidden"},h.Ji),{},{children:(0,j.jsxs)(t.Z,{children:[(0,j.jsx)(l.Z,{children:(0,j.jsx)(r.Z,{className:"mb-[6%]",children:(0,j.jsx)("h6",{className:"mb-[25px] xs:mb-[15px] text-darkgray font-medium font-serif text-center",children:"Subscribe style 07"})})}),(0,j.jsxs)(l.Z,{className:"justify-center items-center flex-col",children:[(0,j.jsx)(r.Z,{md:10,lg:7,className:"text-center",children:(0,j.jsxs)("h5",{className:"font-light text-darkgray inline-block text-center mb-[46px]",children:["Are you ready to work with us? ",(0,j.jsx)("span",{className:"block font-semibold bg-gradient-to-r text-gradient from-[#556fff] via-[#e05fc4] to-[#ff798e] sm:inline",children:"Let's grow your business."})]})}),(0,j.jsx)(r.Z,{md:6,className:"subscription-from w-[45%] sm:w-full",children:(0,j.jsx)(d.J9,{initialValues:{email:""},validationSchema:x.Ry().shape({email:x.Z_().email("Invalid email.").required("Field is required.")}),onSubmit:async(e,s)=>{s.setSubmitting(!0);"success"===(await(0,g.sendEmail)(e)).status&&(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)("div",{className:"relative subscribe-style-07",children:[(0,j.jsxs)(d.l0,{className:"relative",children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",className:"border-[1px] extra-large-input border-solid border-transparent",placeholder:"Your email address"}),(0,j.jsx)("button",{"aria-label":"subscribe",type:"submit",className:"text-xs tracking-[1px] py-[12px] px-[28px] uppercase".concat(s?" loading":""),children:(0,j.jsx)("i",{className:"fa fa-arrow-right"})})]}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"mt-[25px] absolute top-[115%] left-0 w-full",children:(0,j.jsx)(u.Z,{className:"rounded-[4px] text-md py-[10px] px-[22px]",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}})})]})]})})),(0,j.jsxs)(n.m.div,(0,i.Z)((0,i.Z)({className:"relative overflow-hidden py-[130px] lg:py-[90px] md:py-[75px] sm:py-[50px] sm:px-[15px]"},h.Ji),{},{children:[(0,j.jsx)(o.VS,{className:"lg-no-parallax bg-cover cover-background absolute top-[-30px] left-0 h-[100vh] lg:h-[64vh] lg:top-[-75px] lg:!translate-y-0 md:h-[60vh] md:-top-[30px] sm:top-0 sm:h-[56vh] xs:h-[50vh] w-full",translateY:[-40,40],style:{backgroundImage:"url(https://via.placeholder.com/1920x1100)"}}),(0,j.jsx)("div",{className:"absolute top-0 left-0 w-full h-full opacity-75 bg-gradient-to-tr from-[#0039e3] via-[#5e28dd] to-[#8600d4]"}),(0,j.jsx)(t.Z,{className:"relative",children:(0,j.jsx)(l.Z,{className:"justify-center",children:(0,j.jsx)(r.Z,{xl:7,lg:8,md:10,className:"xs:px-0",children:(0,j.jsxs)("div",{className:"text-center font-serif font-medium bg-white rounded-[6px] p-28 sm:p-20 xs:p-16",children:[(0,j.jsx)("span",{className:"text-basecolor block uppercase mb-[10px]",children:"Let's get started now"}),(0,j.jsx)("h6",{className:"inline-block text-darkgray -tracking-[1px] w-[80%] mb-14 lg:w-[85%] sm:w-[55%] xs:w-full",children:"Don't miss this amazing latest news and opportunities!"}),(0,j.jsx)(d.J9,{initialValues:{email:""},validationSchema:x.Ry().shape({email:x.Z_().email("Invalid email.").required("Field is required.")}),onSubmit:async(e,s)=>{await new Promise((e=>setTimeout(e,500))),(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)("div",{className:"relative subscribe-style-08",children:[(0,j.jsxs)(d.l0,{className:"relative",children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"text",name:"name",className:"border-[1px] medium-input border-solid border-transparent font-sans",placeholder:"Your name"}),(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",className:"border-[1px] medium-input border-solid border-transparent font-sans",placeholder:"Your email address"}),(0,j.jsx)("button",{"aria-label":"subscribe",type:"submit",className:"text-xs py-[12px] px-[28px] uppercase".concat(s?" loading":""),children:"Subscribe Newsletter"})]}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"w-full absolute mt-[15px]",children:(0,j.jsx)(u.Z,{className:"rounded-[4px] text-md py-[10px] px-[22px]",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}})]})})})})]})),(0,j.jsx)(n.m.section,(0,i.Z)((0,i.Z)({className:"py-[160px] lg:py-[120px] md:py-[95px] sm:py-[80px] xs:py-[50px] bg-darkgray overflow-hidden"},h.Ji),{},{children:(0,j.jsxs)(t.Z,{children:[(0,j.jsx)(l.Z,{children:(0,j.jsx)(r.Z,{className:"mb-[6%]",children:(0,j.jsx)("h6",{className:"text-white font-medium font-serif mb-[25px] sm:mb-[15px] text-center",children:"Subscribe style 09"})})}),(0,j.jsx)(l.Z,{className:"justify-center",children:(0,j.jsx)(r.Z,{md:10,lg:7,className:"text-center mb-[20px]",children:(0,j.jsx)("h4",{className:"font-serif font-semibold inline-block text-center mb-[25px] -tracking-[.5px] text-transparent bg-clip-text bg-gradient-to-r from-[#975ade] via-[#d473c0] to-[#e6686f]",children:"Subscribe to newsletter"})})}),(0,j.jsx)(l.Z,{className:"justify-center",children:(0,j.jsx)(r.Z,{md:6,children:(0,j.jsx)(d.J9,{initialValues:{email:""},validationSchema:x.Ry().shape({email:x.Z_().email("Invalid email.").required("Field is required.")}),onSubmit:async(e,s)=>{s.setSubmitting(!0);"success"===(await(0,g.sendEmail)(e)).status&&(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)("div",{className:"relative mb-16 subscribe-style-09 my-0 mx-auto",children:[(0,j.jsxs)(d.l0,{className:"relative",children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",className:"border-[1px] border-solid border-transparent large-input",placeholder:"Enter your email address"}),(0,j.jsx)("button",{"aria-label":"subscribe",type:"submit",className:"text-lg tracking-[1px] py-[12px] px-[28px] btn-gradient uppercase".concat(s?" loading":""),children:(0,j.jsx)("i",{className:"far fa-envelope m-0"})})]}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"absolute top-[115%] left-0 w-full",children:(0,j.jsx)(u.Z,{className:"py-[5px] rounded-[4px]",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}})})})]})})),(0,j.jsx)("section",{className:"py-[160px] lg:py-[120px] md:py-[95px] sm:py-[80px] xs:py-[50px] bg-cover bg-no-repeat overflow-hidden relative bg-center",style:{backgroundImage:"url(https://via.placeholder.com/1920x745)"},children:(0,j.jsx)(t.Z,{children:(0,j.jsx)(l.Z,{className:"m-0 justify-center",children:(0,j.jsx)(r.Z,{xl:10,lg:11,className:"col-12 relative bg-white overflow-hidden shadow-[0_0_20px_rgba(0,0,0,0.1)]",children:(0,j.jsxs)(n.m.div,(0,i.Z)((0,i.Z)({className:"row"},h.Ji),{},{children:[(0,j.jsx)(r.Z,{md:6,className:"col-12 bg-no-repeat bg-cover overflow-hidden relative bg-center sm:h-[350px]",style:{backgroundImage:"url(https://via.placeholder.com/800x838)"}}),(0,j.jsxs)(r.Z,{md:6,className:"col-12 p-24 lg:p-20 md:p-12 sm:20 xs:p-14",children:[(0,j.jsx)("h5",{className:"font-serif font-bold text-[#262b35] uppercase tracking-[-.5px] mb-[20px]",children:"GET BOOK YOUR SPA APPOINTMENT"}),(0,j.jsx)("p",{className:"w-[90%] lg:w-full mb-[35px]",children:"Lorem ipsum is simply dummy text of the printing and typesetting industry"}),(0,j.jsx)(d.J9,{initialValues:{name:"",email:""},validationSchema:y.ye,onSubmit:async(e,s)=>{await new Promise((e=>setTimeout(e,500))),(0,g.resetForm)(s)},children:e=>{let{isSubmitting:s,status:a}=e;return(0,j.jsxs)(d.l0,{children:[(0,j.jsx)(p.II,{showErrorMsg:!1,type:"text",name:"name",labelclass:"mb-[25px]",className:"rounded-[5px] py-[15px] px-[20px] border-[1px] border-transparent w-full bg-lightgray mb-[20px]",placeholder:"Your name"}),(0,j.jsx)(p.II,{showErrorMsg:!1,type:"email",name:"email",labelclass:"mb-[30px]",className:"rounded-[5px] py-[15px] px-[20px] border-[1px] border-transparent w-full bg-lightgray mb-[20px]",placeholder:"Your email address"}),(0,j.jsx)(b.Z,{ariaLabel:"link for subscribe",type:"submit",className:"text-sm leading-none font-serif font-medium rounded-[4px] w-full uppercase".concat(s?" loading":""),themeColor:["#fd7f87","#f7aa80"],color:"#fff",size:"lg",title:"Get started now"}),(0,j.jsx)(m.M,{children:a&&(0,j.jsx)(n.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},children:(0,j.jsx)(u.Z,{className:"mt-[20px] mb-0 text-md leading-[22px] py-[10px] relative",theme:"message-box01",variant:"success",message:"Your message has been sent successfully subscribed to our email list!"})})})]})}})]})]}))})})})})]})}}]);
2//# sourceMappingURL=1331.681b6a68.chunk.js.map