@appcorp/kismaa-web-ui 0.1.3 → 0.1.5

package/organisms/banner/banner.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { BannerProps } from './type';
+export declare const Banner: FC<BannerProps>;

package/organisms/banner/banner.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Banner = void 0;
+var react_1 = __importDefault(require("react"));
+var type_1 = require("./type");
+var molecules_1 = require("../../molecules");
+var solid_1 = require("@heroicons/react/24/solid");
+var bannerSizeMap = (_a = {},
+    _a[type_1.BANNER_TYPES.HEADER] = 'lg:h-96 h-72',
+    _a[type_1.BANNER_TYPES.HERO] = 'lg:pt-56 pt-48 lg:pb-44 pb-16',
+    _a);
+var Banner = function (_a) {
+    var type = _a.type, heading = _a.heading, subHeading = _a.subHeading, firstButtonLabel = _a.firstButtonLabel, firstButtonOnClick = _a.firstButtonOnClick, secondButtonLabel = _a.secondButtonLabel, backgroundImage = _a.backgroundImage, secondButtonOnClick = _a.secondButtonOnClick;
+    var renderHeroContent = function () {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "" },
+                react_1.default.createElement("div", { className: "mb-3 text-gray-600/80" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.HEROHEADING }, heading)),
+                react_1.default.createElement("div", { className: "text-gray-800/80" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH1 }, subHeading)),
+                react_1.default.createElement("div", { className: "mt-10 flex w-fit gap-2.5" },
+                    react_1.default.createElement(molecules_1.Button, { label: firstButtonLabel, type: molecules_1.BUTTON_TYPES.PRIMARY, handleOnClick: firstButtonOnClick, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }) }),
+                    react_1.default.createElement(molecules_1.Button, { label: secondButtonLabel, type: molecules_1.BUTTON_TYPES.PRIMARY, handleOnClick: secondButtonOnClick, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }) })))));
+    };
+    return (react_1.default.createElement("section", { style: {
+            backgroundImage: "url(".concat(backgroundImage, ")"),
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+        } },
+        react_1.default.createElement("div", { className: "kismaa-container ".concat(bannerSizeMap[type]) }, type === type_1.BANNER_TYPES.HERO && renderHeroContent())));
+};
+exports.Banner = Banner;

package/organisms/banner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './banner';
+export * from './type';

package/organisms/banner/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./banner"), exports);
+__exportStar(require("./type"), exports);

package/organisms/banner/props.d.ts

@@ -0,0 +1,2 @@
+import { BannerProps } from './type';
+export declare const bannerData: BannerProps;

package/organisms/banner/props.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bannerData = void 0;
+var type_1 = require("./type");
+exports.bannerData = {
+    type: type_1.BANNER_TYPES.HERO,
+    backgroundImage: '/hero-banner-bg.png',
+    heading: 'Embrace your destiny',
+    subHeading: 'Get the Answers you Need with Our Expert Psychics',
+    firstButtonLabel: 'Advisors',
+    firstButtonOnClick: function () { return void 0; },
+    secondButtonOnClick: function () { return void 0; },
+    secondButtonLabel: 'Sign up',
+};

package/organisms/banner/type.d.ts

@@ -0,0 +1,14 @@
+export declare enum BANNER_TYPES {
+    HERO = "HERO",
+    HEADER = "HEADER"
+}
+export interface BannerProps {
+    type: BANNER_TYPES;
+    backgroundImage: string;
+    heading: string;
+    subHeading: string;
+    firstButtonLabel: string;
+    firstButtonOnClick: () => void;
+    secondButtonOnClick: () => void;
+    secondButtonLabel: string;
+}

package/organisms/banner/type.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BANNER_TYPES = void 0;
+var BANNER_TYPES;
+(function (BANNER_TYPES) {
+    BANNER_TYPES["HERO"] = "HERO";
+    BANNER_TYPES["HEADER"] = "HEADER";
+})(BANNER_TYPES || (exports.BANNER_TYPES = BANNER_TYPES = {}));

package/organisms/banner-slider/banner-slider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BannerSliderProps } from './type';
+export declare const BannerSlider: React.FC<BannerSliderProps>;

package/organisms/banner-slider/banner-slider.js

