@appcorp/app-corp-vista 0.2.58 → 0.2.60
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.
|
@@ -12,11 +12,11 @@ var solid_1 = require("@heroicons/react/20/solid");
|
|
|
12
12
|
var image_1 = __importDefault(require("next/image"));
|
|
13
13
|
var NavBar = function (_a) {
|
|
14
14
|
var companyName = _a.companyName, handleMenuOpen = _a.handleMenuOpen, items = _a.items, _b = _a.loginVisible, loginVisible = _b === void 0 ? false : _b, logoAlt = _a.logoAlt, logoSrc = _a.logoSrc, menuOpen = _a.menuOpen;
|
|
15
|
-
return (react_1.default.createElement(
|
|
16
|
-
react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-
|
|
15
|
+
return (react_1.default.createElement("div", { className: "shadow-md" },
|
|
16
|
+
react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-2 lg:px-8" },
|
|
17
17
|
react_1.default.createElement("div", { className: "flex lg:flex-1" },
|
|
18
18
|
react_1.default.createElement("div", { className: "relative size-16" },
|
|
19
|
-
react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: "
|
|
19
|
+
react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: "16vw", src: logoSrc, width: 0 }))),
|
|
20
20
|
react_1.default.createElement("div", { className: "flex lg:hidden" },
|
|
21
21
|
react_1.default.createElement("button", { className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700", onClick: function () { return handleMenuOpen(true); }, type: "button" },
|
|
22
22
|
react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
|
|
@@ -53,8 +53,9 @@ var dynamic_1 = __importDefault(require("next/dynamic"));
|
|
|
53
53
|
var react_1 = __importDefault(require("react"));
|
|
54
54
|
var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
|
|
55
55
|
var vista_button_type_1 = require("../../type/vista-button-type");
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
// import "slick-carousel/slick/slick.css";
|
|
57
|
+
// import "slick-carousel/slick/slick-theme.css";
|
|
58
|
+
var image_1 = __importDefault(require("next/image"));
|
|
58
59
|
var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-slick')); }); }, {
|
|
59
60
|
loading: function () { return react_1.default.createElement("div", { className: 'max-h-5/12' }, "Loading..."); },
|
|
60
61
|
ssr: false,
|
|
@@ -74,7 +75,7 @@ var VistaHeroV13 = function (_a) {
|
|
|
74
75
|
return (react_1.default.createElement("div", { className: "slider-container overflow-x-hidden w-full max-h-5/12 ".concat(containerClassName) },
|
|
75
76
|
react_1.default.createElement(DynamicReactSlick, __assign({}, settings), items.map(function (item) { return (react_1.default.createElement("div", { key: item.heading },
|
|
76
77
|
react_1.default.createElement("div", { className: "relative isolate overflow-hidden pt-14" },
|
|
77
|
-
react_1.default.createElement(
|
|
78
|
+
react_1.default.createElement(image_1.default, { alt: item.bannerAlt, className: "absolute inset-0 -z-10 size-full object-cover bg-primary bg-blend-multiply", height: 0, priority: true, sizes: '100vw', src: item.bannerSrc, width: 0 }),
|
|
78
79
|
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" },
|
|
79
80
|
react_1.default.createElement("div", { style: {
|
|
80
81
|
clipPath: 'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
|
|
@@ -91,7 +92,7 @@ var VistaHeroV13 = function (_a) {
|
|
|
91
92
|
"Read more ",
|
|
92
93
|
react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))) : (react_1.default.createElement("div", { className: 'min-h-16' })),
|
|
93
94
|
react_1.default.createElement("div", { className: "text-center" },
|
|
94
|
-
react_1.default.createElement("h1", { className: "text-5xl font-semibold tracking-tight text-balance text-white sm:text-7xl" }, item.heading),
|
|
95
|
+
react_1.default.createElement("h1", { className: "text-5xl text-shadow-lg text-shadow-primary font-semibold tracking-tight text-balance text-white sm:text-7xl" }, item.heading),
|
|
95
96
|
item.description && (react_1.default.createElement("p", { className: "mt-8 text-lg font-medium text-pretty text-white sm:text-xl/8" }, item.description)),
|
|
96
97
|
react_1.default.createElement("div", { className: "mt-10 flex items-center justify-center gap-x-6" }, item.ctas.map(function (cta) { return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: cta.handleOnClick, key: cta.order, label: cta.label, size: vista_button_type_1.VISTA_BUTTON_SIZE.XL, variant: cta.variant })); }))))),
|
|
97
98
|
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" },
|