@appcorp/kismaa-web-ui 0.2.16 → 0.2.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -11,13 +11,13 @@ var link_1 = __importDefault(require("next/link"));
|
|
|
11
11
|
var Disclaimer = function () {
|
|
12
12
|
var currentYear = new Date().getFullYear();
|
|
13
13
|
return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-gray-200 !py-4" },
|
|
14
|
-
react_1.default.createElement("div", { className: "kismaa-container grid grid-cols-
|
|
15
|
-
react_1.default.createElement("div", { className: "col-span-
|
|
14
|
+
react_1.default.createElement("div", { className: "kismaa-container grid grid-cols-1 items-center gap-4 text-gray-600 md:grid-cols-5" },
|
|
15
|
+
react_1.default.createElement("div", { className: "col-span-1 flex justify-start md:col-span-4" },
|
|
16
16
|
react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P3, className: "text-gray-500" },
|
|
17
17
|
"\u00A9 ",
|
|
18
18
|
currentYear,
|
|
19
19
|
" Kismaa, Inc. Kismaa is a platform for spiritual and personal guidance. Readings provided by advisors are for informational and entertainment purposes only and should not be considered a substitute for professional advice in legal, medical, financial, or psychological matters. Users are responsible for their own decisions and actions.")),
|
|
20
|
-
react_1.default.createElement("div", { className: "col-span-1 flex justify-end" },
|
|
20
|
+
react_1.default.createElement("div", { className: "col-span-1 flex justify-center md:justify-end" },
|
|
21
21
|
react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P3 },
|
|
22
22
|
react_1.default.createElement(link_1.default, { className: "text-primary hover:text-secondary font-medium hover:underline", target: "_blank", href: "https://appcorp.org" }, "\uD83D\uDE80 Tech Partners"))))));
|
|
23
23
|
};
|
|
@@ -83,12 +83,12 @@ var Footer = function (_a) {
|
|
|
83
83
|
react_1.default.createElement("div", { className: "text-neutral-800" },
|
|
84
84
|
react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H5 }, "Quick Links")),
|
|
85
85
|
react_1.default.createElement("div", { className: "mt-6 grid grid-cols-2 gap-14 text-neutral-800" },
|
|
86
|
-
react_1.default.createElement("div", { className: "flex flex-col gap-4" }, quickLinksLeft.slice(0,
|
|
86
|
+
react_1.default.createElement("div", { className: "flex flex-col gap-4" }, quickLinksLeft.slice(0, 6).map(function (_a, index) {
|
|
87
87
|
var label = _a.label, href = _a.href;
|
|
88
88
|
return (react_1.default.createElement(link_1.default, { key: index, href: href, className: "cursor-pointer" },
|
|
89
89
|
react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH4 }, label)));
|
|
90
90
|
})),
|
|
91
|
-
react_1.default.createElement("div", { className: "flex flex-col gap-4" }, quickLinksRight.slice(0,
|
|
91
|
+
react_1.default.createElement("div", { className: "flex flex-col gap-4" }, quickLinksRight.slice(0, 6).map(function (_a, index) {
|
|
92
92
|
var label = _a.label, href = _a.href;
|
|
93
93
|
return (react_1.default.createElement(link_1.default, { key: index, href: href, className: "cursor-pointer" },
|
|
94
94
|
react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH4 }, label)));
|
|
@@ -56,28 +56,46 @@ exports.footerData = {
|
|
|
56
56
|
order: 4,
|
|
57
57
|
},
|
|
58
58
|
{
|
|
59
|
-
label: '
|
|
60
|
-
href: '/
|
|
59
|
+
label: 'Contact',
|
|
60
|
+
href: '/contact',
|
|
61
61
|
enabled: true,
|
|
62
62
|
order: 5,
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
label: '
|
|
66
|
-
href: '/
|
|
65
|
+
label: 'Blog1',
|
|
66
|
+
href: '/blog1',
|
|
67
67
|
enabled: true,
|
|
68
68
|
order: 6,
|
|
69
69
|
},
|
|
70
70
|
{
|
|
71
|
-
label: '
|
|
72
|
-
href: '/
|
|
71
|
+
label: 'Blog2',
|
|
72
|
+
href: '/blog2',
|
|
73
73
|
enabled: true,
|
|
74
74
|
order: 7,
|
|
75
75
|
},
|
|
76
76
|
{
|
|
77
|
-
label: '
|
|
78
|
-
href: '/
|
|
77
|
+
label: 'Blog3',
|
|
78
|
+
href: '/blog3',
|
|
79
79
|
enabled: true,
|
|
80
80
|
order: 8,
|
|
81
81
|
},
|
|
82
|
+
{
|
|
83
|
+
label: 'Blog4',
|
|
84
|
+
href: '/blog4',
|
|
85
|
+
enabled: true,
|
|
86
|
+
order: 9,
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
label: 'Blog5',
|
|
90
|
+
href: '/blog5',
|
|
91
|
+
enabled: true,
|
|
92
|
+
order: 10,
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
label: 'Blog6',
|
|
96
|
+
href: '/blog6',
|
|
97
|
+
enabled: true,
|
|
98
|
+
order: 11,
|
|
99
|
+
},
|
|
82
100
|
],
|
|
83
101
|
};
|
|
@@ -10,7 +10,7 @@ var GetAppBanner = function (_a) {
|
|
|
10
10
|
var backgroundImageUrl = _a.backgroundImageUrl, _b = _a.bannerBgEnabled, bannerBgEnabled = _b === void 0 ? true : _b, getAppDescription = _a.getAppDescription, getAppHeading = _a.getAppHeading, handleAppStoreClick = _a.handleAppStoreClick, handlePlayStoreClick = _a.handlePlayStoreClick;
|
|
11
11
|
return (react_1.default.createElement("section", { className: "".concat(!bannerBgEnabled ? 'kismaa-section-spacing bg-white' : 'bg-gray-100') },
|
|
12
12
|
react_1.default.createElement("div", { className: "kismaa-container bg-gray-100" },
|
|
13
|
-
react_1.default.createElement("div", { className: "grid grid-cols-2" },
|
|
13
|
+
react_1.default.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2" },
|
|
14
14
|
react_1.default.createElement("div", { className: "w-full px-4 py-8 lg:py-16 lg:pl-14" },
|
|
15
15
|
react_1.default.createElement("div", { className: "text-slate-900/95" },
|
|
16
16
|
react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, getAppHeading)),
|
|
@@ -19,7 +19,7 @@ var GetAppBanner = function (_a) {
|
|
|
19
19
|
react_1.default.createElement("div", { className: "mt-8 flex gap-5 lg:mt-16" },
|
|
20
20
|
react_1.default.createElement(molecules_1.PlayStoreButton, { handleOnClick: handlePlayStoreClick }),
|
|
21
21
|
react_1.default.createElement(molecules_1.AppStoreButton, { handleOnClick: handleAppStoreClick }))),
|
|
22
|
-
react_1.default.createElement("div", { className: "rounded-md bg-gray-100 bg-cover ".concat(backgroundImageUrl ? '
|
|
22
|
+
react_1.default.createElement("div", { className: "hidden rounded-md bg-gray-100 bg-cover sm:block ".concat(backgroundImageUrl ? 'sm:bg-[image:var(--bg-image)]' : ''), style: {
|
|
23
23
|
'--bg-image': "url(".concat(backgroundImageUrl, ")"),
|
|
24
24
|
backgroundRepeat: 'no-repeat',
|
|
25
25
|
backgroundSize: 'cover',
|
|
@@ -14,7 +14,7 @@ var image_1 = __importDefault(require("next/image"));
|
|
|
14
14
|
var mega_menu_1 = require("../mega-menu");
|
|
15
15
|
var header_pointer_icon_1 = require("../../atoms/header-pointer-icon");
|
|
16
16
|
var Navbar = function (_a) {
|
|
17
|
-
var handleMegaMenuToggle = _a.handleMegaMenuToggle, handleSearch = _a.handleSearch, headerActions = _a.headerActions, isMobileMenuOpen = _a.isMobileMenuOpen, navLinks = _a.navLinks, toggleMobileMenu = _a.toggleMobileMenu;
|
|
17
|
+
var handleMegaMenuToggle = _a.handleMegaMenuToggle, handleSearch = _a.handleSearch, headerActions = _a.headerActions, isMobileMenuOpen = _a.isMobileMenuOpen, navLinks = _a.navLinks, _b = _a.showSearch, showSearch = _b === void 0 ? false : _b, toggleMobileMenu = _a.toggleMobileMenu;
|
|
18
18
|
var renderNavLink = function (link) {
|
|
19
19
|
var _a;
|
|
20
20
|
return (react_1.default.createElement("div", { key: link.label, className: "relative w-fit", onMouseEnter: handleMegaMenuToggle, onMouseLeave: handleMegaMenuToggle },
|
|
@@ -41,8 +41,8 @@ var Navbar = function (_a) {
|
|
|
41
41
|
.sort(function (a, b) { return a.order - b.order; })
|
|
42
42
|
.map(function (link) { return renderNavLink(link); })),
|
|
43
43
|
react_1.default.createElement("div", { className: "flex items-center justify-end gap-4" },
|
|
44
|
-
react_1.default.createElement("div", { className: "", onClick: handleSearch },
|
|
45
|
-
react_1.default.createElement(search_icon_1.SearchIcon, { className: "size-5 cursor-pointer" })),
|
|
44
|
+
showSearch && (react_1.default.createElement("div", { className: "", onClick: handleSearch },
|
|
45
|
+
react_1.default.createElement(search_icon_1.SearchIcon, { className: "size-5 cursor-pointer" }))),
|
|
46
46
|
react_1.default.createElement("div", { className: "flex items-center justify-end" }, headerActions
|
|
47
47
|
.filter(function (_a) {
|
|
48
48
|
var enabled = _a.enabled;
|
|
@@ -17,10 +17,11 @@ export interface NavbarHeaderActionItem {
|
|
|
17
17
|
type: BUTTON_TYPES;
|
|
18
18
|
}
|
|
19
19
|
export interface NavbarProps {
|
|
20
|
-
headerActions: NavbarHeaderActionItem[];
|
|
21
20
|
handleMegaMenuToggle: (e: MouseEvent<HTMLDivElement>) => void;
|
|
22
21
|
handleSearch: () => void;
|
|
22
|
+
headerActions: NavbarHeaderActionItem[];
|
|
23
23
|
isMobileMenuOpen: boolean;
|
|
24
24
|
navLinks: NavLinks[];
|
|
25
|
+
showSearch?: boolean;
|
|
25
26
|
toggleMobileMenu: () => void;
|
|
26
27
|
}
|