@@ -0,0 +1,37 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerSlider = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("swiper/react");
+var modules_1 = require("swiper/modules");
+var banner_slider_card_1 = require("../../molecules/banner-slider-card/banner-slider-card");
+var arrow_right_icon_1 = require("../../atoms/arrow-right-icon");
+var arrow_left_icon_1 = require("../../atoms/arrow-left-icon");
+var BannerSlider = function (_a) {
+    var bannerSlides = _a.bannerSlides;
+    return (react_1.default.createElement("div", { className: "bg-gray-100" },
+        react_1.default.createElement("div", { className: "kismaa-container relative py-14" },
+            react_1.default.createElement("div", { className: "kismaa-container" },
+                react_1.default.createElement(react_2.Swiper, { modules: [modules_1.Navigation], slidesPerView: 1.8, spaceBetween: 0, navigation: {
+                        prevEl: '.custom-swiper-button-prev',
+                        nextEl: '.custom-swiper-button-next',
+                    }, breakpoints: {
+                        1024: {
+                            slidesPerView: 3.8,
+                        },
+                        768: {
+                            slidesPerView: 2.8,
+                        },
+                    }, loop: true, className: "h-full w-full" }, bannerSlides.map(function (slide) { return (react_1.default.createElement(react_2.SwiperSlide, { key: slide.id },
+                    react_1.default.createElement("div", { className: "relative h-fit" },
+                        react_1.default.createElement(banner_slider_card_1.BannerSliderCard, { cardBgImage: slide.imageUrl, heading: slide.title })))); })),
+                react_1.default.createElement("button", { className: "custom-swiper-button-prev absolute left-10 top-1/2 z-10 -translate-y-1/2 transform rounded-full border-[1px] border-primary bg-white p-2 text-primary transition-all duration-200 hover:bg-opacity-75" },
+                    react_1.default.createElement(arrow_left_icon_1.ArrowLeftIcon, { fill: "currentColor", className: "size-4" })),
+                react_1.default.createElement("button", { className: "custom-swiper-button-next absolute right-10 top-1/2 z-10 -translate-y-1/2 transform rounded-full border-[1px] border-primary bg-white p-2 text-primary transition-all duration-200 hover:bg-opacity-75" },
+                    react_1.default.createElement(arrow_right_icon_1.ArrowRightIcon, { fill: "currentColor", className: "size-4" }))))));
+};
+exports.BannerSlider = BannerSlider;

package/organisms/banner-slider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './banner-slider';
+export * from './type';

package/organisms/banner-slider/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./banner-slider"), exports);
+__exportStar(require("./type"), exports);

package/organisms/banner-slider/props.d.ts

@@ -0,0 +1,3 @@
+import { BannerSlideData, BannerSliderProps } from './type';
+export declare const bannerSlides: BannerSlideData[];
+export declare const bannerSlidesData: BannerSliderProps;

package/organisms/banner-slider/props.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bannerSlidesData = exports.bannerSlides = void 0;
+exports.bannerSlides = [
+    {
+        id: 1,
+        imageUrl: 'https://images.unsplash.com/photo-1506748686214-e9df14d4d9d0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&w=800&h=400',
+        title: 'Beautiful Waterfall',
+    },
+    {
+        id: 2,
+        imageUrl: 'https://images.unsplash.com/photo-1527515637462-cff94eecc1ac?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&w=800&h=400',
+        title: 'Sunset in the Mountains',
+    },
+    {
+        id: 3,
+        imageUrl: 'https://images.unsplash.com/photo-1506765515384-028b60a970df?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&w=800&h=400',
+        title: 'Serene Forest',
+    },
+    {
+        id: 4,
+        imageUrl: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&w=800&h=400',
+        title: 'Sunny Beach',
+    },
+    {
+        id: 5,
+        imageUrl: 'https://images.pexels.com/photos/2129796/pexels-photo-2129796.png?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',
+        title: 'City Lights at Night',
+    },
+    {
+        id: 6,
+        imageUrl: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&w=800&h=400',
+        title: 'Starry Sky',
+    },
+];
+exports.bannerSlidesData = {
+    bannerSlides: exports.bannerSlides,
+};

package/organisms/banner-slider/type.d.ts

@@ -0,0 +1,8 @@
+export interface BannerSlideData {
+    id: number;
+    imageUrl: string;
+    title: string;
+}
+export interface BannerSliderProps {
+    bannerSlides: BannerSlideData[];
+}

package/organisms/banner-slider/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/organisms/core-values-section/core-values-section.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { CoreValueSectionProps } from './type';
+export declare const CoreValuesSection: FC<CoreValueSectionProps>;

