@appcorp/kismaa-web-ui 0.1.3 → 0.1.4

package/faqs.185ffa78.js

@@ -0,0 +1,35 @@
+import {Banner as $jZ94m$Banner, CtaBanner as $jZ94m$CtaBanner, Faq as $jZ94m$Faq, Footer as $jZ94m$Footer, GetAppBanner as $jZ94m$GetAppBanner, Navbar as $jZ94m$Navbar} from "./organisms.7fa4fa08.js";
+import {jsxs as $jZ94m$jsxs, Fragment as $jZ94m$Fragment, jsx as $jZ94m$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+
+const $fc51318be08325fe$export$e701540a94dc6f19 = ({ navbar: navbar, ctaBanner: ctaBanner, banner: banner, faq: faq, footer: footer, getAppBanner: getAppBanner })=>{
+    return /*#__PURE__*/ (0, $jZ94m$jsxs)((0, $jZ94m$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $jZ94m$jsx)((0, $jZ94m$Navbar), {
+                ...navbar
+            }),
+            /*#__PURE__*/ (0, $jZ94m$jsx)((0, $jZ94m$Banner), {
+                ...banner
+            }),
+            /*#__PURE__*/ (0, $jZ94m$jsx)((0, $jZ94m$Faq), {
+                ...faq
+            }),
+            /*#__PURE__*/ (0, $jZ94m$jsx)((0, $jZ94m$GetAppBanner), {
+                ...getAppBanner
+            }),
+            /*#__PURE__*/ (0, $jZ94m$jsx)((0, $jZ94m$CtaBanner), {
+                ...ctaBanner
+            }),
+            /*#__PURE__*/ (0, $jZ94m$jsx)((0, $jZ94m$Footer), {
+                ...footer
+            })
+        ]
+    });
+};
+
+
+export {$fc51318be08325fe$export$e701540a94dc6f19 as FaqsPage};
+//# sourceMappingURL=faqs.185ffa78.js.map

package/faqs.185ffa78.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAWO,MAAM,4CAA6B,CAAC,UACzC,MAAM,aACN,SAAS,UACT,MAAM,OACN,GAAG,UACH,MAAM,gBACN,YAAY,EACb;IACC,qBACE;;0BACE,gBAAC,CAAA,GAAA,aAAK;gBAAG,GAAG,MAAM;;0BAClB,gBAAC,CAAA,GAAA,aAAK;gBAAG,GAAG,MAAM;;0BAClB,gBAAC,CAAA,GAAA,UAAE;gBAAG,GAAG,GAAG;;0BACZ,gBAAC,CAAA,GAAA,mBAAW;gBAAG,GAAG,YAAY;;0BAC9B,gBAAC,CAAA,GAAA,gBAAQ;gBAAG,GAAG,SAAS;;0BACxB,gBAAC,CAAA,GAAA,aAAK;gBAAG,GAAG,MAAM;;;;AAGxB","sources":["src/templates/faqs/faqs.tsx"],"sourcesContent":["import {\n  Banner,\n  CtaBanner,\n  Faq,\n  Footer,\n  GetAppBanner,\n  Navbar,\n} from '../../organisms';\nimport React, { FC } from 'react';\nimport { FaqPageProps } from './type';\n\nexport const FaqsPage: FC<FaqPageProps> = ({\n  navbar,\n  ctaBanner,\n  banner,\n  faq,\n  footer,\n  getAppBanner,\n}) => {\n  return (\n    <>\n      <Navbar {...navbar} />\n      <Banner {...banner} />\n      <Faq {...faq} />\n      <GetAppBanner {...getAppBanner} />\n      <CtaBanner {...ctaBanner} />\n      <Footer {...footer} />\n    </>\n  );\n};\n"],"names":[],"version":3,"file":"faqs.185ffa78.js.map"}

package/faqs.24b82e7a.js

