{"version":3,"file":"static/chunks/518.dcd6c829c2fca907.js","mappings":"6KAEaA,EAAgBC,EAAAA,GAAAA,IAAAA,WAAH,iEAAGA,CAAH,yd,UCyF1B,EAvFwB,SAACC,GACvB,MAOIA,EANFC,UAAAA,OADF,MACc,GADd,IAOID,EALFE,OAAAA,OAFF,MAEW,oDAFX,IAOIF,EAJFG,QAAAA,OAHF,MAGY,wBAHZ,IAOIH,EAHFI,IAAAA,OAJF,MAIQ,OAJR,IAOIJ,EAFFK,aAAAA,OALF,MAKiB,cALjB,IAOIL,EADFM,IAAAA,OANF,MAMQ,iBANR,EASA,OACE,UAACR,EAAD,CAAeG,UAAWA,EAA1B,WACE,gBAAKA,UAAU,aAAf,UACE,SAAC,IAAD,CACEM,SAAQ,UAAKL,EAAL,wBAA2BC,EAA3B,YAAsCC,GAC9CI,OAAQ,IACRC,MAAO,IACPH,IAAKA,EACLI,QAAQ,OACRC,UAAU,OAGd,gBAAKV,UAAU,YAAf,UACE,SAAC,IAAD,CACEM,SAAQ,UAAKL,EAAL,wBAA2BC,EAA3B,YAAsCC,GAC9CI,OAAQ,IACRC,MAAO,IACPH,IAAKA,EACLI,QAAQ,OACRC,UAAU,OAGd,gBAAKV,UAAU,YAAf,UACE,SAAC,IAAD,CACEM,SAAQ,UAAKL,EAAL,wBAA2BC,EAA3B,YAAsCC,GAC9CI,OAAQ,IACRC,MAAO,IACPH,IAAKA,EACLI,QAAQ,OACRC,UAAU,OAGd,gBAAKV,UAAU,YAAf,UACE,SAAC,IAAD,CACEM,SAAQ,UAAKL,EAAL,yBAA4BC,EAA5B,YAAuCC,GAC/CI,OAAQ,IACRC,MAAO,KACPH,IAAKA,EACLI,QAAQ,OACRC,UAAU,OAGd,gBAAKV,UAAU,YAAf,UACE,SAAC,IAAD,CACEM,SAAQ,UAAKL,EAAL,yBAA4BC,EAA5B,YAAuCC,GAC/CI,OAAQ,IACRC,MAAO,KACPH,IAAKA,EACLI,QAAQ,OACRC,UAAU,OAGd,gBAAKV,UAAU,mBAAf,UACE,SAAC,IAAD,CACEM,SAAQ,UAAKL,EAAL,yBAA4BC,EAA5B,YAAuCC,GAC/CI,OAAQ,IACRC,MAAO,IACPH,IAAKA,EACLI,QAAQ,OACRC,UAAU,OAGd,gBAAKV,UAAU,mBAAf,UACE,SAAC,IAAD,CACEM,SAAQ,UAAKL,EAAL,YAAeG,EAAf,YAA+BF,EAA/B,YAA0CC,GAClDI,OAAQ,IACRC,MAAO,IACPH,IAAKA,EACLI,QAAQ,OACRC,UAAU,QAMnB,EC9EYC,EAAOb,EAAAA,GAAAA,IAAAA,WAAH,uDAAGA,CAAH,+eCUjB,EAlBe,SAACC,GACd,IAAQa,EAAkEb,EAAlEa,MAAOC,EAA2Dd,EAA3Dc,QAASC,EAAkDf,EAAlDe,QAAcd,GAAoCD,EAAzCgB,IAAyChB,EAApCC,WAAWE,EAAyBH,EAAzBG,QAAjD,EAA0EH,EAAhBI,IAAAA,OAA1D,MAAgE,MAAhE,EAEA,OACE,iBAAKH,UAAS,UAAKA,EAAL,YDDN,YCCR,UACGY,IAAS,gBAAKZ,UDAR,uCCAG,SAA4BY,KACtC,UAACD,EAAD,CAAMX,UDNJ,2ECMF,WACE,iBAAKA,UDHD,iBCGJ,WACE,eAAIA,UAAU,eAAd,SAA8Bc,KAC9B,gBAAKd,UAAU,eAAf,SAA+Ba,OAGhCX,IAAW,SAAC,EAAD,CAAiBF,UAAU,WAAWE,QAASA,EAASC,IAAKA,SAIhF,C","sources":["webpack://_N_E/./components/common/responsive-image/styled.js","webpack://_N_E/./components/common/responsive-image/index.js","webpack://_N_E/./components/layout/banner/style.js","webpack://_N_E/./components/layout/banner/index.js"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const ResponsiveImg = styled.div`\n /* Base hidden class: hides the component by default */\n .hidden {\n display: none;\n }\n\n /* Extra small screens (<= 400px) */\n @media (max-width: 400px) {\n .ssm {\n display: block;\n }\n }\n\n /* Small screens (> 400px and <= 600px) */\n @media (min-width: 401px) and (max-width: 600px) {\n .sm {\n display: block;\n }\n }\n\n /* Medium screens (> 600px and <= 768px) */\n @media (min-width: 601px) and (max-width: 768px) {\n .md {\n display: block;\n }\n }\n\n /* Large screens (> 768px and <= 1024px) */\n @media (min-width: 769px) and (max-width: 1024px) {\n .lg {\n display: block;\n }\n }\n\n /* Extra Large screens (> 1024px and <= 1280px) */\n @media (min-width: 1025px) and (max-width: 1280px) {\n .xl {\n display: block;\n }\n }\n\n /* double-xl screens (> 1280px) */\n @media (min-width: 1281px) {\n .double-xl {\n display: block !important;\n }\n }\n\n /* triple-xl screens (> 1280px) */\n @media (min-width: 1400px) {\n .triple-xl {\n display: block !important;\n }\n }\n`;","import React from \"react\";\nimport CachedImage from \"../../../common/cachedImage\";\nimport { ResponsiveImg } from \"./styled\";\n\nconst ResponsiveImage = (props) => {\n const {\n className = '',\n prefix = \"https://res.cloudinary.com/dzd08xoih/image/upload\",\n imgName = \"traviya-banner_m2wyep\",\n ext = \"webp\",\n defaultWidth = \"v1728120607\",\n alt = \"Traviya travel\",\n } = props;\n\n return (\n \n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n\n \n );\n};\n\nexport default ResponsiveImage;\n","import styled from \"styled-components\";\n\nexport const tailwindClasses = {\n card: \"pt-[16px] pr-[16px] pb-[24px] h-[500px] flex items-center justify-center\",\n cardIcon:\n \"absolute left-[0] right-[0] bottom-[-18px] rounded-[50%] w-[36px] h-[36px] m-auto bg-[#fff] shadow-[0 0 3px 0 #58A4AE] flex flex-center items-center justify-center\",\n cardWrap: \"relative\",\n cardBody: \"relative z-[2]\",\n cardTitle: \"text-[32px] text-[#272727] mb-[16px]\",\n};\n\nexport const Card = styled.div`\n padding: 48px 16px 48px;\n text-shadow: 1px 0 0 #58a4ae;\n background: #58a4ae;\n color: #fff;\n overflow: hidden;\n position: relative;\n .card-heading {\n font-size: 42px;\n text-transform: uppercase;\n position: relative;\n padding-bottom: 8px;\n margin-bottom: 8px;\n &:after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n margin: auto;\n width: 290px;\n height: 4px;\n bottom: 0;\n background: #58a4ae;\n }\n }\n .card-content {\n font-size: 24px;\n text-transform: capitalize;\n letter-spacing: 2px;\n }\n .card-img {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n margin: auto;\n width: 100%;\n }\n`;\n","import ResponsiveImage from \"../../common/responsive-image\";\nimport { Card, tailwindClasses } from \"./style\";\n\nconst Banner = (props) => {\n const { title, content, heading, img, className, imgName, ext = 'jpg' } = props; // Destructuring props\n const { card, cardWrap, cardBody, cardTitle } = tailwindClasses;\n return (\n
\n {title &&
{title}
}\n \n
\n

{heading}

\n
{content}
\n
\n {/* {img && } */}\n {imgName && }\n \n
\n );\n};\n\nexport default Banner;\n"],"names":["ResponsiveImg","styled","props","className","prefix","imgName","ext","defaultWidth","alt","imageUrl","height","width","loading","priority","Card","title","content","heading","img"],"sourceRoot":""}