package/organisms/core-values-section/core-values-section.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoreValuesSection = void 0;
+var molecules_1 = require("../../molecules");
+var core_values_card_1 = require("../../molecules/core-values-card");
+var solid_1 = require("@heroicons/react/24/solid");
+var react_1 = __importDefault(require("react"));
+var CoreValuesSection = function (_a) {
+    var heading = _a.heading, description = _a.description, coreValuesCard = _a.coreValuesCard, btnHandleOnClick = _a.btnHandleOnClick, btnLabel = _a.btnLabel;
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-gray-100/95" },
+        react_1.default.createElement("div", { className: "kismaa-container" },
+            react_1.default.createElement("div", { className: "text-center" },
+                react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, heading)),
+            react_1.default.createElement("div", { className: "mx-auto mt-3 max-w-[90%] text-center text-gray-500 lg:max-w-[50%]" },
+                react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, description)),
+            react_1.default.createElement("div", { className: "mt-16 grid grid-cols-12 gap-8" }, coreValuesCard.slice(0, 6).map(function (value, index) { return (react_1.default.createElement("div", { className: "col-span-12 md:col-span-6 lg:col-span-4", key: index },
+                react_1.default.createElement(core_values_card_1.CoreValuesCard, { icon: value.icon, heading: value.heading, description: value.description }))); })),
+            react_1.default.createElement("div", { className: "mx-auto mt-14 w-fit" },
+                react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.PRIMARY, size: molecules_1.BUTTON_SIZES.MD, label: btnLabel, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), handleOnClick: btnHandleOnClick })))));
+};
+exports.CoreValuesSection = CoreValuesSection;

package/organisms/core-values-section/index.d.ts

@@ -0,0 +1,2 @@
+export * from './core-values-section';
+export * from './type';

package/organisms/core-values-section/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./core-values-section"), exports);
+__exportStar(require("./type"), exports);

package/organisms/core-values-section/props.d.ts

@@ -0,0 +1,2 @@
+import { CoreValueSectionProps } from './type';
+export declare const coreValueSectionData: CoreValueSectionProps;

package/organisms/core-values-section/props.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.coreValueSectionData = void 0;
+var react_1 = __importDefault(require("react"));
+var brief_case_icon_1 = require("../../atoms/brief-case-icon");
+var growth_icon_1 = require("../../atoms/growth-icon");
+var paper_plane_icon_1 = require("../../atoms/paper-plane-icon");
+var ownership_icon_1 = require("../../atoms/ownership-icon");
+var result_icon_1 = require("../../atoms/result-icon");
+var innovation_icon_1 = require("../../atoms/innovation-icon");
+exports.coreValueSectionData = {
+    heading: 'Our core values & principles',
+    description: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients. ',
+    coreValuesCard: [
+        {
+            icon: react_1.default.createElement(brief_case_icon_1.BriefCaseIcon, { className: "size-10" }),
+            heading: 'Team work',
+            description: 'Lorem ipsum dolor sit amet, consectetu adipiscing elit eque dolor.',
+        },
+        {
+            icon: react_1.default.createElement(growth_icon_1.GrowthIcon, { className: "size-10" }),
+            heading: 'Company Growth',
+            description: 'Lorem ipsum dolor sit amet, consectetu adipiscing elit eque dolor.',
+        },
+        {
+            icon: react_1.default.createElement(paper_plane_icon_1.PaperPlaneIcon, { className: "size-10" }),
+            heading: 'Move Like a Startup',
+            description: 'Lorem ipsum dolor sit amet, consectetu adipiscing elit eque dolor.',
+        },
+        {
+            icon: react_1.default.createElement(ownership_icon_1.OwnershipIcon, { className: "size-10" }),
+            heading: 'Take Ownership',
+            description: 'Lorem ipsum dolor sit amet, consectetu adipiscing elit eque dolor.',
+        },
+        {
+            icon: react_1.default.createElement(result_icon_1.ResultIcon, { className: "size-10" }),
+            heading: 'Results Matter',
+            description: 'Lorem ipsum dolor sit amet, consectetu adipiscing elit eque dolor.',
+        },
+        {
+            icon: react_1.default.createElement(innovation_icon_1.InnovationIcon, { className: "size-10" }),
+            heading: 'Innovation',
+            description: 'Lorem ipsum dolor sit amet, consectetu adipiscing elit eque dolor.',
+        },
+    ],
+    btnLabel: 'Get In Touch',
+    btnHandleOnClick: function () { return void 0; },
+};

package/organisms/core-values-section/type.d.ts

@@ -0,0 +1,8 @@
+import { CoreValuesCardProps } from '../../molecules/core-values-card';
+export interface CoreValueSectionProps {
+    heading: string;
+    description: string;
+    coreValuesCard: CoreValuesCardProps[];
+    btnLabel: string;
+    btnHandleOnClick: () => void;
+}