@@ -0,0 +1,27 @@
+var $aab3c2baa26ab15f$exports = require("./faqs.2b84981b.js");
+var $f1d5e6fe5d51252f$exports = require("./type.7f19db84.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $aab3c2baa26ab15f$exports);
+$parcel$exportWildcard(module.exports, $f1d5e6fe5d51252f$exports);
+
+
+//# sourceMappingURL=faqs.24b82e7a.js.map

package/faqs.24b82e7a.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/templates/faqs/index.ts"],"sourcesContent":["export * from './faqs';\nexport * from './type';\n"],"names":[],"version":3,"file":"faqs.24b82e7a.js.map"}

package/faqs.2b84981b.js

@@ -0,0 +1,40 @@
+var $007e78a55019dc58$exports = require("./organisms.e0e8921b.js");
+var $fQZ43$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "FaqsPage", () => $aab3c2baa26ab15f$export$e701540a94dc6f19);
+
+
+
+const $aab3c2baa26ab15f$export$e701540a94dc6f19 = ({ navbar: navbar, ctaBanner: ctaBanner, banner: banner, faq: faq, footer: footer, getAppBanner: getAppBanner })=>{
+    return /*#__PURE__*/ (0, $fQZ43$reactjsxruntime.jsxs)((0, $fQZ43$reactjsxruntime.Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $fQZ43$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.Navbar), {
+                ...navbar
+            }),
+            /*#__PURE__*/ (0, $fQZ43$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.Banner), {
+                ...banner
+            }),
+            /*#__PURE__*/ (0, $fQZ43$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.Faq), {
+                ...faq
+            }),
+            /*#__PURE__*/ (0, $fQZ43$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.GetAppBanner), {
+                ...getAppBanner
+            }),
+            /*#__PURE__*/ (0, $fQZ43$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.CtaBanner), {
+                ...ctaBanner
+            }),
+            /*#__PURE__*/ (0, $fQZ43$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.Footer), {
+                ...footer
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=faqs.2b84981b.js.map

package/faqs.2b84981b.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAWO,MAAM,4CAA6B,CAAC,UACzC,MAAM,aACN,SAAS,UACT,MAAM,OACN,GAAG,UACH,MAAM,gBACN,YAAY,EACb;IACC,qBACE;;0BACE,gCAAC,CAAA,GAAA,gCAAK;gBAAG,GAAG,MAAM;;0BAClB,gCAAC,CAAA,GAAA,gCAAK;gBAAG,GAAG,MAAM;;0BAClB,gCAAC,CAAA,GAAA,6BAAE;gBAAG,GAAG,GAAG;;0BACZ,gCAAC,CAAA,GAAA,sCAAW;gBAAG,GAAG,YAAY;;0BAC9B,gCAAC,CAAA,GAAA,mCAAQ;gBAAG,GAAG,SAAS;;0BACxB,gCAAC,CAAA,GAAA,gCAAK;gBAAG,GAAG,MAAM;;;;AAGxB","sources":["src/templates/faqs/faqs.tsx"],"sourcesContent":["import {\n  Banner,\n  CtaBanner,\n  Faq,\n  Footer,\n  GetAppBanner,\n  Navbar,\n} from '../../organisms';\nimport React, { FC } from 'react';\nimport { FaqPageProps } from './type';\n\nexport const FaqsPage: FC<FaqPageProps> = ({\n  navbar,\n  ctaBanner,\n  banner,\n  faq,\n  footer,\n  getAppBanner,\n}) => {\n  return (\n    <>\n      <Navbar {...navbar} />\n      <Banner {...banner} />\n      <Faq {...faq} />\n      <GetAppBanner {...getAppBanner} />\n      <CtaBanner {...ctaBanner} />\n      <Footer {...footer} />\n    </>\n  );\n};\n"],"names":[],"version":3,"file":"faqs.2b84981b.js.map"}

package/faqs.ba88d34c.js

@@ -0,0 +1,9 @@
+import {FaqsPage as $fc51318be08325fe$export$e701540a94dc6f19} from "./faqs.185ffa78.js";
+import "./type.23c026db.js";
+
+
+
+
+
+export {$fc51318be08325fe$export$e701540a94dc6f19 as FaqsPage};
+//# sourceMappingURL=faqs.ba88d34c.js.map

package/faqs.ba88d34c.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/templates/faqs/index.ts"],"sourcesContent":["export * from './faqs';\nexport * from './type';\n"],"names":[],"version":3,"file":"faqs.ba88d34c.js.map"}

package/footer.2cf4d52a.js

@@ -0,0 +1,124 @@
+var $28b048f7ca50ed9a$exports = require("./kismaa-logo.77129033.js");
+var $75ff6314b77a3597$exports = require("./molecules.a0ab4a41.js");
+var $3fc68f5c881da3e1$exports = require("./type.fe8fbc9e.js");
+var $eydTk$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Footer", () => $55f867e9a7731d53$export$a06f1c675e846f6f);
+
+
+
+
+
+const $55f867e9a7731d53$export$a06f1c675e846f6f = ({ logoClassName: logoClassName = 'h-24 w-28', description: description, socialLinks: socialLinks, quickLinks: quickLinks, communities: communities })=>{
+    const halfLength = Math.ceil(quickLinks.length / 2);
+    const quickLinksLeft = quickLinks.slice(0, halfLength);
+    const quickLinksRight = quickLinks.slice(halfLength);
+    return /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("section", {
+        className: "kismaa-section-spacing bg-purple-200/90",
+        children: /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("div", {
+            className: "kismaa-container",
+            children: /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsxs)("footer", {
+                className: "grid w-full items-end gap-10 md:grid-cols-2 lg:grid-cols-3 lg:gap-16",
+                children: [
+                    /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsxs)("div", {
+                        className: "w-full",
+                        children: [
+                            /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)((0, $28b048f7ca50ed9a$exports.KismaaLogo), {
+                                className: logoClassName
+                            }),
+                            /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("div", {
+                                className: "mb-10 mt-3 text-neutral-800",
+                                children: /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH4,
+                                    children: description
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("div", {
+                                className: "flex gap-6",
+                                children: socialLinks.map(({ icon: icon, href: href }, index)=>/*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("a", {
+                                        href: href,
+                                        target: "_blank",
+                                        rel: "noopener noreferrer",
+                                        className: "cursor-pointer rounded-full bg-primary/65 p-2 transition-all duration-300 ease-in-out hover:scale-110",
+                                        children: icon
+                                    }, index))
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsxs)("div", {
+                        className: "w-fit md:w-full",
+                        children: [
+                            /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("div", {
+                                className: "text-neutral-800",
+                                children: /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H5,
+                                    children: "Quick Links"
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsxs)("div", {
+                                className: "mt-6 grid grid-cols-2 gap-14 text-neutral-800",
+                                children: [
+                                    /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("div", {
+                                        className: "flex flex-col gap-4",
+                                        children: quickLinksLeft.slice(0, 5).map(({ label: label, href: href }, index)=>/*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("a", {
+                                                href: href,
+                                                className: "cursor-pointer",
+                                                children: /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH4,
+                                                    children: label
+                                                })
+                                            }, index))
+                                    }),
+                                    /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("div", {
+                                        className: "flex flex-col gap-4",
+                                        children: quickLinksRight.slice(0, 5).map(({ label: label, href: href }, index)=>/*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("a", {
+                                                href: href,
+                                                className: "cursor-pointer",
+                                                children: /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH4,
+                                                    children: label
+                                                })
+                                            }, index))
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsxs)("div", {
+                        className: "block w-fit md:hidden lg:block",
+                        children: [
+                            /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("div", {
+                                className: "text-neutral-800",
+                                children: /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H5,
+                                    children: "Communities"
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)("div", {
+                                className: "mt-6 flex flex-wrap gap-2",
+                                children: communities.slice(0, 10).map(({ label: label, bgColor: bgColor, textColor: textColor, outlined: outlined, borderColor: borderColor }, index)=>/*#__PURE__*/ (0, $eydTk$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Badge), {
+                                        type: outlined ? (0, $3fc68f5c881da3e1$exports.BADGE_TYPES).OUTLINE : (0, $3fc68f5c881da3e1$exports.BADGE_TYPES).SOLID,
+                                        label: label,
+                                        bgColor: bgColor,
+                                        textColor: textColor,
+                                        borderColor: borderColor,
+                                        rounded: 6,
+                                        size: (0, $3fc68f5c881da3e1$exports.BADGE_SIZES).LG
+                                    }, index))
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+
+
+//# sourceMappingURL=footer.2cf4d52a.js.map

package/footer.2cf4d52a.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAMO,MAAM,4CAAgC,CAAC,iBAC5C,gBAAgB,0BAChB,WAAW,eACX,WAAW,cACX,UAAU,eACV,WAAW,EACZ;IACC,MAAM,aAAa,KAAK,IAAI,CAAC,WAAW,MAAM,GAAG;IACjD,MAAM,iBAAiB,WAAW,KAAK,CAAC,GAAG;IAC3C,MAAM,kBAAkB,WAAW,KAAK,CAAC;IAEzC,qBACE,gCAAC;QAAQ,WAAU;kBACjB,cAAA,gCAAC;YAAI,WAAU;sBACb,cAAA,iCAAC;gBAAO,WAAU;;kCAChB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC,CAAA,GAAA,oCAAS;gCAAE,WAAW;;0CACvB,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAC3C;;;0CAGL,gCAAC;gCAAI,WAAU;0CACZ,YAAY,GAAG,CAAC,CAAC,QAAE,IAAI,QAAE,IAAI,EAAE,EAAE,sBAChC,gCAAC;wCAEC,MAAM;wCACN,QAAO;wCACP,KAAI;wCACJ,WAAU;kDAET;uCANI;;;;kCAWb,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAE;;;0CAI/C,iCAAC;gCAAI,WAAU;;kDACb,gCAAC;wCAAI,WAAU;kDACZ,eAAe,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,SAAE,KAAK,QAAE,IAAI,EAAE,EAAE,sBAChD,gCAAC;gDAAc,MAAM;gDAAM,WAAU;0DACnC,cAAA,gCAAC,CAAA,GAAA,oCAAS;oDAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8DAC3C;;+CAFG;;kDAOZ,gCAAC;wCAAI,WAAU;kDACZ,gBAAgB,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,SAAE,KAAK,QAAE,IAAI,EAAE,EAAE,sBACjD,gCAAC;gDAAc,MAAM;gDAAM,WAAU;0DACnC,cAAA,gCAAC,CAAA,GAAA,oCAAS;oDAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8DAC3C;;+CAFG;;;;;;kCAShB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAE;;;0CAI/C,gCAAC;gCAAI,WAAU;0CACZ,YACE,KAAK,CAAC,GAAG,IACT,GAAG,CACF,CACE,SAAE,KAAK,WAAE,OAAO,aAAE,SAAS,YAAE,QAAQ,eAAE,WAAW,EAAE,EACpD,sBAEA,gCAAC,CAAA,GAAA,+BAAI;wCAEH,MAAM,WAAW,CAAA,GAAA,qCAAU,EAAE,OAAO,GAAG,CAAA,GAAA,qCAAU,EAAE,KAAK;wCACxD,OAAO;wCACP,SAAS;wCACT,WAAW;wCACX,aAAa;wCACb,SAAS;wCACT,MAAM,CAAA,GAAA,qCAAU,EAAE,EAAE;uCAPf;;;;;;;;AAiB3B","sources":["src/organisms/footer/footer.tsx"],"sourcesContent":["import { KismaaLogo } from '../../atoms/kismaa-logo';\nimport { Badge, Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport { BADGE_SIZES, BADGE_TYPES } from '../../molecules/badge/type';\nimport React from 'react';\nimport { FooterProps } from './type';\n\nexport const Footer: React.FC<FooterProps> = ({\n  logoClassName = 'h-24 w-28',\n  description,\n  socialLinks,\n  quickLinks,\n  communities,\n}) => {\n  const halfLength = Math.ceil(quickLinks.length / 2);\n  const quickLinksLeft = quickLinks.slice(0, halfLength);\n  const quickLinksRight = quickLinks.slice(halfLength);\n\n  return (\n    <section className=\"kismaa-section-spacing bg-purple-200/90\">\n      <div className=\"kismaa-container\">\n        <footer className=\"grid w-full items-end gap-10 md:grid-cols-2 lg:grid-cols-3 lg:gap-16\">\n          <div className=\"w-full\">\n            <KismaaLogo className={logoClassName} />\n            <div className=\"mb-10 mt-3 text-neutral-800\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n                {description}\n              </Typography>\n            </div>\n            <div className=\"flex gap-6\">\n              {socialLinks.map(({ icon, href }, index) => (\n                <a\n                  key={index}\n                  href={href}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"cursor-pointer rounded-full bg-primary/65 p-2 transition-all duration-300 ease-in-out hover:scale-110\"\n                >\n                  {icon}\n                </a>\n              ))}\n            </div>\n          </div>\n          <div className=\"w-fit md:w-full\">\n            <div className=\"text-neutral-800\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H5}>\n                Quick Links\n              </Typography>\n            </div>\n            <div className=\"mt-6 grid grid-cols-2 gap-14 text-neutral-800\">\n              <div className=\"flex flex-col gap-4\">\n                {quickLinksLeft.slice(0, 5).map(({ label, href }, index) => (\n                  <a key={index} href={href} className=\"cursor-pointer\">\n                    <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n                      {label}\n                    </Typography>\n                  </a>\n                ))}\n              </div>\n              <div className=\"flex flex-col gap-4\">\n                {quickLinksRight.slice(0, 5).map(({ label, href }, index) => (\n                  <a key={index} href={href} className=\"cursor-pointer\">\n                    <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n                      {label}\n                    </Typography>\n                  </a>\n                ))}\n              </div>\n            </div>\n          </div>\n          <div className=\"block w-fit md:hidden lg:block\">\n            <div className=\"text-neutral-800\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H5}>\n                Communities\n              </Typography>\n            </div>\n            <div className=\"mt-6 flex flex-wrap gap-2\">\n              {communities\n                .slice(0, 10)\n                .map(\n                  (\n                    { label, bgColor, textColor, outlined, borderColor },\n                    index,\n                  ) => (\n                    <Badge\n                      key={index}\n                      type={outlined ? BADGE_TYPES.OUTLINE : BADGE_TYPES.SOLID}\n                      label={label}\n                      bgColor={bgColor}\n                      textColor={textColor}\n                      borderColor={borderColor}\n                      rounded={6}\n                      size={BADGE_SIZES.LG}\n                    />\n                  ),\n                )}\n            </div>\n          </div>\n        </footer>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"version":3,"file":"footer.2cf4d52a.js.map"}

package/footer.33bec26a.js

@@ -0,0 +1,27 @@
+var $55f867e9a7731d53$exports = require("./footer.2cf4d52a.js");
+var $3ead558363b2070d$exports = require("./type.447ccd72.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $55f867e9a7731d53$exports);
+$parcel$exportWildcard(module.exports, $3ead558363b2070d$exports);
+
+
+//# sourceMappingURL=footer.33bec26a.js.map

package/footer.33bec26a.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/footer/index.ts"],"sourcesContent":["export * from './footer';\nexport * from './type';\n"],"names":[],"version":3,"file":"footer.33bec26a.js.map"}

package/footer.98b05cef.js

@@ -0,0 +1,9 @@
+import {Footer as $89ae60bde1c9f0da$export$a06f1c675e846f6f} from "./footer.ecd7e10a.js";
+import "./type.b8da9622.js";
+
+
+
+
+
+export {$89ae60bde1c9f0da$export$a06f1c675e846f6f as Footer};
+//# sourceMappingURL=footer.98b05cef.js.map

package/footer.98b05cef.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/footer/index.ts"],"sourcesContent":["export * from './footer';\nexport * from './type';\n"],"names":[],"version":3,"file":"footer.98b05cef.js.map"}

package/footer.ecd7e10a.js

@@ -0,0 +1,119 @@
+import {KismaaLogo as $0a0a3a58618d1a45$export$df5d10213051c4e6} from "./kismaa-logo.a0cd5842.js";
+import {Badge as $cvRa7$Badge, Typography as $cvRa7$Typography, TYPOGRAPHY_VARIANTS as $cvRa7$TYPOGRAPHY_VARIANTS} from "./molecules.dbeec2dc.js";
+import {BADGE_SIZES as $4acf4e9f762a97fb$export$296627efaf99c544, BADGE_TYPES as $4acf4e9f762a97fb$export$d56245647dff9e60} from "./type.525129bf.js";
+import {jsx as $cvRa7$jsx, jsxs as $cvRa7$jsxs} from "react/jsx-runtime";
+import "react";
+
+
+
+
+
+
+const $89ae60bde1c9f0da$export$a06f1c675e846f6f = ({ logoClassName: logoClassName = 'h-24 w-28', description: description, socialLinks: socialLinks, quickLinks: quickLinks, communities: communities })=>{
+    const halfLength = Math.ceil(quickLinks.length / 2);
+    const quickLinksLeft = quickLinks.slice(0, halfLength);
+    const quickLinksRight = quickLinks.slice(halfLength);
+    return /*#__PURE__*/ (0, $cvRa7$jsx)("section", {
+        className: "kismaa-section-spacing bg-purple-200/90",
+        children: /*#__PURE__*/ (0, $cvRa7$jsx)("div", {
+            className: "kismaa-container",
+            children: /*#__PURE__*/ (0, $cvRa7$jsxs)("footer", {
+                className: "grid w-full items-end gap-10 md:grid-cols-2 lg:grid-cols-3 lg:gap-16",
+                children: [
+                    /*#__PURE__*/ (0, $cvRa7$jsxs)("div", {
+                        className: "w-full",
+                        children: [
+                            /*#__PURE__*/ (0, $cvRa7$jsx)((0, $0a0a3a58618d1a45$export$df5d10213051c4e6), {
+                                className: logoClassName
+                            }),
+                            /*#__PURE__*/ (0, $cvRa7$jsx)("div", {
+                                className: "mb-10 mt-3 text-neutral-800",
+                                children: /*#__PURE__*/ (0, $cvRa7$jsx)((0, $cvRa7$Typography), {
+                                    variant: (0, $cvRa7$TYPOGRAPHY_VARIANTS).SUBH4,
+                                    children: description
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $cvRa7$jsx)("div", {
+                                className: "flex gap-6",
+                                children: socialLinks.map(({ icon: icon, href: href }, index)=>/*#__PURE__*/ (0, $cvRa7$jsx)("a", {
+                                        href: href,
+                                        target: "_blank",
+                                        rel: "noopener noreferrer",
+                                        className: "cursor-pointer rounded-full bg-primary/65 p-2 transition-all duration-300 ease-in-out hover:scale-110",
+                                        children: icon
+                                    }, index))
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $cvRa7$jsxs)("div", {
+                        className: "w-fit md:w-full",
+                        children: [
+                            /*#__PURE__*/ (0, $cvRa7$jsx)("div", {
+                                className: "text-neutral-800",
+                                children: /*#__PURE__*/ (0, $cvRa7$jsx)((0, $cvRa7$Typography), {
+                                    variant: (0, $cvRa7$TYPOGRAPHY_VARIANTS).H5,
+                                    children: "Quick Links"
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $cvRa7$jsxs)("div", {
+                                className: "mt-6 grid grid-cols-2 gap-14 text-neutral-800",
+                                children: [
+                                    /*#__PURE__*/ (0, $cvRa7$jsx)("div", {
+                                        className: "flex flex-col gap-4",
+                                        children: quickLinksLeft.slice(0, 5).map(({ label: label, href: href }, index)=>/*#__PURE__*/ (0, $cvRa7$jsx)("a", {
+                                                href: href,
+                                                className: "cursor-pointer",
+                                                children: /*#__PURE__*/ (0, $cvRa7$jsx)((0, $cvRa7$Typography), {
+                                                    variant: (0, $cvRa7$TYPOGRAPHY_VARIANTS).SUBH4,
+                                                    children: label
+                                                })
+                                            }, index))
+                                    }),
+                                    /*#__PURE__*/ (0, $cvRa7$jsx)("div", {
+                                        className: "flex flex-col gap-4",
+                                        children: quickLinksRight.slice(0, 5).map(({ label: label, href: href }, index)=>/*#__PURE__*/ (0, $cvRa7$jsx)("a", {
+                                                href: href,
+                                                className: "cursor-pointer",
+                                                children: /*#__PURE__*/ (0, $cvRa7$jsx)((0, $cvRa7$Typography), {
+                                                    variant: (0, $cvRa7$TYPOGRAPHY_VARIANTS).SUBH4,
+                                                    children: label
+                                                })
+                                            }, index))
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $cvRa7$jsxs)("div", {
+                        className: "block w-fit md:hidden lg:block",
+                        children: [
+                            /*#__PURE__*/ (0, $cvRa7$jsx)("div", {
+                                className: "text-neutral-800",
+                                children: /*#__PURE__*/ (0, $cvRa7$jsx)((0, $cvRa7$Typography), {
+                                    variant: (0, $cvRa7$TYPOGRAPHY_VARIANTS).H5,
+                                    children: "Communities"
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $cvRa7$jsx)("div", {
+                                className: "mt-6 flex flex-wrap gap-2",
+                                children: communities.slice(0, 10).map(({ label: label, bgColor: bgColor, textColor: textColor, outlined: outlined, borderColor: borderColor }, index)=>/*#__PURE__*/ (0, $cvRa7$jsx)((0, $cvRa7$Badge), {
+                                        type: outlined ? (0, $4acf4e9f762a97fb$export$d56245647dff9e60).OUTLINE : (0, $4acf4e9f762a97fb$export$d56245647dff9e60).SOLID,
+                                        label: label,
+                                        bgColor: bgColor,
+                                        textColor: textColor,
+                                        borderColor: borderColor,
+                                        rounded: 6,
+                                        size: (0, $4acf4e9f762a97fb$export$296627efaf99c544).LG
+                                    }, index))
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+
+
+export {$89ae60bde1c9f0da$export$a06f1c675e846f6f as Footer};
+//# sourceMappingURL=footer.ecd7e10a.js.map

package/footer.ecd7e10a.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAMO,MAAM,4CAAgC,CAAC,iBAC5C,gBAAgB,0BAChB,WAAW,eACX,WAAW,cACX,UAAU,eACV,WAAW,EACZ;IACC,MAAM,aAAa,KAAK,IAAI,CAAC,WAAW,MAAM,GAAG;IACjD,MAAM,iBAAiB,WAAW,KAAK,CAAC,GAAG;IAC3C,MAAM,kBAAkB,WAAW,KAAK,CAAC;IAEzC,qBACE,gBAAC;QAAQ,WAAU;kBACjB,cAAA,gBAAC;YAAI,WAAU;sBACb,cAAA,iBAAC;gBAAO,WAAU;;kCAChB,iBAAC;wBAAI,WAAU;;0CACb,gBAAC,CAAA,GAAA,yCAAS;gCAAE,WAAW;;0CACvB,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;8CAC3C;;;0CAGL,gBAAC;gCAAI,WAAU;0CACZ,YAAY,GAAG,CAAC,CAAC,QAAE,IAAI,QAAE,IAAI,EAAE,EAAE,sBAChC,gBAAC;wCAEC,MAAM;wCACN,QAAO;wCACP,KAAI;wCACJ,WAAU;kDAET;uCANI;;;;kCAWb,iBAAC;wBAAI,WAAU;;0CACb,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8CAAE;;;0CAI/C,iBAAC;gCAAI,WAAU;;kDACb,gBAAC;wCAAI,WAAU;kDACZ,eAAe,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,SAAE,KAAK,QAAE,IAAI,EAAE,EAAE,sBAChD,gBAAC;gDAAc,MAAM;gDAAM,WAAU;0DACnC,cAAA,gBAAC,CAAA,GAAA,iBAAS;oDAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;8DAC3C;;+CAFG;;kDAOZ,gBAAC;wCAAI,WAAU;kDACZ,gBAAgB,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,SAAE,KAAK,QAAE,IAAI,EAAE,EAAE,sBACjD,gBAAC;gDAAc,MAAM;gDAAM,WAAU;0DACnC,cAAA,gBAAC,CAAA,GAAA,iBAAS;oDAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;8DAC3C;;+CAFG;;;;;;kCAShB,iBAAC;wBAAI,WAAU;;0CACb,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8CAAE;;;0CAI/C,gBAAC;gCAAI,WAAU;0CACZ,YACE,KAAK,CAAC,GAAG,IACT,GAAG,CACF,CACE,SAAE,KAAK,WAAE,OAAO,aAAE,SAAS,YAAE,QAAQ,eAAE,WAAW,EAAE,EACpD,sBAEA,gBAAC,CAAA,GAAA,YAAI;wCAEH,MAAM,WAAW,CAAA,GAAA,yCAAU,EAAE,OAAO,GAAG,CAAA,GAAA,yCAAU,EAAE,KAAK;wCACxD,OAAO;wCACP,SAAS;wCACT,WAAW;wCACX,aAAa;wCACb,SAAS;wCACT,MAAM,CAAA,GAAA,yCAAU,EAAE,EAAE;uCAPf;;;;;;;;AAiB3B","sources":["src/organisms/footer/footer.tsx"],"sourcesContent":["import { KismaaLogo } from '../../atoms/kismaa-logo';\nimport { Badge, Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport { BADGE_SIZES, BADGE_TYPES } from '../../molecules/badge/type';\nimport React from 'react';\nimport { FooterProps } from './type';\n\nexport const Footer: React.FC<FooterProps> = ({\n  logoClassName = 'h-24 w-28',\n  description,\n  socialLinks,\n  quickLinks,\n  communities,\n}) => {\n  const halfLength = Math.ceil(quickLinks.length / 2);\n  const quickLinksLeft = quickLinks.slice(0, halfLength);\n  const quickLinksRight = quickLinks.slice(halfLength);\n\n  return (\n    <section className=\"kismaa-section-spacing bg-purple-200/90\">\n      <div className=\"kismaa-container\">\n        <footer className=\"grid w-full items-end gap-10 md:grid-cols-2 lg:grid-cols-3 lg:gap-16\">\n          <div className=\"w-full\">\n            <KismaaLogo className={logoClassName} />\n            <div className=\"mb-10 mt-3 text-neutral-800\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n                {description}\n              </Typography>\n            </div>\n            <div className=\"flex gap-6\">\n              {socialLinks.map(({ icon, href }, index) => (\n                <a\n                  key={index}\n                  href={href}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"cursor-pointer rounded-full bg-primary/65 p-2 transition-all duration-300 ease-in-out hover:scale-110\"\n                >\n                  {icon}\n                </a>\n              ))}\n            </div>\n          </div>\n          <div className=\"w-fit md:w-full\">\n            <div className=\"text-neutral-800\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H5}>\n                Quick Links\n              </Typography>\n            </div>\n            <div className=\"mt-6 grid grid-cols-2 gap-14 text-neutral-800\">\n              <div className=\"flex flex-col gap-4\">\n                {quickLinksLeft.slice(0, 5).map(({ label, href }, index) => (\n                  <a key={index} href={href} className=\"cursor-pointer\">\n                    <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n                      {label}\n                    </Typography>\n                  </a>\n                ))}\n              </div>\n              <div className=\"flex flex-col gap-4\">\n                {quickLinksRight.slice(0, 5).map(({ label, href }, index) => (\n                  <a key={index} href={href} className=\"cursor-pointer\">\n                    <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n                      {label}\n                    </Typography>\n                  </a>\n                ))}\n              </div>\n            </div>\n          </div>\n          <div className=\"block w-fit md:hidden lg:block\">\n            <div className=\"text-neutral-800\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H5}>\n                Communities\n              </Typography>\n            </div>\n            <div className=\"mt-6 flex flex-wrap gap-2\">\n              {communities\n                .slice(0, 10)\n                .map(\n                  (\n                    { label, bgColor, textColor, outlined, borderColor },\n                    index,\n                  ) => (\n                    <Badge\n                      key={index}\n                      type={outlined ? BADGE_TYPES.OUTLINE : BADGE_TYPES.SOLID}\n                      label={label}\n                      bgColor={bgColor}\n                      textColor={textColor}\n                      borderColor={borderColor}\n                      rounded={6}\n                      size={BADGE_SIZES.LG}\n                    />\n                  ),\n                )}\n            </div>\n          </div>\n        </footer>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"version":3,"file":"footer.ecd7e10a.js.map"}

package/get-app-banner.017e20cb.js

@@ -0,0 +1,62 @@
+var $75ff6314b77a3597$exports = require("./molecules.a0ab4a41.js");
+var $jfzqM$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "GetAppBanner", () => $62e62a0a65a4c798$export$d16a05db9048d3bc);
+
+
+
+const $62e62a0a65a4c798$export$d16a05db9048d3bc = ({ backgroundImageUrl: backgroundImageUrl, getAppDescription: getAppDescription, getAppHeading: getAppHeading, handleAppStoreClick: handleAppStoreClick, handlePlayStoreClick: handlePlayStoreClick, bannerBgEnabled: bannerBgEnabled = false })=>{
+    return /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsx)("section", {
+        className: `${!bannerBgEnabled ? 'kismaa-section-spacing' : ''}`,
+        children: /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsx)("div", {
+            className: `${bannerBgEnabled ? 'bg-gray-100/95 bg-cover' : ''}`,
+            children: /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsx)("div", {
+                className: `kismaa-container rounded-md bg-gray-100/95 bg-cover ${backgroundImageUrl ? 'lg:bg-[image:var(--bg-image)]' : ''}`,
+                style: {
+                    '--bg-image': `url(${backgroundImageUrl})`,
+                    backgroundRepeat: 'no-repeat',
+                    backgroundSize: 'cover'
+                },
+                children: /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsxs)("div", {
+                    className: "w-full px-4 py-8 lg:py-16 lg:pl-14",
+                    children: [
+                        /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsx)("div", {
+                            className: "text-slate-900/95",
+                            children: /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H2,
+                                children: getAppHeading
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsx)("div", {
+                            className: "mt-6 w-full text-neutral-800/95 lg:w-1/3",
+                            children: /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P1,
+                                children: getAppDescription
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsxs)("div", {
+                            className: "mt-8 flex gap-5 lg:mt-16",
+                            children: [
+                                /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.PlayStoreButton), {
+                                    handleOnClick: handlePlayStoreClick
+                                }),
+                                /*#__PURE__*/ (0, $jfzqM$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.AppStoreButton), {
+                                    handleOnClick: handleAppStoreClick
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+
+
+//# sourceMappingURL=get-app-banner.017e20cb.js.map

package/get-app-banner.017e20cb.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AASO,MAAM,4CAAgC,CAAC,sBAC5C,kBAAkB,qBAClB,iBAAiB,iBACjB,aAAa,uBACb,mBAAmB,wBACnB,oBAAoB,mBACpB,kBAAkB,OACnB;IACC,qBACE,gCAAC;QAAQ,WAAW,GAAG,CAAC,kBAAkB,2BAA2B,IAAI;kBACvE,cAAA,gCAAC;YAAI,WAAW,GAAG,kBAAkB,4BAA4B,IAAI;sBACnE,cAAA,gCAAC;gBACC,WAAW,CAAC,oDAAoD,EAC9D,qBAAqB,kCAAkC,IACvD;gBACF,OACE;oBACE,cAAc,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;oBAC1C,kBAAkB;oBAClB,gBAAgB;gBAClB;0BAGF,cAAA,iCAAC;oBAAI,WAAU;;sCACb,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;gCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;0CACxC;;;sCAGL,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;gCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;0CACxC;;;sCAGL,iCAAC;4BAAI,WAAU;;8CACb,gCAAC,CAAA,GAAA,yCAAc;oCAAE,eAAe;;8CAChC,gCAAC,CAAA,GAAA,wCAAa;oCAAE,eAAe;;;;;;;;;AAO7C","sources":["src/organisms/get-app-banner/get-app-banner.tsx"],"sourcesContent":["import {\n  AppStoreButton,\n  PlayStoreButton,\n  TYPOGRAPHY_VARIANTS,\n  Typography,\n} from '../../molecules';\nimport { GetAppProps } from './type';\nimport React, { FC } from 'react';\n\nexport const GetAppBanner: FC<GetAppProps> = ({\n  backgroundImageUrl,\n  getAppDescription,\n  getAppHeading,\n  handleAppStoreClick,\n  handlePlayStoreClick,\n  bannerBgEnabled = false,\n}) => {\n  return (\n    <section className={`${!bannerBgEnabled ? 'kismaa-section-spacing' : ''}`}>\n      <div className={`${bannerBgEnabled ? 'bg-gray-100/95 bg-cover' : ''}`}>\n        <div\n          className={`kismaa-container rounded-md bg-gray-100/95 bg-cover ${\n            backgroundImageUrl ? 'lg:bg-[image:var(--bg-image)]' : ''\n          }`}\n          style={\n            {\n              '--bg-image': `url(${backgroundImageUrl})`,\n              backgroundRepeat: 'no-repeat',\n              backgroundSize: 'cover',\n            } as React.CSSProperties\n          }\n        >\n          <div className=\"w-full px-4 py-8 lg:py-16 lg:pl-14\">\n            <div className=\"text-slate-900/95\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H2}>\n                {getAppHeading}\n              </Typography>\n            </div>\n            <div className=\"mt-6 w-full text-neutral-800/95 lg:w-1/3\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n                {getAppDescription}\n              </Typography>\n            </div>\n            <div className=\"mt-8 flex gap-5 lg:mt-16\">\n              <PlayStoreButton handleOnClick={handlePlayStoreClick} />\n              <AppStoreButton handleOnClick={handleAppStoreClick} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"version":3,"file":"get-app-banner.017e20cb.js.map"}

package/get-app-banner.0a249190.js

@@ -0,0 +1,57 @@
+import {AppStoreButton as $7KWpW$AppStoreButton, PlayStoreButton as $7KWpW$PlayStoreButton, Typography as $7KWpW$Typography, TYPOGRAPHY_VARIANTS as $7KWpW$TYPOGRAPHY_VARIANTS} from "./molecules.dbeec2dc.js";
+import {jsx as $7KWpW$jsx, jsxs as $7KWpW$jsxs} from "react/jsx-runtime";
+import "react";
+
+
+
+
+const $0fb947b884634b76$export$d16a05db9048d3bc = ({ backgroundImageUrl: backgroundImageUrl, getAppDescription: getAppDescription, getAppHeading: getAppHeading, handleAppStoreClick: handleAppStoreClick, handlePlayStoreClick: handlePlayStoreClick, bannerBgEnabled: bannerBgEnabled = false })=>{
+    return /*#__PURE__*/ (0, $7KWpW$jsx)("section", {
+        className: `${!bannerBgEnabled ? 'kismaa-section-spacing' : ''}`,
+        children: /*#__PURE__*/ (0, $7KWpW$jsx)("div", {
+            className: `${bannerBgEnabled ? 'bg-gray-100/95 bg-cover' : ''}`,
+            children: /*#__PURE__*/ (0, $7KWpW$jsx)("div", {
+                className: `kismaa-container rounded-md bg-gray-100/95 bg-cover ${backgroundImageUrl ? 'lg:bg-[image:var(--bg-image)]' : ''}`,
+                style: {
+                    '--bg-image': `url(${backgroundImageUrl})`,
+                    backgroundRepeat: 'no-repeat',
+                    backgroundSize: 'cover'
+                },
+                children: /*#__PURE__*/ (0, $7KWpW$jsxs)("div", {
+                    className: "w-full px-4 py-8 lg:py-16 lg:pl-14",
+                    children: [
+                        /*#__PURE__*/ (0, $7KWpW$jsx)("div", {
+                            className: "text-slate-900/95",
+                            children: /*#__PURE__*/ (0, $7KWpW$jsx)((0, $7KWpW$Typography), {
+                                variant: (0, $7KWpW$TYPOGRAPHY_VARIANTS).H2,
+                                children: getAppHeading
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $7KWpW$jsx)("div", {
+                            className: "mt-6 w-full text-neutral-800/95 lg:w-1/3",
+                            children: /*#__PURE__*/ (0, $7KWpW$jsx)((0, $7KWpW$Typography), {
+                                variant: (0, $7KWpW$TYPOGRAPHY_VARIANTS).P1,
+                                children: getAppDescription
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $7KWpW$jsxs)("div", {
+                            className: "mt-8 flex gap-5 lg:mt-16",
+                            children: [
+                                /*#__PURE__*/ (0, $7KWpW$jsx)((0, $7KWpW$PlayStoreButton), {
+                                    handleOnClick: handlePlayStoreClick
+                                }),
+                                /*#__PURE__*/ (0, $7KWpW$jsx)((0, $7KWpW$AppStoreButton), {
+                                    handleOnClick: handleAppStoreClick
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+
+
+export {$0fb947b884634b76$export$d16a05db9048d3bc as GetAppBanner};
+//# sourceMappingURL=get-app-banner.0a249190.js.map

package/get-app-banner.0a249190.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AASO,MAAM,4CAAgC,CAAC,sBAC5C,kBAAkB,qBAClB,iBAAiB,iBACjB,aAAa,uBACb,mBAAmB,wBACnB,oBAAoB,mBACpB,kBAAkB,OACnB;IACC,qBACE,gBAAC;QAAQ,WAAW,GAAG,CAAC,kBAAkB,2BAA2B,IAAI;kBACvE,cAAA,gBAAC;YAAI,WAAW,GAAG,kBAAkB,4BAA4B,IAAI;sBACnE,cAAA,gBAAC;gBACC,WAAW,CAAC,oDAAoD,EAC9D,qBAAqB,kCAAkC,IACvD;gBACF,OACE;oBACE,cAAc,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;oBAC1C,kBAAkB;oBAClB,gBAAgB;gBAClB;0BAGF,cAAA,iBAAC;oBAAI,WAAU;;sCACb,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0CACxC;;;sCAGL,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0CACxC;;;sCAGL,iBAAC;4BAAI,WAAU;;8CACb,gBAAC,CAAA,GAAA,sBAAc;oCAAE,eAAe;;8CAChC,gBAAC,CAAA,GAAA,qBAAa;oCAAE,eAAe;;;;;;;;;AAO7C","sources":["src/organisms/get-app-banner/get-app-banner.tsx"],"sourcesContent":["import {\n  AppStoreButton,\n  PlayStoreButton,\n  TYPOGRAPHY_VARIANTS,\n  Typography,\n} from '../../molecules';\nimport { GetAppProps } from './type';\nimport React, { FC } from 'react';\n\nexport const GetAppBanner: FC<GetAppProps> = ({\n  backgroundImageUrl,\n  getAppDescription,\n  getAppHeading,\n  handleAppStoreClick,\n  handlePlayStoreClick,\n  bannerBgEnabled = false,\n}) => {\n  return (\n    <section className={`${!bannerBgEnabled ? 'kismaa-section-spacing' : ''}`}>\n      <div className={`${bannerBgEnabled ? 'bg-gray-100/95 bg-cover' : ''}`}>\n        <div\n          className={`kismaa-container rounded-md bg-gray-100/95 bg-cover ${\n            backgroundImageUrl ? 'lg:bg-[image:var(--bg-image)]' : ''\n          }`}\n          style={\n            {\n              '--bg-image': `url(${backgroundImageUrl})`,\n              backgroundRepeat: 'no-repeat',\n              backgroundSize: 'cover',\n            } as React.CSSProperties\n          }\n        >\n          <div className=\"w-full px-4 py-8 lg:py-16 lg:pl-14\">\n            <div className=\"text-slate-900/95\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H2}>\n                {getAppHeading}\n              </Typography>\n            </div>\n            <div className=\"mt-6 w-full text-neutral-800/95 lg:w-1/3\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n                {getAppDescription}\n              </Typography>\n            </div>\n            <div className=\"mt-8 flex gap-5 lg:mt-16\">\n              <PlayStoreButton handleOnClick={handlePlayStoreClick} />\n              <AppStoreButton handleOnClick={handleAppStoreClick} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"version":3,"file":"get-app-banner.0a249190.js.map"}

package/get-app-banner.3757cc32.js

@@ -0,0 +1,9 @@
+import {GetAppBanner as $0fb947b884634b76$export$d16a05db9048d3bc} from "./get-app-banner.0a249190.js";
+import "./type.9df3e814.js";
+
+
+
+
+
+export {$0fb947b884634b76$export$d16a05db9048d3bc as GetAppBanner};
+//# sourceMappingURL=get-app-banner.3757cc32.js.map

package/get-app-banner.3757cc32.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/get-app-banner/index.ts"],"sourcesContent":["export * from './get-app-banner';\nexport * from './type';\n"],"names":[],"version":3,"file":"get-app-banner.3757cc32.js.map"}

package/get-app-banner.756b2281.js

@@ -0,0 +1,27 @@
+var $62e62a0a65a4c798$exports = require("./get-app-banner.017e20cb.js");
+var $88f323d6550a2df8$exports = require("./type.7ada1774.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $62e62a0a65a4c798$exports);
+$parcel$exportWildcard(module.exports, $88f323d6550a2df8$exports);
+
+
+//# sourceMappingURL=get-app-banner.756b2281.js.map