@appcorp/kismaa-web-ui 0.1.1 → 0.1.3

package/{button.2181723d.js → button.b69b265e.js}

@@ -1,4 +1,4 @@
-var $00dc5c34f11771c4$exports = require("./type.d705c694.js");
+var $00dc5c34f11771c4$exports = require("./type.1730d83d.js");
 var $gefka$reactjsxruntime = require("react/jsx-runtime");
 require("react");
 var $gefka$heroiconsreact24solid = require("@heroicons/react/24/solid");
@@ -17,6 +17,7 @@ const $f99542df34ef6737$var$colorMap = {
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).PRIMARY]: 'bg-primary text-white transition-all ease-in-out duration-300',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).SECONDARY]: 'bg-secondary text-white transition-all ease-in-out duration-300',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).TERTIARY]: 'border-[1px] border-gray-300 text-tertiary bg-transparent transition-all ease-in-out duration-300',
+    [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).QUATERNARY]: 'bg-[#7F9ED6] text-white transition-all ease-in-out duration-300',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).LOADING]: 'bg-gray-400 text-white',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).SUCCESS]: 'bg-green-500 text-white',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).ERROR]: 'bg-red-500 text-white',
@@ -24,8 +25,9 @@ const $f99542df34ef6737$var$colorMap = {
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).TEXT]: 'bg-transparent text-slate-900/90 lg:px-0 lg:py-0'
 };
 const $f99542df34ef6737$var$outlinedColorMap = {
-    [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).PRIMARY]: 'border-[1px] border-primary text-primary bg-transparent hover:bg-primary hover:text-white',
+    [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).PRIMARY]: 'border-[1px] border-primary text-primary bg-transparent hover:bg-primary hover:text-secondary',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).SECONDARY]: 'border-[1px] border-secondary text-secondary bg-transparent hover:bg-secondary hover:text-white',
+    [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).QUATERNARY]: 'border-[1px] border-[#7F9ED6] text-[#7F9ED6] bg-transparent hover:bg-[#7F9ED6] hover:text-white',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).TERTIARY]: 'border-[1px] border-gray-300 text-tertiary ',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).SUCCESS]: '',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).ERROR]: '',
@@ -36,6 +38,7 @@ const $f99542df34ef6737$var$outlinedColorMap = {
 const $f99542df34ef6737$var$hoverMap = {
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).PRIMARY]: 'hover:bg-transparent border-[1px] border-primary hover:border-primary hover:text-primary',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).SECONDARY]: 'hover:bg-transparent border-[1px] border-secondary hover:border-secondary hover:text-secondary',
+    [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).QUATERNARY]: 'hover:bg-transparent border-[1px] border-[#7F9ED6] hover:border-[#7F9ED6] hover:text-[#7F9ED6]',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).TERTIARY]: 'hover:bg-tertiary hover:text-white',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).ERROR]: '',
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).SUCCESS]: '',
@@ -44,7 +47,7 @@ const $f99542df34ef6737$var$hoverMap = {
     [(0, $00dc5c34f11771c4$exports.BUTTON_TYPES).TEXT]: 'hover:text-primary'
 };
 const $f99542df34ef6737$var$sizeMap = {
-    [(0, $00dc5c34f11771c4$exports.BUTTON_SIZES).SM]: 'text-sm lg:px-6 lg:py-2 px-4 py-1',
+    [(0, $00dc5c34f11771c4$exports.BUTTON_SIZES).SM]: 'text-base font-medium lg:px-6 lg:py-2 px-4 py-1',
     [(0, $00dc5c34f11771c4$exports.BUTTON_SIZES).MD]: 'text-md lg:px-8 lg:py-4 px-6 py-2',
     [(0, $00dc5c34f11771c4$exports.BUTTON_SIZES).LG]: 'text-lg lg:px-10 lg:py-5 px-8 py-3',
     [(0, $00dc5c34f11771c4$exports.BUTTON_SIZES).XL]: 'text-xl font-medium lg:px-10 lg:py-5 px-8 py-3'
@@ -89,4 +92,4 @@ const $f99542df34ef6737$export$353f5b6fc5456de1 = ({ disabled: disabled = false,
 };
 
 
-//# sourceMappingURL=button.2181723d.js.map
+//# sourceMappingURL=button.b69b265e.js.map

package/button.b69b265e.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/molecules/button/button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ArrowPathIcon, CheckIcon, XMarkIcon } from '@heroicons/react/24/solid';\nimport { BUTTON_TYPES, BUTTON_SIZES, ButtonProps } from './type';\n\nconst colorMap = {\n  [BUTTON_TYPES.PRIMARY]:\n    'bg-primary text-white transition-all ease-in-out duration-300',\n  [BUTTON_TYPES.SECONDARY]:\n    'bg-secondary text-white transition-all ease-in-out duration-300',\n  [BUTTON_TYPES.TERTIARY]:\n    'border-[1px] border-gray-300 text-tertiary bg-transparent transition-all ease-in-out duration-300',\n  [BUTTON_TYPES.QUATERNARY]:\n    'bg-[#7F9ED6] text-white transition-all ease-in-out duration-300',\n  [BUTTON_TYPES.LOADING]: 'bg-gray-400 text-white',\n  [BUTTON_TYPES.SUCCESS]: 'bg-green-500 text-white',\n  [BUTTON_TYPES.ERROR]: 'bg-red-500 text-white',\n  [BUTTON_TYPES.ICON]: 'bg-red-500 text-white',\n  [BUTTON_TYPES.TEXT]: 'bg-transparent text-slate-900/90 lg:px-0 lg:py-0',\n};\n\nconst outlinedColorMap = {\n  [BUTTON_TYPES.PRIMARY]:\n    'border-[1px] border-primary text-primary bg-transparent hover:bg-primary hover:text-secondary',\n  [BUTTON_TYPES.SECONDARY]:\n    'border-[1px] border-secondary text-secondary bg-transparent hover:bg-secondary hover:text-white',\n  [BUTTON_TYPES.QUATERNARY]:\n    'border-[1px] border-[#7F9ED6] text-[#7F9ED6] bg-transparent hover:bg-[#7F9ED6] hover:text-white',\n  [BUTTON_TYPES.TERTIARY]: 'border-[1px] border-gray-300 text-tertiary ',\n  [BUTTON_TYPES.SUCCESS]: '',\n  [BUTTON_TYPES.ERROR]: '',\n  [BUTTON_TYPES.LOADING]: '',\n  [BUTTON_TYPES.ICON]: '',\n  [BUTTON_TYPES.TEXT]: '',\n};\n\nconst hoverMap = {\n  [BUTTON_TYPES.PRIMARY]:\n    'hover:bg-transparent border-[1px] border-primary hover:border-primary hover:text-primary',\n  [BUTTON_TYPES.SECONDARY]:\n    'hover:bg-transparent border-[1px] border-secondary hover:border-secondary hover:text-secondary',\n  [BUTTON_TYPES.QUATERNARY]:\n    'hover:bg-transparent border-[1px] border-[#7F9ED6] hover:border-[#7F9ED6] hover:text-[#7F9ED6]',\n  [BUTTON_TYPES.TERTIARY]: 'hover:bg-tertiary hover:text-white',\n  [BUTTON_TYPES.ERROR]: '',\n  [BUTTON_TYPES.SUCCESS]: '',\n  [BUTTON_TYPES.LOADING]: '',\n  [BUTTON_TYPES.ICON]: '',\n  [BUTTON_TYPES.TEXT]: 'hover:text-primary',\n};\n\nconst sizeMap = {\n  [BUTTON_SIZES.SM]: 'text-base font-medium lg:px-6 lg:py-2 px-4 py-1',\n  [BUTTON_SIZES.MD]: 'text-md lg:px-8 lg:py-4 px-6 py-2',\n  [BUTTON_SIZES.LG]: 'text-lg lg:px-10 lg:py-5 px-8 py-3',\n  [BUTTON_SIZES.XL]: 'text-xl font-medium lg:px-10 lg:py-5 px-8 py-3',\n};\n\nexport const Button: FC<ButtonProps> = ({\n  disabled = false,\n  handleOnClick,\n  iconPrefix,\n  iconSuffix,\n  label,\n  outlined = false,\n  size = BUTTON_SIZES.MD,\n  type,\n}) => {\n  const disabledStyles = 'opacity-50 cursor-not-allowed';\n\n  const buttonClasses = `flex items-center justify-center gap-2 rounded-md w-[100%] ${\n    outlined ? outlinedColorMap[type] : colorMap[type]\n  } ${\n    disabled || type === BUTTON_TYPES.LOADING\n      ? disabledStyles\n      : type === BUTTON_TYPES.SUCCESS || type === BUTTON_TYPES.ERROR\n        ? ''\n        : hoverMap[type]\n  } ${sizeMap[size]}`;\n\n  const renderContent = () => {\n    if (type === BUTTON_TYPES.LOADING) {\n      return (\n        <div className=\"flex min-w-32 items-center justify-center gap-2\">\n          <ArrowPathIcon className=\"size-6 animate-spin\" />\n        </div>\n      );\n    }\n    if (type === BUTTON_TYPES.SUCCESS) {\n      return (\n        <div className=\"flex min-w-32 items-center justify-center gap-2\">\n          <CheckIcon className=\"size-6\" />\n        </div>\n      );\n    }\n    if (type === BUTTON_TYPES.ERROR) {\n      return (\n        <div className=\"flex min-w-32 items-center justify-center gap-2\">\n          <XMarkIcon className=\"size-6\" />\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex w-[100%] items-center justify-center gap-2\">\n        {iconPrefix}\n        {type === BUTTON_TYPES.ICON ? null : label}\n        {iconSuffix}\n      </div>\n    );\n  };\n\n  return (\n    <button\n      className={buttonClasses}\n      onClick={\n        !disabled && type !== BUTTON_TYPES.LOADING ? handleOnClick : undefined\n      }\n      disabled={disabled || type === BUTTON_TYPES.LOADING}\n    >\n      {renderContent()}\n    </button>\n  );\n};\n"],"names":[],"version":3,"file":"button.b69b265e.js.map"}

package/{button.f19593f1.js → button.ce27cdaa.js}

@@ -1,5 +1,5 @@
-import {Button as $d044031c803929ba$export$353f5b6fc5456de1} from "./button.67a09c2b.js";
-import {BUTTON_TYPES as $2b09ae6dee842026$export$6435cacfbaa60ff5, BUTTON_SIZES as $2b09ae6dee842026$export$73e83bf2b7e02467} from "./type.c5cb0707.js";
+import {Button as $d044031c803929ba$export$353f5b6fc5456de1} from "./button.916f414f.js";
+import {BUTTON_TYPES as $2b09ae6dee842026$export$6435cacfbaa60ff5, BUTTON_SIZES as $2b09ae6dee842026$export$73e83bf2b7e02467} from "./type.fef24441.js";
 import {AppStoreButton as $b7945c5db3e717f9$export$3d8f9ec38b3dc10} from "./app-store-btn.b0473d3b.js";
 import {PlayStoreButton as $194a48bece588fad$export$b19097762eb12678} from "./play-store-btn.ad8b7dd2.js";
 
@@ -10,4 +10,4 @@ import {PlayStoreButton as $194a48bece588fad$export$b19097762eb12678} from "./pl
 
 
 export {$d044031c803929ba$export$353f5b6fc5456de1 as Button, $2b09ae6dee842026$export$6435cacfbaa60ff5 as BUTTON_TYPES, $2b09ae6dee842026$export$73e83bf2b7e02467 as BUTTON_SIZES, $b7945c5db3e717f9$export$3d8f9ec38b3dc10 as AppStoreButton, $194a48bece588fad$export$b19097762eb12678 as PlayStoreButton};
-//# sourceMappingURL=button.f19593f1.js.map
+//# sourceMappingURL=button.ce27cdaa.js.map

package/{button.241f5bdc.js.map → button.ce27cdaa.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["src/molecules/button/index.ts"],"sourcesContent":["export * from './button';\nexport * from './type';\nexport * from './app-store-btn';\nexport * from './play-store-btn';\n"],"names":[],"version":3,"file":"button.241f5bdc.js.map"}
+{"mappings":"","sources":["src/molecules/button/index.ts"],"sourcesContent":["export * from './button';\nexport * from './type';\nexport * from './app-store-btn';\nexport * from './play-store-btn';\n"],"names":[],"version":3,"file":"button.ce27cdaa.js.map"}

package/{button.241f5bdc.js → button.fb3c4253.js}

@@ -1,5 +1,5 @@
-var $f99542df34ef6737$exports = require("./button.2181723d.js");
-var $00dc5c34f11771c4$exports = require("./type.d705c694.js");
+var $f99542df34ef6737$exports = require("./button.b69b265e.js");
+var $00dc5c34f11771c4$exports = require("./type.1730d83d.js");
 var $16ae37aacd39dbbb$exports = require("./app-store-btn.d444afd0.js");
 var $b7a509db3ece7605$exports = require("./play-store-btn.a6dbd76f.js");
 
@@ -30,4 +30,4 @@ $parcel$exportWildcard(module.exports, $16ae37aacd39dbbb$exports);
 $parcel$exportWildcard(module.exports, $b7a509db3ece7605$exports);
 
 
-//# sourceMappingURL=button.241f5bdc.js.map
+//# sourceMappingURL=button.fb3c4253.js.map

package/{button.f19593f1.js.map → button.fb3c4253.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["src/molecules/button/index.ts"],"sourcesContent":["export * from './button';\nexport * from './type';\nexport * from './app-store-btn';\nexport * from './play-store-btn';\n"],"names":[],"version":3,"file":"button.f19593f1.js.map"}
+{"mappings":"","sources":["src/molecules/button/index.ts"],"sourcesContent":["export * from './button';\nexport * from './type';\nexport * from './app-store-btn';\nexport * from './play-store-btn';\n"],"names":[],"version":3,"file":"button.fb3c4253.js.map"}

package/core-values-card.40c460c9.js

@@ -0,0 +1,9 @@
+import {CoreValuesCard as $b9546a458e1c7af2$export$7fda4903dd87280b} from "./core-values-card.92086af3.js";
+import "./type.166683df.js";
+
+
+
+
+
+export {$b9546a458e1c7af2$export$7fda4903dd87280b as CoreValuesCard};
+//# sourceMappingURL=core-values-card.40c460c9.js.map

package/core-values-card.40c460c9.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/molecules/core-values-card/index.ts"],"sourcesContent":["export * from './core-values-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"core-values-card.40c460c9.js.map"}

package/core-values-card.92086af3.js

@@ -0,0 +1,49 @@
+import {Typography as $4d1F9$Typography, TYPOGRAPHY_VARIANTS as $4d1F9$TYPOGRAPHY_VARIANTS} from "./typography.760fac60.js";
+import {jsxs as $4d1F9$jsxs, jsx as $4d1F9$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+
+const $b9546a458e1c7af2$export$7fda4903dd87280b = ({ icon: icon, heading: heading, description: description })=>{
+    return /*#__PURE__*/ (0, $4d1F9$jsxs)("div", {
+        className: "w-fit rounded-sm bg-white p-12 transition-all duration-300 ease-in-out hover:scale-105",
+        children: [
+            /*#__PURE__*/ (0, $4d1F9$jsxs)("div", {
+                className: "relative",
+                children: [
+                    /*#__PURE__*/ (0, $4d1F9$jsx)("div", {
+                        className: "absolute -left-2 -top-4 size-10 rounded-full bg-[#B689E51A]"
+                    }),
+                    /*#__PURE__*/ (0, $4d1F9$jsx)("div", {
+                        className: "ml-1",
+                        children: icon
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $4d1F9$jsxs)("div", {
+                className: "mt-7",
+                children: [
+                    /*#__PURE__*/ (0, $4d1F9$jsx)("div", {
+                        className: "",
+                        children: /*#__PURE__*/ (0, $4d1F9$jsx)((0, $4d1F9$Typography), {
+                            variant: (0, $4d1F9$TYPOGRAPHY_VARIANTS).H3,
+                            children: heading
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $4d1F9$jsx)("div", {
+                        className: "mt-4 text-slate-400",
+                        children: /*#__PURE__*/ (0, $4d1F9$jsx)((0, $4d1F9$Typography), {
+                            variant: (0, $4d1F9$TYPOGRAPHY_VARIANTS).H6,
+                            children: description
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+export {$b9546a458e1c7af2$export$7fda4903dd87280b as CoreValuesCard};
+//# sourceMappingURL=core-values-card.92086af3.js.map

package/core-values-card.92086af3.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAIO,MAAM,4CAA0C,CAAC,QACtD,IAAI,WACJ,OAAO,eACP,WAAW,EACZ;IACC,qBACE,iBAAC;QAAI,WAAU;;0BACb,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;;kCACf,gBAAC;wBAAI,WAAU;kCAAQ;;;;0BAEzB,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCAAG;;;kCAEhD,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCACxC;;;;;;;AAMb","sources":["src/molecules/core-values-card/core-values-card.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\nimport { CoreValuesCardProps } from './type';\n\nexport const CoreValuesCard: FC<CoreValuesCardProps> = ({\n  icon,\n  heading,\n  description,\n}) => {\n  return (\n    <div className=\"w-fit rounded-sm bg-white p-12 transition-all duration-300 ease-in-out hover:scale-105\">\n      <div className=\"relative\">\n        <div className=\"absolute -left-2 -top-4 size-10 rounded-full bg-[#B689E51A]\"></div>\n        <div className=\"ml-1\">{icon}</div>\n      </div>\n      <div className=\"mt-7\">\n        <div className=\"\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.H3}>{heading}</Typography>\n        </div>\n        <div className=\"mt-4 text-slate-400\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.H6}>\n            {description}\n          </Typography>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"core-values-card.92086af3.js.map"}

package/core-values-card.96979e6a.js

@@ -0,0 +1,54 @@
+var $8444647316629dd8$exports = require("./typography.9f907467.js");
+var $fjREm$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, "CoreValuesCard", () => $28ad86563dbe9806$export$7fda4903dd87280b);
+
+
+
+const $28ad86563dbe9806$export$7fda4903dd87280b = ({ icon: icon, heading: heading, description: description })=>{
+    return /*#__PURE__*/ (0, $fjREm$reactjsxruntime.jsxs)("div", {
+        className: "w-fit rounded-sm bg-white p-12 transition-all duration-300 ease-in-out hover:scale-105",
+        children: [
+            /*#__PURE__*/ (0, $fjREm$reactjsxruntime.jsxs)("div", {
+                className: "relative",
+                children: [
+                    /*#__PURE__*/ (0, $fjREm$reactjsxruntime.jsx)("div", {
+                        className: "absolute -left-2 -top-4 size-10 rounded-full bg-[#B689E51A]"
+                    }),
+                    /*#__PURE__*/ (0, $fjREm$reactjsxruntime.jsx)("div", {
+                        className: "ml-1",
+                        children: icon
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $fjREm$reactjsxruntime.jsxs)("div", {
+                className: "mt-7",
+                children: [
+                    /*#__PURE__*/ (0, $fjREm$reactjsxruntime.jsx)("div", {
+                        className: "",
+                        children: /*#__PURE__*/ (0, $fjREm$reactjsxruntime.jsx)((0, $8444647316629dd8$exports.Typography), {
+                            variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).H3,
+                            children: heading
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $fjREm$reactjsxruntime.jsx)("div", {
+                        className: "mt-4 text-slate-400",
+                        children: /*#__PURE__*/ (0, $fjREm$reactjsxruntime.jsx)((0, $8444647316629dd8$exports.Typography), {
+                            variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).H6,
+                            children: description
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=core-values-card.96979e6a.js.map

package/core-values-card.96979e6a.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAIO,MAAM,4CAA0C,CAAC,QACtD,IAAI,WACJ,OAAO,eACP,WAAW,EACZ;IACC,qBACE,iCAAC;QAAI,WAAU;;0BACb,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;;kCACf,gCAAC;wBAAI,WAAU;kCAAQ;;;;0BAEzB,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCAAG;;;kCAEhD,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCACxC;;;;;;;AAMb","sources":["src/molecules/core-values-card/core-values-card.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\nimport { CoreValuesCardProps } from './type';\n\nexport const CoreValuesCard: FC<CoreValuesCardProps> = ({\n  icon,\n  heading,\n  description,\n}) => {\n  return (\n    <div className=\"w-fit rounded-sm bg-white p-12 transition-all duration-300 ease-in-out hover:scale-105\">\n      <div className=\"relative\">\n        <div className=\"absolute -left-2 -top-4 size-10 rounded-full bg-[#B689E51A]\"></div>\n        <div className=\"ml-1\">{icon}</div>\n      </div>\n      <div className=\"mt-7\">\n        <div className=\"\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.H3}>{heading}</Typography>\n        </div>\n        <div className=\"mt-4 text-slate-400\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.H6}>\n            {description}\n          </Typography>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"core-values-card.96979e6a.js.map"}

package/core-values-card.c4a82917.js

@@ -0,0 +1,13 @@
+var $28ad86563dbe9806$exports = require("./core-values-card.96979e6a.js");
+var $7bc639c96d600748$exports = require("./type.625583a2.js");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+$parcel$export(module.exports, "CoreValuesCard", () => $28ad86563dbe9806$exports.CoreValuesCard);
+
+
+
+
+//# sourceMappingURL=core-values-card.c4a82917.js.map

package/core-values-card.c4a82917.js.map

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

package/core-values-section.52f38afd.js

@@ -0,0 +1,27 @@
+var $8907d1e410d18aad$exports = require("./core-values-section.cc124901.js");
+var $c79a773305a0eef2$exports = require("./type.234f9e4b.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, $8907d1e410d18aad$exports);
+$parcel$exportWildcard(module.exports, $c79a773305a0eef2$exports);
+
+
+//# sourceMappingURL=core-values-section.52f38afd.js.map

package/core-values-section.52f38afd.js.map

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

package/core-values-section.cc124901.js

@@ -0,0 +1,70 @@
+var $75ff6314b77a3597$exports = require("./molecules.6c6943fd.js");
+var $e5ae8ac5a9e6b963$exports = require("./core-values-card.c4a82917.js");
+var $aWdDd$reactjsxruntime = require("react/jsx-runtime");
+var $aWdDd$heroiconsreact24solid = require("@heroicons/react/24/solid");
+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, "CoreValuesSection", () => $8907d1e410d18aad$export$6105d6a20608bd9d);
+
+
+
+
+
+const $8907d1e410d18aad$export$6105d6a20608bd9d = ({ heading: heading, description: description, coreValuesCard: coreValuesCard, btnHandleOnClick: btnHandleOnClick, btnLabel: btnLabel })=>{
+    return /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)("div", {
+        className: "kismaa-section-spacing",
+        children: /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)("div", {
+            className: "bg-gray-100/95 py-20",
+            children: /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsxs)("div", {
+                className: "kismaa-container",
+                children: [
+                    /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)("div", {
+                        className: "text-center",
+                        children: /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                            variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H2,
+                            children: heading
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)("div", {
+                        className: "mx-auto mt-3 max-w-[90%] text-center text-gray-500 lg:max-w-[50%]",
+                        children: /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                            variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P1,
+                            children: description
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)("div", {
+                        className: "mt-16 grid grid-cols-12 gap-8",
+                        children: coreValuesCard.slice(0, 6).map((value, index)=>/*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)("div", {
+                                className: "col-span-12 md:col-span-6 lg:col-span-4",
+                                children: /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)((0, $e5ae8ac5a9e6b963$exports.CoreValuesCard), {
+                                    icon: value.icon,
+                                    heading: value.heading,
+                                    description: value.description
+                                })
+                            }, index))
+                    }),
+                    /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)("div", {
+                        className: "mx-auto mt-14 w-fit",
+                        children: /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
+                            type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY,
+                            size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).MD,
+                            label: btnLabel,
+                            iconSuffix: /*#__PURE__*/ (0, $aWdDd$reactjsxruntime.jsx)((0, $aWdDd$heroiconsreact24solid.ChevronRightIcon), {
+                                className: "size-6"
+                            }),
+                            handleOnClick: btnHandleOnClick
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+
+//# sourceMappingURL=core-values-section.cc124901.js.map

package/core-values-section.cc124901.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAYO,MAAM,4CAA+C,CAAC,WAC3D,OAAO,eACP,WAAW,kBACX,cAAc,oBACd,gBAAgB,YAChB,QAAQ,EACT;IACC,qBACE,gCAAC;QAAI,WAAU;kBACb,cAAA,gCAAC;YAAI,WAAU;sBACb,cAAA,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCAAG;;;kCAEhD,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCACxC;;;kCAGL,gCAAC;wBAAI,WAAU;kCACZ,eAAe,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,sBACtC,gCAAC;gCACC,WAAU;0CAGV,cAAA,gCAAC,CAAA,GAAA,wCAAa;oCACZ,MAAM,MAAM,IAAI;oCAChB,SAAS,MAAM,OAAO;oCACtB,aAAa,MAAM,WAAW;;+BAL3B;;kCAUX,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;4BACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,OAAO;4BAC1B,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;4BACrB,OAAO;4BACP,0BAAY,gCAAC,CAAA,GAAA,6CAAe;gCAAE,WAAU;;4BACxC,eAAe;;;;;;;AAO7B","sources":["src/organisms/core-values-section/core-values-section.tsx"],"sourcesContent":["import {\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport { CoreValuesCard } from '../../molecules/core-values-card';\nimport { ChevronRightIcon } from '@heroicons/react/24/solid';\nimport React, { FC } from 'react';\nimport { CoreValueSectionProps } from './type';\n\nexport const CoreValuesSection: FC<CoreValueSectionProps> = ({\n  heading,\n  description,\n  coreValuesCard,\n  btnHandleOnClick,\n  btnLabel,\n}) => {\n  return (\n    <div className=\"kismaa-section-spacing\">\n      <div className=\"bg-gray-100/95 py-20\">\n        <div className=\"kismaa-container\">\n          <div className=\"text-center\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{heading}</Typography>\n          </div>\n          <div className=\"mx-auto mt-3 max-w-[90%] text-center text-gray-500 lg:max-w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n              {description}\n            </Typography>\n          </div>\n          <div className=\"mt-16 grid grid-cols-12 gap-8\">\n            {coreValuesCard.slice(0, 6).map((value, index) => (\n              <div\n                className=\"col-span-12 md:col-span-6 lg:col-span-4\"\n                key={index}\n              >\n                <CoreValuesCard\n                  icon={value.icon}\n                  heading={value.heading}\n                  description={value.description}\n                />\n              </div>\n            ))}\n          </div>\n          <div className=\"mx-auto mt-14 w-fit\">\n            <Button\n              type={BUTTON_TYPES.PRIMARY}\n              size={BUTTON_SIZES.MD}\n              label={btnLabel}\n              iconSuffix={<ChevronRightIcon className=\"size-6\" />}\n              handleOnClick={btnHandleOnClick}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"core-values-section.cc124901.js.map"}

package/core-values-section.d6a3e29c.js

@@ -0,0 +1,9 @@
+import {CoreValuesSection as $9cafd7fd79157b9c$export$6105d6a20608bd9d} from "./core-values-section.fcdac397.js";
+import "./type.b686e6f4.js";
+
+
+
+
+
+export {$9cafd7fd79157b9c$export$6105d6a20608bd9d as CoreValuesSection};
+//# sourceMappingURL=core-values-section.d6a3e29c.js.map

package/core-values-section.d6a3e29c.js.map

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

package/core-values-section.fcdac397.js

@@ -0,0 +1,65 @@
+import {Button as $99nPE$Button, BUTTON_SIZES as $99nPE$BUTTON_SIZES, BUTTON_TYPES as $99nPE$BUTTON_TYPES, Typography as $99nPE$Typography, TYPOGRAPHY_VARIANTS as $99nPE$TYPOGRAPHY_VARIANTS} from "./molecules.525feebf.js";
+import {CoreValuesCard as $99nPE$CoreValuesCard} from "./core-values-card.40c460c9.js";
+import {jsx as $99nPE$jsx, jsxs as $99nPE$jsxs} from "react/jsx-runtime";
+import {ChevronRightIcon as $99nPE$ChevronRightIcon} from "@heroicons/react/24/solid";
+import "react";
+
+
+
+
+
+
+const $9cafd7fd79157b9c$export$6105d6a20608bd9d = ({ heading: heading, description: description, coreValuesCard: coreValuesCard, btnHandleOnClick: btnHandleOnClick, btnLabel: btnLabel })=>{
+    return /*#__PURE__*/ (0, $99nPE$jsx)("div", {
+        className: "kismaa-section-spacing",
+        children: /*#__PURE__*/ (0, $99nPE$jsx)("div", {
+            className: "bg-gray-100/95 py-20",
+            children: /*#__PURE__*/ (0, $99nPE$jsxs)("div", {
+                className: "kismaa-container",
+                children: [
+                    /*#__PURE__*/ (0, $99nPE$jsx)("div", {
+                        className: "text-center",
+                        children: /*#__PURE__*/ (0, $99nPE$jsx)((0, $99nPE$Typography), {
+                            variant: (0, $99nPE$TYPOGRAPHY_VARIANTS).H2,
+                            children: heading
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $99nPE$jsx)("div", {
+                        className: "mx-auto mt-3 max-w-[90%] text-center text-gray-500 lg:max-w-[50%]",
+                        children: /*#__PURE__*/ (0, $99nPE$jsx)((0, $99nPE$Typography), {
+                            variant: (0, $99nPE$TYPOGRAPHY_VARIANTS).P1,
+                            children: description
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $99nPE$jsx)("div", {
+                        className: "mt-16 grid grid-cols-12 gap-8",
+                        children: coreValuesCard.slice(0, 6).map((value, index)=>/*#__PURE__*/ (0, $99nPE$jsx)("div", {
+                                className: "col-span-12 md:col-span-6 lg:col-span-4",
+                                children: /*#__PURE__*/ (0, $99nPE$jsx)((0, $99nPE$CoreValuesCard), {
+                                    icon: value.icon,
+                                    heading: value.heading,
+                                    description: value.description
+                                })
+                            }, index))
+                    }),
+                    /*#__PURE__*/ (0, $99nPE$jsx)("div", {
+                        className: "mx-auto mt-14 w-fit",
+                        children: /*#__PURE__*/ (0, $99nPE$jsx)((0, $99nPE$Button), {
+                            type: (0, $99nPE$BUTTON_TYPES).PRIMARY,
+                            size: (0, $99nPE$BUTTON_SIZES).MD,
+                            label: btnLabel,
+                            iconSuffix: /*#__PURE__*/ (0, $99nPE$jsx)((0, $99nPE$ChevronRightIcon), {
+                                className: "size-6"
+                            }),
+                            handleOnClick: btnHandleOnClick
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+
+export {$9cafd7fd79157b9c$export$6105d6a20608bd9d as CoreValuesSection};
+//# sourceMappingURL=core-values-section.fcdac397.js.map

package/core-values-section.fcdac397.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAYO,MAAM,4CAA+C,CAAC,WAC3D,OAAO,eACP,WAAW,kBACX,cAAc,oBACd,gBAAgB,YAChB,QAAQ,EACT;IACC,qBACE,gBAAC;QAAI,WAAU;kBACb,cAAA,gBAAC;YAAI,WAAU;sBACb,cAAA,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCAAG;;;kCAEhD,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCACxC;;;kCAGL,gBAAC;wBAAI,WAAU;kCACZ,eAAe,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,sBACtC,gBAAC;gCACC,WAAU;0CAGV,cAAA,gBAAC,CAAA,GAAA,qBAAa;oCACZ,MAAM,MAAM,IAAI;oCAChB,SAAS,MAAM,OAAO;oCACtB,aAAa,MAAM,WAAW;;+BAL3B;;kCAUX,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,aAAK;4BACJ,MAAM,CAAA,GAAA,mBAAW,EAAE,OAAO;4BAC1B,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;4BACrB,OAAO;4BACP,0BAAY,gBAAC,CAAA,GAAA,uBAAe;gCAAE,WAAU;;4BACxC,eAAe;;;;;;;AAO7B","sources":["src/organisms/core-values-section/core-values-section.tsx"],"sourcesContent":["import {\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport { CoreValuesCard } from '../../molecules/core-values-card';\nimport { ChevronRightIcon } from '@heroicons/react/24/solid';\nimport React, { FC } from 'react';\nimport { CoreValueSectionProps } from './type';\n\nexport const CoreValuesSection: FC<CoreValueSectionProps> = ({\n  heading,\n  description,\n  coreValuesCard,\n  btnHandleOnClick,\n  btnLabel,\n}) => {\n  return (\n    <div className=\"kismaa-section-spacing\">\n      <div className=\"bg-gray-100/95 py-20\">\n        <div className=\"kismaa-container\">\n          <div className=\"text-center\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{heading}</Typography>\n          </div>\n          <div className=\"mx-auto mt-3 max-w-[90%] text-center text-gray-500 lg:max-w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n              {description}\n            </Typography>\n          </div>\n          <div className=\"mt-16 grid grid-cols-12 gap-8\">\n            {coreValuesCard.slice(0, 6).map((value, index) => (\n              <div\n                className=\"col-span-12 md:col-span-6 lg:col-span-4\"\n                key={index}\n              >\n                <CoreValuesCard\n                  icon={value.icon}\n                  heading={value.heading}\n                  description={value.description}\n                />\n              </div>\n            ))}\n          </div>\n          <div className=\"mx-auto mt-14 w-fit\">\n            <Button\n              type={BUTTON_TYPES.PRIMARY}\n              size={BUTTON_SIZES.MD}\n              label={btnLabel}\n              iconSuffix={<ChevronRightIcon className=\"size-6\" />}\n              handleOnClick={btnHandleOnClick}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"core-values-section.fcdac397.js.map"}

package/{cta-banner.e1ee6df2.js → cta-banner.544ac385.js}

@@ -1,4 +1,4 @@
-import {Button as $cx1R8$Button, BUTTON_TYPES as $cx1R8$BUTTON_TYPES, Typography as $cx1R8$Typography, TYPOGRAPHY_VARIANTS as $cx1R8$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
+import {Button as $cx1R8$Button, BUTTON_TYPES as $cx1R8$BUTTON_TYPES, Typography as $cx1R8$Typography, TYPOGRAPHY_VARIANTS as $cx1R8$TYPOGRAPHY_VARIANTS} from "./molecules.525feebf.js";
 import {jsx as $cx1R8$jsx, jsxs as $cx1R8$jsxs} from "react/jsx-runtime";
 import {ArrowRightIcon as $cx1R8$ArrowRightIcon} from "@heroicons/react/24/solid";
 import "react";
@@ -15,17 +15,17 @@ const $06745379ccb9ed22$export$7ef2bea4ddeb4719 = ({ bgImage: bgImage, heading:
             backgroundBlendMode: 'color',
             backgroundRepeat: 'no-repeat',
             backgroundSize: 'cover',
-            backgroundPosition: 'center'
+            backgroundPosition: '50% 40%'
         },
         children: /*#__PURE__*/ (0, $cx1R8$jsx)("div", {
             className: "kismaa-container flex items-center justify-center",
             children: /*#__PURE__*/ (0, $cx1R8$jsxs)("div", {
-                className: "flex flex-col items-start justify-center py-20 lg:items-center lg:py-48",
+                className: "flex flex-col items-start justify-center py-20 lg:items-center lg:py-24",
                 children: [
                     /*#__PURE__*/ (0, $cx1R8$jsx)("div", {
-                        className: "text-secondary",
+                        className: "text-gray-600/80",
                         children: /*#__PURE__*/ (0, $cx1R8$jsx)((0, $cx1R8$Typography), {
-                            variant: (0, $cx1R8$TYPOGRAPHY_VARIANTS).DISPLAYHEADING,
+                            variant: (0, $cx1R8$TYPOGRAPHY_VARIANTS).H1,
                             children: heading
                         })
                     }),
@@ -41,12 +41,12 @@ const $06745379ccb9ed22$export$7ef2bea4ddeb4719 = ({ bgImage: bgImage, heading:
                         children: [
                             /*#__PURE__*/ (0, $cx1R8$jsx)((0, $cx1R8$Button), {
                                 label: firstBtnText,
-                                type: (0, $cx1R8$BUTTON_TYPES).SECONDARY,
+                                type: (0, $cx1R8$BUTTON_TYPES).PRIMARY,
                                 handleOnClick: firstBtnHandleClick
                             }),
                             /*#__PURE__*/ (0, $cx1R8$jsx)((0, $cx1R8$Button), {
                                 label: secondBtnText,
-                                type: (0, $cx1R8$BUTTON_TYPES).SECONDARY,
+                                type: (0, $cx1R8$BUTTON_TYPES).PRIMARY,
                                 handleOnClick: secondBtnHandleClick,
                                 outlined: true,
                                 iconSuffix: /*#__PURE__*/ (0, $cx1R8$jsx)((0, $cx1R8$ArrowRightIcon), {
@@ -63,4 +63,4 @@ const $06745379ccb9ed22$export$7ef2bea4ddeb4719 = ({ bgImage: bgImage, heading:
 
 
 export {$06745379ccb9ed22$export$7ef2bea4ddeb4719 as CtaBanner};
-//# sourceMappingURL=cta-banner.e1ee6df2.js.map
+//# sourceMappingURL=cta-banner.544ac385.js.map

package/cta-banner.544ac385.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAUO,MAAM,4CAAgC,CAAC,WAC5C,OAAO,WACP,OAAO,eACP,WAAW,uBACX,mBAAmB,wBACnB,oBAAoB,iBACpB,aAAa,gBACb,YAAY,EACb;IACC,qBACE,gBAAC;QACC,OAAO;YACL,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC7B,iBAAiB;YACjB,qBAAqB;YACrB,kBAAkB;YAClB,gBAAgB;YAChB,oBAAoB;QACtB;kBAEA,cAAA,gBAAC;YAAI,WAAU;sBACb,cAAA,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCAAG;;;kCAEhD,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCACxC;;;kCAGL,iBAAC;wBAAI,WAAU;;0CACb,gBAAC,CAAA,GAAA,aAAK;gCACJ,OAAO;gCACP,MAAM,CAAA,GAAA,mBAAW,EAAE,OAAO;gCAC1B,eAAe;;0CAEjB,gBAAC,CAAA,GAAA,aAAK;gCACJ,OAAO;gCACP,MAAM,CAAA,GAAA,mBAAW,EAAE,OAAO;gCAC1B,eAAe;gCACf,QAAQ;gCACR,0BAAY,gBAAC,CAAA,GAAA,qBAAa;oCAAE,WAAU;;;;;;;;;AAOpD","sources":["src/organisms/cta-banner/cta-banner.tsx"],"sourcesContent":["import {\n  Button,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport { ArrowRightIcon } from '@heroicons/react/24/solid';\nimport React, { FC } from 'react';\nimport { CtaBannerProps } from './type';\n\nexport const CtaBanner: FC<CtaBannerProps> = ({\n  bgImage,\n  heading,\n  description,\n  firstBtnHandleClick,\n  secondBtnHandleClick,\n  secondBtnText,\n  firstBtnText,\n}) => {\n  return (\n    <div\n      style={{\n        background: `url(${bgImage})`,\n        backgroundColor: 'rgba(255, 255, 255, 0.8)',\n        backgroundBlendMode: 'color',\n        backgroundRepeat: 'no-repeat',\n        backgroundSize: 'cover',\n        backgroundPosition: '50% 40%',\n      }}\n    >\n      <div className=\"kismaa-container flex items-center justify-center\">\n        <div className=\"flex flex-col items-start justify-center py-20 lg:items-center lg:py-24\">\n          <div className=\"text-gray-600/80\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H1}>{heading}</Typography>\n          </div>\n          <div className=\"mb-10 mt-4 text-slate-900/95 lg:mb-16\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n              {description}\n            </Typography>\n          </div>\n          <div className=\"flex w-fit flex-col items-start justify-start gap-6 md:w-[75%] lg:w-[85%] lg:flex-row lg:items-center\">\n            <Button\n              label={firstBtnText}\n              type={BUTTON_TYPES.PRIMARY}\n              handleOnClick={firstBtnHandleClick}\n            />\n            <Button\n              label={secondBtnText}\n              type={BUTTON_TYPES.PRIMARY}\n              handleOnClick={secondBtnHandleClick}\n              outlined\n              iconSuffix={<ArrowRightIcon className=\"size-5\" />}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"cta-banner.544ac385.js.map"}

package/{cta-banner.f11dffff.js → cta-banner.9255e2ae.js}

@@ -1,4 +1,4 @@
-import {CtaBanner as $06745379ccb9ed22$export$7ef2bea4ddeb4719} from "./cta-banner.e1ee6df2.js";
+import {CtaBanner as $06745379ccb9ed22$export$7ef2bea4ddeb4719} from "./cta-banner.544ac385.js";
 import "./type.84004b42.js";
 
 
@@ -6,4 +6,4 @@ import "./type.84004b42.js";
 
 
 export {$06745379ccb9ed22$export$7ef2bea4ddeb4719 as CtaBanner};
-//# sourceMappingURL=cta-banner.f11dffff.js.map
+//# sourceMappingURL=cta-banner.9255e2ae.js.map

package/{cta-banner.43657965.js.map → cta-banner.9255e2ae.js.map}

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

package/{cta-banner.43657965.js → cta-banner.b5a79249.js}

@@ -1,4 +1,4 @@
-var $198472549a7c8c6b$exports = require("./cta-banner.3eea9603.js");
+var $198472549a7c8c6b$exports = require("./cta-banner.e4edcdc7.js");
 var $ab6438c4e5131fb5$exports = require("./type.51db0154.js");
 
 
@@ -24,4 +24,4 @@ $parcel$exportWildcard(module.exports, $198472549a7c8c6b$exports);
 $parcel$exportWildcard(module.exports, $ab6438c4e5131fb5$exports);
 
 
-//# sourceMappingURL=cta-banner.43657965.js.map
+//# sourceMappingURL=cta-banner.b5a79249.js.map

package/{cta-banner.f11dffff.js.map → cta-banner.b5a79249.js.map}

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

package/{cta-banner.3eea9603.js → cta-banner.e4edcdc7.js}

@@ -1,4 +1,4 @@
-var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
+var $75ff6314b77a3597$exports = require("./molecules.6c6943fd.js");
 var $fDs1Z$reactjsxruntime = require("react/jsx-runtime");
 var $fDs1Z$heroiconsreact24solid = require("@heroicons/react/24/solid");
 require("react");
@@ -21,17 +21,17 @@ const $198472549a7c8c6b$export$7ef2bea4ddeb4719 = ({ bgImage: bgImage, heading:
             backgroundBlendMode: 'color',
             backgroundRepeat: 'no-repeat',
             backgroundSize: 'cover',
-            backgroundPosition: 'center'
+            backgroundPosition: '50% 40%'
         },
         children: /*#__PURE__*/ (0, $fDs1Z$reactjsxruntime.jsx)("div", {
             className: "kismaa-container flex items-center justify-center",
             children: /*#__PURE__*/ (0, $fDs1Z$reactjsxruntime.jsxs)("div", {
-                className: "flex flex-col items-start justify-center py-20 lg:items-center lg:py-48",
+                className: "flex flex-col items-start justify-center py-20 lg:items-center lg:py-24",
                 children: [
                     /*#__PURE__*/ (0, $fDs1Z$reactjsxruntime.jsx)("div", {
-                        className: "text-secondary",
+                        className: "text-gray-600/80",
                         children: /*#__PURE__*/ (0, $fDs1Z$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                            variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).DISPLAYHEADING,
+                            variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H1,
                             children: heading
                         })
                     }),
@@ -47,12 +47,12 @@ const $198472549a7c8c6b$export$7ef2bea4ddeb4719 = ({ bgImage: bgImage, heading:
                         children: [
                             /*#__PURE__*/ (0, $fDs1Z$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
                                 label: firstBtnText,
-                                type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).SECONDARY,
+                                type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY,
                                 handleOnClick: firstBtnHandleClick
                             }),
                             /*#__PURE__*/ (0, $fDs1Z$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
                                 label: secondBtnText,
-                                type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).SECONDARY,
+                                type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY,
                                 handleOnClick: secondBtnHandleClick,
                                 outlined: true,
                                 iconSuffix: /*#__PURE__*/ (0, $fDs1Z$reactjsxruntime.jsx)((0, $fDs1Z$heroiconsreact24solid.ArrowRightIcon), {
@@ -68,4 +68,4 @@ const $198472549a7c8c6b$export$7ef2bea4ddeb4719 = ({ bgImage: bgImage, heading:
 };
 
 
-//# sourceMappingURL=cta-banner.3eea9603.js.map
+//# sourceMappingURL=cta-banner.e4edcdc7.js.map

package/cta-banner.e4edcdc7.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAUO,MAAM,4CAAgC,CAAC,WAC5C,OAAO,WACP,OAAO,eACP,WAAW,uBACX,mBAAmB,wBACnB,oBAAoB,iBACpB,aAAa,gBACb,YAAY,EACb;IACC,qBACE,gCAAC;QACC,OAAO;YACL,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC7B,iBAAiB;YACjB,qBAAqB;YACrB,kBAAkB;YAClB,gBAAgB;YAChB,oBAAoB;QACtB;kBAEA,cAAA,gCAAC;YAAI,WAAU;sBACb,cAAA,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCAAG;;;kCAEhD,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCACxC;;;kCAGL,iCAAC;wBAAI,WAAU;;0CACb,gCAAC,CAAA,GAAA,gCAAK;gCACJ,OAAO;gCACP,MAAM,CAAA,GAAA,sCAAW,EAAE,OAAO;gCAC1B,eAAe;;0CAEjB,gCAAC,CAAA,GAAA,gCAAK;gCACJ,OAAO;gCACP,MAAM,CAAA,GAAA,sCAAW,EAAE,OAAO;gCAC1B,eAAe;gCACf,QAAQ;gCACR,0BAAY,gCAAC,CAAA,GAAA,2CAAa;oCAAE,WAAU;;;;;;;;;AAOpD","sources":["src/organisms/cta-banner/cta-banner.tsx"],"sourcesContent":["import {\n  Button,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport { ArrowRightIcon } from '@heroicons/react/24/solid';\nimport React, { FC } from 'react';\nimport { CtaBannerProps } from './type';\n\nexport const CtaBanner: FC<CtaBannerProps> = ({\n  bgImage,\n  heading,\n  description,\n  firstBtnHandleClick,\n  secondBtnHandleClick,\n  secondBtnText,\n  firstBtnText,\n}) => {\n  return (\n    <div\n      style={{\n        background: `url(${bgImage})`,\n        backgroundColor: 'rgba(255, 255, 255, 0.8)',\n        backgroundBlendMode: 'color',\n        backgroundRepeat: 'no-repeat',\n        backgroundSize: 'cover',\n        backgroundPosition: '50% 40%',\n      }}\n    >\n      <div className=\"kismaa-container flex items-center justify-center\">\n        <div className=\"flex flex-col items-start justify-center py-20 lg:items-center lg:py-24\">\n          <div className=\"text-gray-600/80\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H1}>{heading}</Typography>\n          </div>\n          <div className=\"mb-10 mt-4 text-slate-900/95 lg:mb-16\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n              {description}\n            </Typography>\n          </div>\n          <div className=\"flex w-fit flex-col items-start justify-start gap-6 md:w-[75%] lg:w-[85%] lg:flex-row lg:items-center\">\n            <Button\n              label={firstBtnText}\n              type={BUTTON_TYPES.PRIMARY}\n              handleOnClick={firstBtnHandleClick}\n            />\n            <Button\n              label={secondBtnText}\n              type={BUTTON_TYPES.PRIMARY}\n              handleOnClick={secondBtnHandleClick}\n              outlined\n              iconSuffix={<ArrowRightIcon className=\"size-5\" />}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"cta-banner.e4edcdc7.js.map"}