package/organisms/core-values-section/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/organisms/cta-banner/cta-banner.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { CtaBannerProps } from './type';
+export declare const CtaBanner: FC<CtaBannerProps>;

package/organisms/cta-banner/cta-banner.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CtaBanner = void 0;
+var molecules_1 = require("../../molecules");
+var solid_1 = require("@heroicons/react/24/solid");
+var react_1 = __importDefault(require("react"));
+var CtaBanner = function (_a) {
+    var bgImage = _a.bgImage, heading = _a.heading, description = _a.description, firstBtnHandleClick = _a.firstBtnHandleClick, secondBtnHandleClick = _a.secondBtnHandleClick, secondBtnText = _a.secondBtnText, firstBtnText = _a.firstBtnText;
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing", style: {
+            background: "url(".concat(bgImage, ")"),
+            backgroundColor: 'rgba(255, 255, 255, 0.8)',
+            backgroundBlendMode: 'color',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: 'cover',
+            backgroundPosition: '50% 40%',
+        } },
+        react_1.default.createElement("div", { className: "kismaa-container flex items-center justify-center" },
+            react_1.default.createElement("div", { className: "flex flex-col items-start justify-center lg:items-center" },
+                react_1.default.createElement("div", { className: "text-gray-600/80" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H1 }, heading)),
+                react_1.default.createElement("div", { className: "mb-10 mt-4 text-slate-900/95 lg:mb-16" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, description)),
+                react_1.default.createElement("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" },
+                    react_1.default.createElement(molecules_1.Button, { label: firstBtnText, type: molecules_1.BUTTON_TYPES.PRIMARY, handleOnClick: firstBtnHandleClick }),
+                    react_1.default.createElement(molecules_1.Button, { label: secondBtnText, type: molecules_1.BUTTON_TYPES.PRIMARY, handleOnClick: secondBtnHandleClick, outlined: true, iconSuffix: react_1.default.createElement(solid_1.ArrowRightIcon, { className: "size-5" }) }))))));
+};
+exports.CtaBanner = CtaBanner;

package/organisms/cta-banner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cta-banner';
+export * from './type';

package/organisms/cta-banner/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./cta-banner"), exports);
+__exportStar(require("./type"), exports);

package/organisms/cta-banner/props.d.ts

@@ -0,0 +1,2 @@
+import { CtaBannerProps } from './type';
+export declare const ctaBannerData: CtaBannerProps;

package/organisms/cta-banner/props.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ctaBannerData = void 0;
+exports.ctaBannerData = {
+    heading: 'Are you a Psychic?',
+    description: 'Join Kismaa today to engage with thousands of new clients via online chat.',
+    firstBtnText: 'Book Consultation Now',
+    secondBtnText: 'Learn More',
+    firstBtnHandleClick: function () { return void 0; },
+    secondBtnHandleClick: function () { return void 0; },
+    bgImage: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/are-you-a-psychic.webp',
+};

package/organisms/cta-banner/type.d.ts

@@ -0,0 +1,9 @@
+export interface CtaBannerProps {
+    bgImage: string;
+    heading: string;
+    description: string;
+    firstBtnText: string;
+    firstBtnHandleClick: () => void;
+    secondBtnText: string;
+    secondBtnHandleClick: () => void;
+}

package/organisms/cta-banner/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/organisms/customer-reviews/customer-reviews.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import { CustomerReviewsProps } from './type';
+export declare const CustomerReviews: React.FC<CustomerReviewsProps>;

package/organisms/customer-reviews/customer-reviews.js

