{"version":3,"file":"static/chunks/3465.879f4dc77541a936.js","mappings":"2JAEe,SAASA,IACtB,OACE,SAACC,MAAAA,CACCC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,O,UAEL,SAACC,OAAAA,CACCC,EAAE,+5DACFF,KAAK,aAIb,C,gFCfe,SAASG,IACtB,OACE,SAACR,MAAAA,CACCC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,O,UAEL,SAACC,OAAAA,CACCC,EAAE,qxEACFF,KAAK,aAIb,C,gFCfe,SAASI,IACtB,OACE,SAACT,MAAAA,CACCC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,O,UAEL,SAACC,OAAAA,CACCC,EAAE,63CACFF,KAAK,aAIb,C,uCCjBA,MAAMK,EAAS,CACbC,gBAAiBC,EAAQC,IAAIC,aAAe,0CAC5CC,wBAA0BH,EAAQC,IAAIG,sBAAuB,kDAC7DC,iBAAkBL,2CAClBM,mBAAoBN,EAAQC,IAAIM,iBAAkB,+CAGpD,K,o3ICJO,MAAMC,EAAYC,EAAAA,GAAOC,IAAG,KAUtBC,EAAUF,EAAAA,GAAOC,IAAG,KAWpBE,EAAcH,EAAAA,GAAOC,IAAG,KAYxBG,EAAUJ,EAAAA,GAAOK,GAAE,KAanBC,EAAeN,EAAAA,GAAOO,KAAI,KAO1BC,EAAcR,EAAAA,GAAOC,IAAG,IAC1BQ,EAAAA,EAAOC,OAKLC,EAAgBX,EAAAA,GAAOC,IAAG,KAM1BW,EAAcZ,EAAAA,GAAOa,GAAE,KAKvBC,EAAcd,EAAAA,GAAOC,IAAG,KAUxBc,GALaf,EAAAA,GAAOgB,EAAC,KAKNhB,EAAAA,GAAOC,IAAG,MAIzBgB,EAAiBjB,EAAAA,GAAOC,IAAG,KAY3BiB,GAAkBlB,EAAAA,EAAAA,IAAOiB,EAAPjB,CAAOiB,KAMzBE,EAAOnB,EAAAA,GAAOoB,KAAI,KAWlBC,EAAarB,EAAAA,GAAOC,IAAG,KASvBqB,EAAetB,EAAAA,GAAOC,IAAG,KAOzBsB,EAAQvB,EAAAA,GAAOwB,MAAK,KAMpBC,EAAWzB,EAAAA,GAAOO,KAAI,KAItBmB,EAAQ1B,EAAAA,GAAO2B,MAAK,KAapBC,GAAW5B,EAAAA,EAAAA,IAAO0B,GAAOG,MAAM,CAAEC,GAAI,YAA1B9B,CAAqC,KAKhD+B,EAAe/B,EAAAA,GAAOgC,OAAM,IACzBvB,EAAAA,EAAOwB,cAmBVC,EAAalC,EAAAA,GAAOmC,EAAC,KAQrBC,EAAepC,EAAAA,GAAOC,IAAG,K,4DC3FtC,OA7FmB,KACjB,MAAOoC,EAAWC,IAAgBC,EAAAA,GAAAA,UAAS,CAAC,IACnCC,EAAOC,IAAYF,EAAAA,GAAAA,WAAS,IAC5BG,EAASC,IAAcJ,EAAAA,GAAAA,WAAS,IAChCK,EAASC,IAAcN,EAAAA,GAAAA,WAAS,IAChCO,EAAqBC,IAA0BR,EAAAA,GAAAA,WAAS,GA2EjE,MAAO,CACLC,QACAI,UACAF,UACAL,YACAS,sBACAE,aA/EoBC,IACpBX,EAAa,IACRD,EACH,CAACY,EAAEC,OAAOC,MAAOF,EAAEC,OAAOE,OAC1B,EA4EFC,aAzEmBC,MAAOL,IAC1BA,EAAEM,iBACFV,GAAW,GACXJ,GAAS,GACTE,GAAW,GAEX,IAQuB,aAPAa,MAAMnE,GAAAA,EAAOC,gBAAiB,CAC/CmE,OAAQ,OACRC,QAAS,CACP,eAAgB,oBAElBC,KAAMC,KAAKC,UAAUxB,MAEfyB,QACNnB,GAAW,GACXL,EAAa,CAEb,IAEAG,GAAS,EAEf,CACA,MAAMsB,GACFtB,EAASsB,EACb,SACIlB,GAAW,EACf,GA+CAmB,uBAZ6B,KAC7BjB,GAAuB,EAAM,EAY7BkB,wBA7C8BX,MAAOY,IACnC,IACI,MAAMC,QAAiBX,MAAMnE,GAAAA,EAAOK,wBAAyB,CACzD+D,OAAQ,OACRC,QAAS,CACL,eAAgB,mBAChB,OAAU,oBAEdC,KAAMC,KAAKC,UAAU,CACjBO,MAAMF,MAId,IAAKC,EAASE,GACZ,MAAM,IAAIC,MAAM,+BAA+C,OAAhBH,EAASL,gBAGvCK,EAASI,QAInB7B,QACPK,GAAuB,GAEvBA,GAAuB,EAE7B,CAAE,MAAOgB,GAELhB,GAAuB,EAC3B,GAiBH,E,mCCtEH,OAtBgB,KAEZ,SAACpE,MAAAA,CACCE,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLJ,MAAM,6B,UAEN,SAAC4F,IAAAA,CAAEC,GAAG,a,UACJ,SAACD,IAAAA,CAAEC,GAAG,Q,UACJ,SAACxF,OAAAA,CACCwF,GAAG,SACHvF,EAAE,gpCACFF,KAAK,kB,wBC0IjB,OAlHiB,I,IAAA,MAAE0F,GAAO,EAEzB,MAAM,UACHrC,EAAS,aACTW,EAAY,aACZK,EAAY,QACZT,EAAO,QACPF,EAAO,MACPF,EAAK,wBACLyB,EAAuB,uBACvBD,EAAsB,oBACtBlB,GACE6B,KAEJ,OACE,SAACC,UAAAA,CACCC,kBAAiBH,EAAMI,WACvBC,uBAAsBL,EAAMM,UAC5BP,GAAG,U,UAEH,SAAC1E,EAASA,C,UACR,UAACG,EAAOA,C,WACN,UAACC,EAAWA,C,WACV,SAACC,EAAOA,CAAC6E,WAAS,U,UAAU,SAAC3E,EAAYA,C,SAAGoE,EAAMQ,QAAQC,WAC1D,SAAC3E,EAAWA,CAACyE,WAAS,U,UAChB,SAACG,EAAAA,EAAeA,CACZC,MAAOX,EAAMQ,QAAQI,iBAG/B,SAAClD,EAAYA,CAAAA,IACb,UAACzB,EAAaA,CAACsE,WAAS,U,WACtB,SAACrE,EAAWA,C,SAAE8D,EAAMQ,QAAQK,gBAC5B,UAACzE,EAAWA,C,WACV,SAAC0E,KAAIA,CAACC,KAAK,oCAAoCvC,OAAO,S,UACnD,SAACxE,GAAAA,EAAQA,CAAAA,MAEZ,SAAC8G,KAAIA,CAACC,KAAK,4BAA4BvC,OAAO,S,UAC5C,SAACwC,GAAOA,CAAAA,MAEV,SAACF,KAAIA,CAACC,KAAK,oCAAoCvC,OAAO,S,UACpD,SAAC9D,GAAAA,EAAOA,CAAAA,MAEV,SAACoG,KAAIA,CAACC,KAAK,wCAAwCvC,OAAO,S,UACxD,SAAC/D,GAAAA,EAAQA,CAAAA,eAKjB,UAAC4B,EAAYA,CAACkE,WAAS,U,WACrB,SAAChE,EAAcA,CAAAA,IACf,SAACC,EAAeA,CAAAA,IAChB,UAACC,EAAIA,CAACwE,SAAUtC,E,UACfX,GAAU,SAACkD,GAAAA,EAAKA,CAACC,SAAS,U,SAAWnB,EAAMQ,QAAQY,kBAA2B,KAC9EtD,GAAQ,SAACoD,GAAAA,EAAKA,CAACC,SAAS,Q,SAASnB,EAAMQ,QAAQa,gBAAyB,MACzE,UAAC1E,EAAUA,C,WACP,UAACC,EAAYA,C,WACX,UAACC,EAAKA,CAACyE,QAAQ,O,UACdtB,EAAMQ,QAAQ/B,KAAK,KAAC,SAAC1B,EAAQA,C,SAAC,UAE/B,SAACC,EAAKA,CAAC+C,GAAG,OAAOwB,YAAavB,EAAMQ,QAAQgB,iBAAkBC,UAAQ,EAAC/C,OAAOf,aAAAA,EAAAA,EAAWc,OAAQ,GAAIiD,SAAUpD,EAAcG,KAAK,aAEpI,UAAC7B,EAAYA,C,WACX,UAACC,EAAKA,CAACyE,QAAQ,Q,UACbtB,EAAMQ,QAAQmB,OAAO,KAAC,SAAC5E,EAAQA,C,SAAC,UAElC,SAACC,EAAKA,CAAC+C,GAAG,QAAQwB,YAAavB,EAAMQ,QAAQoB,kBAAmBH,UAAQ,EAAE/C,OAAOf,aAAAA,EAAAA,EAAWkE,QAAS,GAAIH,SAAUpD,EAAcG,KAAK,iBAG1I,UAAC9B,EAAUA,C,WACT,UAACC,EAAYA,C,WACX,UAACC,EAAKA,CAACyE,QAAQ,U,UACdtB,EAAMQ,QAAQsB,aAAa,KAAC,SAAC/E,EAAQA,C,SAAC,UAEvC,SAACC,EAAKA,CAAC+C,GAAG,UAAUwB,YAAavB,EAAMQ,QAAQuB,yBAA0BN,UAAQ,EAAC/C,OAAOf,aAAAA,EAAAA,EAAWqE,UAAW,GAAIN,SAAUpD,EAAcG,KAAK,gBAElJ,UAAC7B,EAAYA,C,WACX,UAACC,EAAKA,CAACyE,QAAQ,O,UACbtB,EAAMQ,QAAQyB,iBAAgB,SAAClF,EAAQA,C,SAAC,UAE1C,SAACC,EAAKA,CAAC+C,GAAG,OAAOwB,YAAavB,EAAMQ,QAAQ0B,4BAA6BT,UAAQ,EAAE/C,OAAOf,aAAAA,EAAAA,EAAWwE,OAAQ,GAAIT,SAAUpD,EAAcG,KAAK,gBAGlJ,UAAC7B,EAAYA,C,WACX,UAACC,EAAKA,CAACyE,QAAQ,S,UACZtB,EAAMQ,QAAQ4B,oBAAmB,SAACrF,EAAQA,C,SAAC,UAE9C,SAACC,EAAKA,CAAC+C,GAAG,SAASwB,YAAavB,EAAMQ,QAAQ6B,+BAAgCZ,UAAQ,EAAE/C,OAAOf,aAAAA,EAAAA,EAAW2E,SAAU,GAAIZ,SAAUpD,EAAcG,KAAK,eAEvJ,UAAC7B,EAAYA,C,WACX,UAACC,EAAKA,CAACyE,QAAQ,U,UACZtB,EAAMQ,QAAQ+B,kBAAiB,SAACxF,EAAQA,C,SAAC,UAE5C,SAACG,EAAQA,CAAC6C,GAAG,UAAUwB,YAAavB,EAAMQ,QAAQgC,6BAA8Bf,UAAQ,EAAE/C,OAAOf,aAAAA,EAAAA,EAAW8E,UAAW,GAAIf,SAAUpD,EAAcG,KAAK,gBAE1J,SAACiE,GAAAA,EAASA,CACRC,QAAShI,GAAAA,EAAOO,iBAChBwG,SAAUnC,EACVqD,UAAWtD,KAEb,SAACjC,EAAYA,CAACwF,KAAK,SAASC,UAAW1E,E,SACrCF,EAAU8B,EAAMQ,QAAQuC,eAAiB/C,EAAMQ,QAAQwC,eAGzD,SAACxF,EAAUA,C,SACTwC,EAAMQ,QAAQyC,sB","sources":["webpack://_N_E/./src/common/assets/image/logo/social/Facebook.js","webpack://_N_E/./src/common/assets/image/logo/social/LinkedIn.js","webpack://_N_E/./src/common/assets/image/logo/social/youtube.js","webpack://_N_E/./src/config/config.js","webpack://_N_E/./src/slices/Contact/style.js","webpack://_N_E/./src/hooks/useContact.js","webpack://_N_E/./src/common/assets/image/logo/social/twitter.js","webpack://_N_E/./src/slices/Contact/index.js"],"sourcesContent":["import React from 'react';\n\nexport default function Facebook() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M15.25 7.70345C15.2476 9.54274 14.5751 11.3177 13.359 12.694C12.143 14.0702 10.4674 14.9528 8.64782 15.1755C8.60731 15.1801 8.56628 15.176 8.52744 15.1636C8.48861 15.1511 8.45285 15.1305 8.42253 15.1032C8.3922 15.0758 8.368 15.0423 8.35152 15.0049C8.33504 14.9675 8.32665 14.927 8.32691 14.8861V9.44013H10.0577C10.1368 9.4403 10.2151 9.42416 10.2877 9.3927C10.3603 9.36124 10.4257 9.31513 10.4798 9.25725C10.5339 9.19936 10.5755 9.13093 10.6022 9.05621C10.6288 8.98149 10.6398 8.90207 10.6346 8.82288C10.6219 8.67402 10.5534 8.53553 10.443 8.43524C10.3327 8.33496 10.1885 8.28033 10.0397 8.28234H8.32691V6.54566C8.32691 6.2386 8.44847 5.94411 8.66486 5.72699C8.88125 5.50986 9.17474 5.38788 9.48076 5.38788H10.6346C10.7137 5.38805 10.792 5.37191 10.8646 5.34045C10.9372 5.30899 11.0026 5.26288 11.0567 5.205C11.1108 5.14711 11.1525 5.07868 11.1791 5.00396C11.2057 4.92924 11.2168 4.84982 11.2115 4.77063C11.1988 4.62152 11.1301 4.48281 11.0194 4.38249C10.9088 4.28218 10.7643 4.22771 10.6151 4.23009H9.48076C8.86872 4.23009 8.28175 4.47405 7.84897 4.90831C7.41619 5.34256 7.17306 5.93154 7.17306 6.54566V8.28234H5.44229C5.3632 8.28217 5.28492 8.29831 5.21231 8.32977C5.1397 8.36123 5.07431 8.40734 5.02021 8.46522C4.9661 8.52311 4.92444 8.59154 4.8978 8.66626C4.87116 8.74098 4.86012 8.8204 4.86536 8.89959C4.87812 9.0487 4.94677 9.18741 5.05745 9.28773C5.16814 9.38805 5.31262 9.44251 5.46176 9.44013H7.17306V14.8875C7.17331 14.9284 7.16494 14.9688 7.1485 15.0062C7.13206 15.0435 7.10792 15.077 7.07768 15.1043C7.04744 15.1317 7.01177 15.1523 6.97302 15.1648C6.93428 15.1773 6.89333 15.1814 6.85287 15.177C4.98461 14.9487 3.26985 14.0249 2.04801 12.5885C0.826159 11.1521 0.186278 9.30774 0.255015 7.42052C0.399246 3.51299 3.55358 0.336316 7.4507 0.184357C8.45967 0.145142 9.46615 0.31052 10.4099 0.670601C11.3537 1.03068 12.2155 1.57807 12.9436 2.28002C13.6717 2.98197 14.2512 3.82406 14.6475 4.75593C15.0438 5.68779 15.2487 6.69029 15.25 7.70345Z\"\n        fill=\"#919BAB\"\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function LinkedIn() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M14.0962 0.178711H1.40385C1.09783 0.178711 0.804342 0.300276 0.587954 0.516665C0.371566 0.733053 0.25 1.02654 0.25 1.33256V14.0249C0.25 14.3309 0.371566 14.6244 0.587954 14.8408C0.804342 15.0571 1.09783 15.1787 1.40385 15.1787H14.0962C14.4022 15.1787 14.6957 15.0571 14.912 14.8408C15.1284 14.6244 15.25 14.3309 15.25 14.0249V1.33256C15.25 1.02654 15.1284 0.733053 14.912 0.516665C14.6957 0.300276 14.4022 0.178711 14.0962 0.178711ZM5.44231 11.1402C5.44231 11.2933 5.38152 11.44 5.27333 11.5482C5.16514 11.6564 5.01839 11.7172 4.86538 11.7172C4.71238 11.7172 4.56563 11.6564 4.45744 11.5482C4.34924 11.44 4.28846 11.2933 4.28846 11.1402V6.52486C4.28846 6.37186 4.34924 6.22511 4.45744 6.11692C4.56563 6.00872 4.71238 5.94794 4.86538 5.94794C5.01839 5.94794 5.16514 6.00872 5.27333 6.11692C5.38152 6.22511 5.44231 6.37186 5.44231 6.52486V11.1402ZM4.86538 5.37102C4.69423 5.37102 4.52691 5.32026 4.3846 5.22518C4.24229 5.13009 4.13137 4.99493 4.06587 4.8368C4.00037 4.67867 3.98324 4.50467 4.01663 4.33681C4.05002 4.16894 4.13244 4.01474 4.25347 3.89371C4.37449 3.77269 4.52869 3.69027 4.69656 3.65688C4.86442 3.62349 5.03842 3.64062 5.19655 3.70612C5.35468 3.77162 5.48984 3.88254 5.58493 4.02485C5.68002 4.16716 5.73077 4.33448 5.73077 4.50563C5.73077 4.73515 5.6396 4.95526 5.4773 5.11755C5.31501 5.27984 5.0949 5.37102 4.86538 5.37102ZM11.7885 11.1402C11.7885 11.2933 11.7277 11.44 11.6195 11.5482C11.5113 11.6564 11.3645 11.7172 11.2115 11.7172C11.0585 11.7172 10.9118 11.6564 10.8036 11.5482C10.6954 11.44 10.6346 11.2933 10.6346 11.1402V8.5441C10.6346 8.16157 10.4827 7.79471 10.2122 7.52423C9.94169 7.25374 9.57483 7.10179 9.19231 7.10179C8.80978 7.10179 8.44293 7.25374 8.17244 7.52423C7.90196 7.79471 7.75 8.16157 7.75 8.5441V11.1402C7.75 11.2933 7.68922 11.44 7.58102 11.5482C7.47283 11.6564 7.32609 11.7172 7.17308 11.7172C7.02007 11.7172 6.87332 11.6564 6.76513 11.5482C6.65694 11.44 6.59615 11.2933 6.59615 11.1402V6.52486C6.59687 6.38355 6.64943 6.24741 6.74386 6.14228C6.83828 6.03715 6.96802 5.97033 7.10844 5.95449C7.24887 5.93866 7.39022 5.97493 7.50569 6.0564C7.62115 6.13787 7.7027 6.25889 7.73486 6.3965C8.12513 6.13174 8.58016 5.9783 9.05107 5.95264C9.52197 5.92699 9.99098 6.03009 10.4077 6.25087C10.8244 6.47165 11.1732 6.80178 11.4164 7.20581C11.6597 7.60983 11.7883 8.07249 11.7885 8.5441V11.1402Z\"\n        fill=\"#919BAB\"\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function Youtube() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"16\"\n      viewBox=\"0 0 20 16\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M18.7691 2.69462C18.6891 2.38043 18.536 2.08983 18.3223 1.84681C18.1086 1.60378 17.8405 1.4153 17.54 1.2969C14.6323 0.168487 10.0045 0.178714 9.75 0.178714C9.49554 0.178714 4.86768 0.168487 1.96 1.2969C1.65953 1.4153 1.39139 1.60378 1.17769 1.84681C0.963989 2.08983 0.810861 2.38043 0.730937 2.69462C0.51125 3.54519 0.25 5.09974 0.25 7.67871C0.25 10.2577 0.51125 11.8122 0.730937 12.6628C0.810741 12.9772 0.963815 13.2679 1.17752 13.5111C1.39123 13.7543 1.65943 13.9429 1.96 14.0614C4.74554 15.1412 9.10536 15.1787 9.69402 15.1787H9.80598C10.3946 15.1787 14.757 15.1412 17.54 14.0614C17.8406 13.9429 18.1088 13.7543 18.3225 13.5111C18.5362 13.2679 18.6893 12.9772 18.7691 12.6628C18.9888 11.8105 19.25 10.2577 19.25 7.67871C19.25 5.09974 18.9888 3.54519 18.7691 2.69462ZM12.5143 8.2344L9.12147 10.6208C9.01998 10.6922 8.90096 10.7343 8.77731 10.7426C8.65367 10.7509 8.53012 10.725 8.42009 10.6678C8.31005 10.6105 8.21771 10.5241 8.1531 10.4178C8.08849 10.3116 8.05407 10.1896 8.05357 10.0651V5.29235C8.05361 5.16762 8.08769 5.04529 8.15212 4.93868C8.21654 4.83206 8.30884 4.74525 8.41896 4.68768C8.52908 4.63012 8.65281 4.60401 8.77668 4.61219C8.90054 4.62038 9.0198 4.66255 9.12147 4.73411L12.5143 7.12047C12.6036 7.18336 12.6764 7.26693 12.7267 7.3641C12.777 7.46127 12.8033 7.56918 12.8033 7.67871C12.8033 7.78824 12.777 7.89616 12.7267 7.99333C12.6764 8.0905 12.6036 8.17407 12.5143 8.23695V8.2344Z\"\n        fill=\"#919BAB\"\n      />\n    </svg>\n  );\n}\n","const config = {\n  endPointContact: process.env.URL_CONTACT || 'https://graphql.swiftask.ai/api/contact',\n  endPointVerifyRecaptcha:  process.env.URL_VERIFY_RECAPTCHA ||'https://graphql.swiftask.ai/api/verifyRecaptcha' ,\n  recaptchaSiteKey: process.env.RECAPCHATSITEKEY ||'',\n  endPointGetPricing: process.env.URL_GET_PRICING ||'https://graphql.swiftask.ai/public/subplans',\n};\n\nexport default config;\n\n","import styled from 'styled-components';\nimport colors from \"common/theme/saasModern/colors\"\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n  box-sizing: content-box;\n  margin-bottom: 10px;\n  padding-top: 6rem;\n`;\n\nexport const Wrapper = styled.div`\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n  position: relative;\n  @media (min-width: 1150px) {\n    grid-template-columns: 1fr 1fr;\n  }\n`;\n\nexport const LeftSection = styled.div`\n  display: flex;\n  flex-direction: column;\n  background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.1), transparent  , transparent, transparent, transparent);\n  padding: 56px;\n  border-radius: 64px;\n  @media (max-width: 950px) {\n  padding: 56px 0;\nbackground: none;\n  }\n`;\n\nexport const Heading = styled.h2`\n  font-size: 3rem;\n  font-weight: 900;\n  margin: 0;\n  transition: 500ms;\n  @media (max-width: 1440px) {\n    font-size: 3rem;\n  }\n  @media (max-width: 950px) {\n    font-size: 2rem;\n  }\n`\n\nexport const GradientText = styled.span`\n  background: linear-gradient(to right, #3b82f6, #ec4899, #f97316);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n`\n\nexport const Description = styled.div`\n  color: ${colors.black};\n  font-size: 1.5rem;\n  font-weight: 300;\n`;\n\nexport const SocialSection = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n`;\n\nexport const SocialTitle = styled.h3`\n  color: black;\n  font-size: 1.25rem;\n`;\n\nexport const SocialIcons = styled.div`\n  display: flex;\n  gap: 1.5rem;\n`;\n\nexport const SocialIcon = styled.a`\n  color: rgba(255, 255, 255, 0.8);\n  transition: color 0.3s ease;\n`;\n\nexport const RightSection = styled.div`\n  position: relative;\n`;\n\nexport const FormBackground = styled.div`\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 16rem;\n  height: 16rem;\n  background: rgba(255, 255, 255, 0.1);\n  border-radius: 50%;\n  filter: blur(100px);\n  z-index: -1;\n`;\n\nexport const FormBackground2 = styled(FormBackground)`\n  bottom: 0;\n  left: 50%;\n  background-color: rgba(249, 115, 22, 0.2);\n`;\n\nexport const Form = styled.form`\n  backdrop-filter: blur(10px);\n  border-radius: 1.5rem;\n  padding: 2rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  background-color: transparent;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n`;\n\nexport const InputGroup = styled.div`\n  display: grid;\n  gap: 1.5rem;\n\n  @media (min-width: 768px) {\n    grid-template-columns: 1fr 1fr;\n  }\n`;\n\nexport const InputWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n`;\n\nexport const Label = styled.label`\n  color: black;\n  font-size: 0.875rem;\n  font-weight: 600;\n`;\n\nexport const Required = styled.span`\n  color: #F87171;\n`;\n\nexport const Input = styled.input`\n  background-color: transparent;\n  border: 1px solid gray;\n  border-radius: 0.9rem;\n  padding: 0.5rem 1rem;\n  color: black;\n  font-size: 1rem;\n  height: 2.3rem;\n  &::placeholder {\n    color: gray;\n  }\n`;\n\nexport const Textarea = styled(Input).attrs({ as: 'textarea' })`\n  min-height: 120px;\n  resize: vertical;\n`;\n\nexport const SubmitButton = styled.button`\n  background: ${colors.redSecondary};\n  color: black;\n  border: none;\n  border-radius: 1.6rem;\n  padding: 1rem;\n  font-size: 1.125rem;\n  cursor: pointer;\n  transition: opacity 0.3s ease;\n  font-weight: 900;\n  &:hover {\n    opacity: 0.9;\n  }\n\n  &:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n  }\n`;\n\nexport const FormFooter = styled.p`\n  color: black;\n  text-align: center;\n  font-size: 0.875rem;\n  font-weight: 900;\n`;\n\n \nexport const BorderBottom = styled.div`\n  width: 30%;\n  height: 2px;\n  background: #3b82f6;\n  margin-top: 24px;\n  background: linear-gradient(90deg, gray, gray,red);\n\n`\n","// create a hook to handle the form and send message to the backend\nimport { useState } from 'react';\nimport config from 'config/config';\n\nconst useContact = () => {\n  const [valueForm, setValueForm] = useState({});\n    const [error, setError] = useState(false);\n    const [success, setSuccess] = useState(false);\n    const [loading, setLoading] = useState(false);\n    const [isVerifiedRecaptcha, setIsVerifiedRecaptcha] = useState(false);\n\n  const handleChange = (e) => {\n    setValueForm({\n      ...valueForm,\n      [e.target.name]: e.target.value,\n    });\n  };\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    setLoading(true);\n    setError(false)\n    setSuccess(false)\n    // add code to send post using fetch with code \n    try{\n        const send = await fetch(config.endPointContact, {\n          method: 'POST',\n          headers: {    \n            'Content-Type': 'application/json',\n          },\n          body: JSON.stringify(valueForm),\n        });\n        if(send.status === 200){\n          setSuccess(true)\n          setValueForm({\n         \n          })\n        }else{\n          setError(true)\n        }\n    }\n    catch(err){\n        setError(err)\n    }finally{\n        setLoading(false);\n    }\n  };\n\n  const handleCaptchaSubmission = async (tokenRecaptcha) => {\n      try {\n          const response = await fetch(config.endPointVerifyRecaptcha, {\n              method: 'POST',\n              headers: {\n                  'Content-Type': 'application/json',\n                  'Accept': 'application/json',\n              },\n              body: JSON.stringify({\n                  token:tokenRecaptcha,\n              }),\n          });\n      \n          if (!response.ok) {\n            throw new Error(`Request failed with status: ${response.status}`);\n          }\n      \n          const data = await response.json();\n\n          console.log(\"data\", data);\n\n          if (data.success) {\n            setIsVerifiedRecaptcha(true);\n          } else {\n            setIsVerifiedRecaptcha(false);\n          }\n      } catch (err) {\n          console.error(\"Error during reCAPTCHA verification:\", err);\n          setIsVerifiedRecaptcha(false);\n      }\n  }\n  \n  const handleExpiredRecaptcha = () => {\n    setIsVerifiedRecaptcha(false);\n  };\n\n  return {\n    error,\n    loading,\n    success,\n    valueForm,\n    isVerifiedRecaptcha,\n    handleChange,\n    handleSubmit,\n    handleExpiredRecaptcha,\n    handleCaptchaSubmission\n  };\n};\n\nexport default useContact;","import React from 'react';\n\nconst Twitter = () => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g id=\"twitter-ic\">\n        <g id=\"Group\">\n          <path\n            id=\"Vector\"\n            d=\"M23.6435 4.93699C22.8085 5.30699 21.9115 5.55699 20.9685 5.66999C21.9415 5.08778 22.6694 4.17145 23.0165 3.09199C22.1023 3.63497 21.1018 4.01718 20.0585 4.22199C19.3569 3.47285 18.4276 2.97631 17.4148 2.80946C16.4021 2.64261 15.3626 2.81478 14.4577 3.29924C13.5529 3.7837 12.8333 4.55335 12.4107 5.48869C11.988 6.42403 11.886 7.47274 12.1205 8.47199C10.2682 8.37898 8.45613 7.89753 6.80192 7.05889C5.14772 6.22025 3.68834 5.04315 2.5185 3.60399C2.1185 4.29399 1.8885 5.09399 1.8885 5.94599C1.88805 6.71298 2.07693 7.46823 2.43838 8.14472C2.79982 8.82121 3.32266 9.39802 3.9605 9.82399C3.22078 9.80045 2.49737 9.60057 1.8505 9.24099V9.30098C1.85043 10.3767 2.22253 11.4194 2.90368 12.252C3.58483 13.0846 4.53307 13.6559 5.5875 13.869C4.90128 14.0547 4.18184 14.0821 3.4835 13.949C3.781 14.8746 4.3605 15.684 5.14087 16.2639C5.92124 16.8438 6.86342 17.1652 7.8355 17.183C6.18533 18.4784 4.14739 19.1811 2.0495 19.178C1.67788 19.1781 1.30658 19.1564 0.9375 19.113C3.06698 20.4822 5.54584 21.2088 8.0775 21.206C16.6475 21.206 21.3325 14.108 21.3325 7.95199C21.3325 7.75199 21.3275 7.54998 21.3185 7.34999C22.2298 6.69096 23.0164 5.87488 23.6415 4.93999L23.6435 4.93699Z\"\n            fill=\"#B6B6B6\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n};\n\nexport default Twitter;\n","import {\n  Container,\n  Wrapper,\n  LeftSection,\n  Description,\n  SocialSection,\n  SocialIcons,\n  SocialTitle,\n  RightSection,\n  FormBackground,\n  FormBackground2,\n  Form,\n  InputGroup,\n  InputWrapper,\n  Label,\n  Input,\n  Textarea,\n  Required,\n  SubmitButton,\n  FormFooter,\n  Heading,\n  GradientText,\n  BorderBottom\n} from './style'\nimport { PrismicRichText } from '@prismicio/react';\n\nimport Link from 'next/link';\nimport useContact from 'hooks/useContact';\nimport { Alert } from '@mui/material';\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport config from 'config/config';\nimport Facebook from 'common/assets/image/logo/social/Facebook';\nimport Twitter from 'common/assets/image/logo/social/twitter';\nimport Youtube from 'common/assets/image/logo/social/youtube';\nimport LinkedIn from 'common/assets/image/logo/social/LinkedIn';\n/**\n * @typedef {import(\"@prismicio/client\").Content.ContactSlice} ContactSlice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps<ContactSlice>} ContactProps\n * @param {ContactProps}\n */\nconst Contact = ({ slice }) => {\n\n const { \n    valueForm,\n    handleChange,\n    handleSubmit,\n    loading,\n    success,\n    error,\n    handleCaptchaSubmission,\n    handleExpiredRecaptcha,\n    isVerifiedRecaptcha\n  } = useContact();\n\n  return (\n    <section\n      data-slice-type={slice.slice_type}\n      data-slice-variation={slice.variation}\n      id=\"contact\"\n    >\n      <Container >\n        <Wrapper>\n          <LeftSection >\n            <Heading data-aos=\"fade-in\"><GradientText >{slice.primary.title}</GradientText></Heading>\n            <Description data-aos=\"fade-in\">\n                  <PrismicRichText\n                      field={slice.primary.description}\n                  />\n            </Description>\n            <BorderBottom />\n            <SocialSection data-aos=\"fade-in\">\n              <SocialTitle>{slice.primary.following_us}</SocialTitle>\n              <SocialIcons>\n                <Link href='https://www.facebook.com/swiftask' target='_blank'>\n                   <Facebook />\n                </Link>\n                <Link href='https://x.com/swiftask_ai' target='_blank'>\n                  <Twitter />\n                </Link>\n                <Link href='https://www.youtube.com/@Swiftask' target='_blank'>\n                  <Youtube />\n                </Link>\n                <Link href='https://linkedin.com/company/swiftask' target='_blank'>\n                  <LinkedIn />\n                </Link>\n              </SocialIcons>\n            </SocialSection>\n          </LeftSection>\n          <RightSection data-aos=\"fade-in\">\n            <FormBackground />\n            <FormBackground2 />\n            <Form onSubmit={handleSubmit}>\n            {success ? <Alert severity=\"success\">{slice.primary.success_message}</Alert> : null}\n            {error ? <Alert severity=\"error\">{slice.primary.error_message}</Alert> : null}\n            <InputGroup>\n                <InputWrapper>\n                  <Label htmlFor=\"name\">\n                  {slice.primary.name} <Required>*</Required>\n                  </Label>\n                  <Input id=\"name\" placeholder={slice.primary.name_placeholder} required value={valueForm?.name || ''} onChange={handleChange} name='name' />\n                </InputWrapper>\n                <InputWrapper>\n                  <Label htmlFor=\"email\">\n                   {slice.primary.e_mail} <Required>*</Required>\n                  </Label>\n                  <Input id=\"email\" placeholder={slice.primary.email_placeholder} required  value={valueForm?.email || ''} onChange={handleChange} name='email' />\n                </InputWrapper>\n              </InputGroup>\n              <InputGroup>\n                <InputWrapper>\n                  <Label htmlFor=\"company\">\n                  {slice.primary.company_name} <Required>*</Required>\n                  </Label>\n                  <Input id=\"company\" placeholder={slice.primary.company_name_placeholder} required value={valueForm?.company || ''} onChange={handleChange} name='company' />\n                </InputWrapper>\n                <InputWrapper>\n                  <Label htmlFor=\"size\">\n                   {slice.primary.size_of_company}<Required>*</Required>\n                  </Label>\n                  <Input id=\"size\" placeholder={slice.primary.size_of_company_placeholder} required  value={valueForm?.size || ''} onChange={handleChange} name='size' />\n                </InputWrapper>\n              </InputGroup>\n              <InputWrapper>\n                <Label htmlFor=\"sector\">\n                  {slice.primary.sector_of_activity}<Required>*</Required>\n                </Label>\n                <Input id=\"sector\" placeholder={slice.primary.sector_of_activity_placeholder} required  value={valueForm?.sector || ''} onChange={handleChange} name='sector' />\n              </InputWrapper>\n              <InputWrapper>\n                <Label htmlFor=\"message\">\n                  {slice.primary.specific_request}<Required>*</Required>\n                </Label>\n                <Textarea id=\"message\" placeholder={slice.primary.specific_request_placeholder} required  value={valueForm?.message || ''} onChange={handleChange} name='message' />\n              </InputWrapper>\n              <ReCAPTCHA\n                sitekey={config.recaptchaSiteKey}\n                onChange={handleCaptchaSubmission}\n                onExpired={handleExpiredRecaptcha}\n              />\n              <SubmitButton type=\"submit\" disabled={!isVerifiedRecaptcha}>\n               {loading ? slice.primary.button_loading : slice.primary.button_send}\n              </SubmitButton>\n              \n              <FormFooter>\n               {slice.primary.noticed}\n              </FormFooter>\n            </Form>\n          </RightSection>\n        </Wrapper>\n      </Container>\n    </section>\n  );\n};\n\nexport default Contact;\n"],"names":["Facebook","svg","xmlns","width","height","viewBox","fill","path","d","LinkedIn","Youtube","config","endPointContact","process","env","URL_CONTACT","endPointVerifyRecaptcha","URL_VERIFY_RECAPTCHA","recaptchaSiteKey","endPointGetPricing","URL_GET_PRICING","Container","styled","div","Wrapper","LeftSection","Heading","h2","GradientText","span","Description","colors","black","SocialSection","SocialTitle","h3","SocialIcons","RightSection","a","FormBackground","FormBackground2","Form","form","InputGroup","InputWrapper","Label","label","Required","Input","input","Textarea","attrs","as","SubmitButton","button","redSecondary","FormFooter","p","BorderBottom","valueForm","setValueForm","useState","error","setError","success","setSuccess","loading","setLoading","isVerifiedRecaptcha","setIsVerifiedRecaptcha","handleChange","e","target","name","value","handleSubmit","async","preventDefault","fetch","method","headers","body","JSON","stringify","status","err","handleExpiredRecaptcha","handleCaptchaSubmission","tokenRecaptcha","response","token","ok","Error","json","g","id","slice","useContact","section","data-slice-type","slice_type","data-slice-variation","variation","data-aos","primary","title","PrismicRichText","field","description","following_us","Link","href","Twitter","onSubmit","Alert","severity","success_message","error_message","htmlFor","placeholder","name_placeholder","required","onChange","e_mail","email_placeholder","email","company_name","company_name_placeholder","company","size_of_company","size_of_company_placeholder","size","sector_of_activity","sector_of_activity_placeholder","sector","specific_request","specific_request_placeholder","message","ReCAPTCHA","sitekey","onExpired","type","disabled","button_loading","button_send","noticed"],"sourceRoot":""}