@@ -0,0 +1,54 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomerReviews = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("swiper/react");
+var modules_1 = require("swiper/modules");
+var molecules_1 = require("../../molecules");
+var review_card_1 = require("../review-card/review-card");
+require("swiper/css");
+require("swiper/css/navigation");
+var arrow_left_icon_1 = require("../../atoms/arrow-left-icon");
+var arrow_right_icon_1 = require("../../atoms/arrow-right-icon");
+var CustomerReviews = function (_a) {
+    var reviews = _a.reviews, onSwiper = _a.onSwiper, heading = _a.heading, subHeading = _a.subHeading, handleNextClick = _a.handleNextClick, handlePreviousClick = _a.handlePreviousClick, isSectionBgEnabled = _a.isSectionBgEnabled;
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing ".concat(isSectionBgEnabled ? 'bg-gray-100/95' : 'bg-white') },
+        react_1.default.createElement("div", { className: "kismaa-container" },
+            react_1.default.createElement("div", { className: "mb-8 text-center" },
+                react_1.default.createElement("div", { className: "text-gray-800" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, heading)),
+                react_1.default.createElement("div", { className: "mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[50%]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH4 }, subHeading))),
+            react_1.default.createElement("div", { className: "" },
+                react_1.default.createElement(react_2.Swiper, { modules: [modules_1.Navigation], spaceBetween: 32, slidesPerView: 1, loop: true, centeredSlides: true, onSwiper: onSwiper, breakpoints: {
+                        1024: {
+                            slidesPerView: 3,
+                        },
+                        768: {
+                            slidesPerView: 2,
+                        },
+                    } }, reviews.map(function (review, index) { return (react_1.default.createElement(react_2.SwiperSlide, { key: index }, function (_a) {
+                    var isActive = _a.isActive;
+                    return (react_1.default.createElement(review_card_1.ReviewCard, __assign({ isActive: isActive }, review)));
+                })); })),
+                react_1.default.createElement("div", { className: "mt-8 flex justify-center gap-5" },
+                    react_1.default.createElement("button", { className: "rounded-sm bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handleNextClick },
+                        react_1.default.createElement(arrow_left_icon_1.ArrowLeftIcon, { className: "h-4 w-4", fill: "white" })),
+                    react_1.default.createElement("button", { className: "rounded-sm bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handlePreviousClick },
+                        react_1.default.createElement(arrow_right_icon_1.ArrowRightIcon, { className: "h-4 w-4", fill: "white" })))))));
+};
+exports.CustomerReviews = CustomerReviews;

package/organisms/customer-reviews/index.d.ts

@@ -0,0 +1,2 @@
+export * from './customer-reviews';
+export * from './type';

package/organisms/customer-reviews/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./customer-reviews"), exports);
+__exportStar(require("./type"), exports);

package/organisms/customer-reviews/props.d.ts

@@ -0,0 +1,2 @@
+import { CustomerReviewsProps } from './type';
+export declare const customerReviewData: CustomerReviewsProps;

package/organisms/customer-reviews/props.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customerReviewData = void 0;
+exports.customerReviewData = {
+    reviews: [
+        {
+            quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.since unknown printersince unknown printer',
+            personImage: '/person-img.png',
+            name: 'John Smith',
+            role: 'Web Developer',
+            rating: 4.5,
+            isTrustPilot: true,
+            quoteIconFill: '#B689E5',
+            triangleIconFill: '#E7DEF1',
+        },
+        {
+            quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
+            personImage: '/person-img.png',
+            name: 'Emily Johnson',
+            role: 'Clinic Manager',
+            rating: 5,
+            isTrustPilot: true,
+            quoteIconFill: '#B689E5',
+            triangleIconFill: '#E7DEF1',
+        },
+        {
+            quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
+            personImage: '/person-img.png',
+            name: 'Dr. Michael Lee',
+            role: 'Dentist',
+            rating: 4.5,
+            isTrustPilot: true,
+            quoteIconFill: '#B689E5',
+            triangleIconFill: '#E7DEF1',
+        },
+        {
+            quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
+            personImage: '/person-img.png',
+            name: 'Sarah Thompson',
+            role: 'Office Administrator',
+            rating: 4,
+            isTrustPilot: true,
+            quoteIconFill: '#B689E5',
+            triangleIconFill: '#E7DEF1',
+        },
+        {
+            quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
+            personImage: '/person-img.png',
+            name: 'Dr. Alex Rodriguez',
+            role: 'Pediatrician',
+            rating: 5,
+            isTrustPilot: true,
+            quoteIconFill: '#B689E5',
+            triangleIconFill: '#E7DEF1',
+        },
+    ],
+    heading: 'Customer Reviews',
+    subHeading: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients. ',
+    handleNextClick: function () { return void 0; },
+    handlePreviousClick: function () { return void 0; },
+    onSwiper: function () { return void 0; },
+    isSectionBgEnabled: true,
+};

package/organisms/customer-reviews/type.d.ts

@@ -0,0 +1,19 @@
+export interface Review {
+    quote: string;
+    personImage: string;
+    name: string;
+    role: string;
+    rating: number;
+    isTrustPilot: boolean;
+    quoteIconFill: string;
+    triangleIconFill: string;
+}
+export interface CustomerReviewsProps {
+    reviews: Review[];
+    heading: string;
+    subHeading: string;
+    handleNextClick: () => void;
+    handlePreviousClick: () => void;
+    onSwiper: () => void;
+    isSectionBgEnabled?: boolean;
+}