@commandcenterio/convert-ui 0.0.5 → 0.0.7
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.js +193 -325
- package/dist/index.mjs +143 -251
- package/package.json +1 -1
- package/dist/index.css +0 -752
package/dist/index.js
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React3 = require('react');
|
|
5
|
+
var reactIntersectionObserver = require('react-intersection-observer');
|
|
6
|
+
var classNames = require('classnames');
|
|
7
|
+
var react = require('@gsap/react');
|
|
8
|
+
var gsap3 = require('gsap');
|
|
9
|
+
var ScrollTrigger = require('gsap/dist/ScrollTrigger');
|
|
10
|
+
var TextPlugin = require('gsap/dist/TextPlugin');
|
|
11
|
+
var ScrollTrigger$1 = require('gsap/ScrollTrigger');
|
|
12
|
+
var fa6 = require('react-icons/fa6');
|
|
13
|
+
var Marquee = require('react-fast-marquee');
|
|
14
|
+
|
|
15
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
|
|
17
|
+
var React3__default = /*#__PURE__*/_interopDefault(React3);
|
|
18
|
+
var classNames__default = /*#__PURE__*/_interopDefault(classNames);
|
|
19
|
+
var gsap3__default = /*#__PURE__*/_interopDefault(gsap3);
|
|
20
|
+
var Marquee__default = /*#__PURE__*/_interopDefault(Marquee);
|
|
21
|
+
|
|
3
22
|
var __defProp = Object.defineProperty;
|
|
4
23
|
var __defProps = Object.defineProperties;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
24
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
25
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
10
26
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
27
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
28
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
@@ -34,94 +50,30 @@ var __objRest = (source, exclude) => {
|
|
|
34
50
|
}
|
|
35
51
|
return target;
|
|
36
52
|
};
|
|
37
|
-
var __export = (target, all) => {
|
|
38
|
-
for (var name in all)
|
|
39
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
40
|
-
};
|
|
41
|
-
var __copyProps = (to, from, except, desc) => {
|
|
42
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
43
|
-
for (let key of __getOwnPropNames(from))
|
|
44
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
45
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
46
|
-
}
|
|
47
|
-
return to;
|
|
48
|
-
};
|
|
49
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
50
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
51
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
52
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
53
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
54
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
55
|
-
mod
|
|
56
|
-
));
|
|
57
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
58
|
-
|
|
59
|
-
// src/index.tsx
|
|
60
|
-
var src_exports = {};
|
|
61
|
-
__export(src_exports, {
|
|
62
|
-
AccordionContainer: () => AccordionContainer,
|
|
63
|
-
AccordionItem: () => AccordionItem,
|
|
64
|
-
AnimateBorder: () => AnimateBorder,
|
|
65
|
-
AnimatedHeader: () => AnimatedHeader,
|
|
66
|
-
AnimationObserver: () => AnimationObserver,
|
|
67
|
-
BentoBox: () => BentoBox,
|
|
68
|
-
BookNow: () => BookNow,
|
|
69
|
-
Button: () => Button,
|
|
70
|
-
CTA: () => CTA,
|
|
71
|
-
CookieConsentForm: () => CookieConsentForm,
|
|
72
|
-
Footer: () => Footer,
|
|
73
|
-
Hero: () => Hero,
|
|
74
|
-
Masonry: () => Masonry,
|
|
75
|
-
Navbar: () => Navbar,
|
|
76
|
-
Offer: () => Offer,
|
|
77
|
-
PrettyCard: () => PrettyCard,
|
|
78
|
-
Ratings: () => Ratings,
|
|
79
|
-
SectionContainer: () => SectionContainer,
|
|
80
|
-
SectionHeader: () => SectionHeader,
|
|
81
|
-
SellingPropContainer: () => SellingPropContainer,
|
|
82
|
-
SellingProposition: () => SellingProposition,
|
|
83
|
-
StackedScroller: () => StackedScroller,
|
|
84
|
-
TestimonialCard: () => TestimonialCard,
|
|
85
|
-
TestimonialDisplay: () => TestimonialDisplay
|
|
86
|
-
});
|
|
87
|
-
module.exports = __toCommonJS(src_exports);
|
|
88
|
-
|
|
89
|
-
// src/Accordion/Accordion.tsx
|
|
90
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
91
53
|
var AccordionContainer = ({ children }) => {
|
|
92
|
-
return /* @__PURE__ */
|
|
54
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "join join-vertical w-full", children });
|
|
93
55
|
};
|
|
94
56
|
var AccordionItem = ({ title, content, isOpen = false }) => {
|
|
95
|
-
return /* @__PURE__ */
|
|
96
|
-
/* @__PURE__ */
|
|
97
|
-
/* @__PURE__ */
|
|
98
|
-
/* @__PURE__ */
|
|
57
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "collapse collapse-arrow join-item border border-base-300 bg-dark-200 text-base-content", children: [
|
|
58
|
+
/* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", name: "my-accordion-4", defaultChecked: isOpen }),
|
|
59
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "collapse-title text-xl font-medium", children: title }),
|
|
60
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "collapse-content p-0", style: { padding: "0 !important" }, children: content })
|
|
99
61
|
] });
|
|
100
62
|
};
|
|
101
|
-
|
|
102
|
-
// src/Observer/AnimationObserver.tsx
|
|
103
|
-
var import_react = require("react");
|
|
104
|
-
var import_react_intersection_observer = require("react-intersection-observer");
|
|
105
63
|
var AnimationObserver = function({
|
|
106
64
|
children,
|
|
107
65
|
animationClassNames,
|
|
108
66
|
threshold = 0.2,
|
|
109
67
|
defaultClassNames
|
|
110
68
|
}) {
|
|
111
|
-
const { ref, inView } =
|
|
69
|
+
const { ref, inView } = reactIntersectionObserver.useInView({
|
|
112
70
|
threshold
|
|
113
71
|
});
|
|
114
|
-
return
|
|
72
|
+
return React3.cloneElement(children, {
|
|
115
73
|
ref,
|
|
116
74
|
className: `${children.props.className} ${inView ? animationClassNames : defaultClassNames}`.trim()
|
|
117
75
|
});
|
|
118
76
|
};
|
|
119
|
-
|
|
120
|
-
// src/BorderAnimation/BorderAnimation.tsx
|
|
121
|
-
var import_react2 = require("react");
|
|
122
|
-
var import_react_intersection_observer2 = require("react-intersection-observer");
|
|
123
|
-
var import_classnames = __toESM(require("classnames"));
|
|
124
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
125
77
|
var AnimateBorder = ({
|
|
126
78
|
elementToAnimate,
|
|
127
79
|
children,
|
|
@@ -130,13 +82,13 @@ var AnimateBorder = ({
|
|
|
130
82
|
iconsToAnimate,
|
|
131
83
|
borderRadius = "lg"
|
|
132
84
|
}) => {
|
|
133
|
-
const parentRef =
|
|
134
|
-
const { inView, ref: viewRef } =
|
|
85
|
+
const parentRef = React3.useRef(null);
|
|
86
|
+
const { inView, ref: viewRef } = reactIntersectionObserver.useInView({ threshold: 0.2 });
|
|
135
87
|
const cloneElementWithAnimation = (element, index = 0) => {
|
|
136
88
|
const animationDelay = `${index * 0.5}s`;
|
|
137
|
-
return
|
|
89
|
+
return React3.cloneElement(element, {
|
|
138
90
|
style: __spreadProps(__spreadValues({}, element.props.style), { animationDelay }),
|
|
139
|
-
className:
|
|
91
|
+
className: classNames__default.default({
|
|
140
92
|
"absolute": inView,
|
|
141
93
|
"hidden": !inView,
|
|
142
94
|
"ml-4": index !== 0,
|
|
@@ -147,7 +99,7 @@ var AnimateBorder = ({
|
|
|
147
99
|
};
|
|
148
100
|
const clonedAnimatedElement = elementToAnimate && cloneElementWithAnimation(elementToAnimate);
|
|
149
101
|
const clonedIconElements = iconsToAnimate == null ? void 0 : iconsToAnimate.map(cloneElementWithAnimation);
|
|
150
|
-
|
|
102
|
+
React3.useEffect(() => {
|
|
151
103
|
const handleResize = () => {
|
|
152
104
|
if (parentRef.current) {
|
|
153
105
|
document.documentElement.style.setProperty("--parent-width", `${parentRef.current.offsetWidth}px`);
|
|
@@ -160,13 +112,13 @@ var AnimateBorder = ({
|
|
|
160
112
|
window.addEventListener("resize", handleResize);
|
|
161
113
|
return () => window.removeEventListener("resize", handleResize);
|
|
162
114
|
}, []);
|
|
163
|
-
return /* @__PURE__ */
|
|
164
|
-
/* @__PURE__ */
|
|
115
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
116
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { ref: viewRef, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: viewRef, className: `relative ${hideOverflow && "overflow-hidden"}`, children: [
|
|
165
117
|
clonedAnimatedElement && !hideOverflow && clonedAnimatedElement,
|
|
166
118
|
clonedIconElements && hideOverflow && clonedIconElements,
|
|
167
|
-
/* @__PURE__ */
|
|
119
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { ref: parentRef, className: "flex items-center z-50 relative justify-center p-1", children })
|
|
168
120
|
] }) }),
|
|
169
|
-
/* @__PURE__ */
|
|
121
|
+
/* @__PURE__ */ jsxRuntime.jsx("style", { children: `
|
|
170
122
|
::root {
|
|
171
123
|
/* --border-radius: 0px; */
|
|
172
124
|
--parent-height: 0px;
|
|
@@ -197,14 +149,7 @@ var AnimateBorder = ({
|
|
|
197
149
|
` })
|
|
198
150
|
] });
|
|
199
151
|
};
|
|
200
|
-
|
|
201
|
-
// src/AnimatedHeader/AnimatedHeader.tsx
|
|
202
|
-
var import_react3 = require("@gsap/react");
|
|
203
|
-
var import_gsap = require("gsap");
|
|
204
|
-
var import_ScrollTrigger = require("gsap/ScrollTrigger");
|
|
205
|
-
var import_TextPlugin = require("gsap/TextPlugin");
|
|
206
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
207
|
-
import_gsap.gsap.registerPlugin(import_TextPlugin.TextPlugin, import_ScrollTrigger.ScrollTrigger);
|
|
152
|
+
gsap3.gsap.registerPlugin(TextPlugin.TextPlugin, ScrollTrigger.ScrollTrigger);
|
|
208
153
|
var AnimatedHeader = function({
|
|
209
154
|
textToAnimate,
|
|
210
155
|
textClassNames,
|
|
@@ -217,8 +162,8 @@ var AnimatedHeader = function({
|
|
|
217
162
|
}) {
|
|
218
163
|
const modifiedId = "#" + identifiers.child;
|
|
219
164
|
const modifiedParentId = "#" + identifiers.parent;
|
|
220
|
-
|
|
221
|
-
|
|
165
|
+
react.useGSAP(() => {
|
|
166
|
+
gsap3.gsap.timeline().fromTo(
|
|
222
167
|
modifiedId,
|
|
223
168
|
{
|
|
224
169
|
scale: scaleAnimation.start
|
|
@@ -244,23 +189,19 @@ var AnimatedHeader = function({
|
|
|
244
189
|
}
|
|
245
190
|
);
|
|
246
191
|
}, []);
|
|
247
|
-
return /* @__PURE__ */
|
|
192
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
248
193
|
"div",
|
|
249
194
|
{
|
|
250
195
|
id: identifiers.parent,
|
|
251
196
|
className: `flex items-center justify-center ${containerClassNames} `,
|
|
252
|
-
children: /* @__PURE__ */
|
|
197
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("h2", { id: identifiers.child, className: textClassNames })
|
|
253
198
|
}
|
|
254
199
|
);
|
|
255
200
|
};
|
|
256
|
-
|
|
257
|
-
// src/Bento/BentoBox.tsx
|
|
258
|
-
var import_react4 = __toESM(require("react"));
|
|
259
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
260
201
|
var BentoBox = ({ children, classNames: classNames2 = "" }) => {
|
|
261
|
-
return /* @__PURE__ */
|
|
202
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "@container", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classNames2}`, children: React3__default.default.Children.map(
|
|
262
203
|
children,
|
|
263
|
-
(child, index) =>
|
|
204
|
+
(child, index) => React3__default.default.isValidElement(child) ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
264
205
|
"div",
|
|
265
206
|
{
|
|
266
207
|
className: child.props.className,
|
|
@@ -270,10 +211,6 @@ var BentoBox = ({ children, classNames: classNames2 = "" }) => {
|
|
|
270
211
|
) : null
|
|
271
212
|
) }) });
|
|
272
213
|
};
|
|
273
|
-
|
|
274
|
-
// src/BookNow/BookNow.tsx
|
|
275
|
-
var import_react5 = require("react");
|
|
276
|
-
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
277
214
|
var BookNow = ({
|
|
278
215
|
scriptPathUrl,
|
|
279
216
|
show,
|
|
@@ -282,7 +219,7 @@ var BookNow = ({
|
|
|
282
219
|
className,
|
|
283
220
|
dataPath
|
|
284
221
|
}) => {
|
|
285
|
-
|
|
222
|
+
React3.useEffect(() => {
|
|
286
223
|
if (show) {
|
|
287
224
|
if (document.getElementById("calendar-script")) {
|
|
288
225
|
return;
|
|
@@ -301,13 +238,13 @@ var BookNow = ({
|
|
|
301
238
|
};
|
|
302
239
|
}
|
|
303
240
|
}, [show, scriptPathUrl, vendor]);
|
|
304
|
-
return /* @__PURE__ */
|
|
241
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
305
242
|
"div",
|
|
306
243
|
{
|
|
307
244
|
id: "book-now",
|
|
308
245
|
className: `w-[100%] ${className}`,
|
|
309
246
|
style: { display: show ? "block" : "none" },
|
|
310
|
-
children: /* @__PURE__ */
|
|
247
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
311
248
|
"div",
|
|
312
249
|
{
|
|
313
250
|
className: `${vendor === "tidycal" && "tidycal-embed"} ${vendor === "calendly" && "calendly-inline-widget h-[700px] min-w-[320px]"}`,
|
|
@@ -318,12 +255,6 @@ var BookNow = ({
|
|
|
318
255
|
}
|
|
319
256
|
);
|
|
320
257
|
};
|
|
321
|
-
|
|
322
|
-
// src/CookieConsentForm/cookieformstyles.module.css
|
|
323
|
-
var cookieformstyles_default = {};
|
|
324
|
-
|
|
325
|
-
// src/CookieConsentForm/CookieConsentForm.tsx
|
|
326
|
-
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
327
258
|
var CookieConsentForm = function({
|
|
328
259
|
positionX,
|
|
329
260
|
positionY,
|
|
@@ -342,27 +273,27 @@ var CookieConsentForm = function({
|
|
|
342
273
|
onReject();
|
|
343
274
|
}
|
|
344
275
|
};
|
|
345
|
-
return show ? /* @__PURE__ */
|
|
276
|
+
return show ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
346
277
|
"div",
|
|
347
278
|
{
|
|
348
279
|
className: `z-[100] h-auto w-full max-w-[350px] rounded-box p-4 shadow-lg @container ${type} ${positionX} ${positionY} ${classNames2}`,
|
|
349
280
|
children: [
|
|
350
|
-
/* @__PURE__ */
|
|
351
|
-
/* @__PURE__ */
|
|
352
|
-
/* @__PURE__ */
|
|
353
|
-
/* @__PURE__ */
|
|
281
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-xl font-semibold", children: cookieHeader }),
|
|
282
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-sm", children: cookieText }),
|
|
283
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-start gap-2", children: [
|
|
284
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
354
285
|
"button",
|
|
355
286
|
{
|
|
356
287
|
onClick: () => handleSelection(true),
|
|
357
|
-
className:
|
|
288
|
+
className: "btn btn-primary btn-sm rounded-box",
|
|
358
289
|
children: "Accept"
|
|
359
290
|
}
|
|
360
291
|
),
|
|
361
|
-
/* @__PURE__ */
|
|
292
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
362
293
|
"button",
|
|
363
294
|
{
|
|
364
295
|
onClick: () => handleSelection(false),
|
|
365
|
-
className:
|
|
296
|
+
className: "btn btn-outline btn-sm rounded-box",
|
|
366
297
|
children: "Reject"
|
|
367
298
|
}
|
|
368
299
|
)
|
|
@@ -371,9 +302,6 @@ var CookieConsentForm = function({
|
|
|
371
302
|
}
|
|
372
303
|
) : null;
|
|
373
304
|
};
|
|
374
|
-
|
|
375
|
-
// src/CTA/CTA.tsx
|
|
376
|
-
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
377
305
|
var CTA = function({
|
|
378
306
|
type = "basic",
|
|
379
307
|
ctaText,
|
|
@@ -387,25 +315,22 @@ var CTA = function({
|
|
|
387
315
|
const renderCTALayout = () => {
|
|
388
316
|
switch (type) {
|
|
389
317
|
case "emphasized":
|
|
390
|
-
return /* @__PURE__ */
|
|
318
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", {});
|
|
391
319
|
case "minimal":
|
|
392
|
-
return /* @__PURE__ */
|
|
320
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", {});
|
|
393
321
|
default:
|
|
394
|
-
return /* @__PURE__ */
|
|
395
|
-
/* @__PURE__ */
|
|
396
|
-
/* @__PURE__ */
|
|
397
|
-
/* @__PURE__ */
|
|
398
|
-
/* @__PURE__ */
|
|
322
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${basicLayoutStyles} @container`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-center @2xl:flex-row gap-8", children: [
|
|
323
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-center gap-2 @2xl:items-start", children: [
|
|
324
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-center text-sm font-semibold uppercase tracking-[0.5px] text-secondary", children: smallheading }),
|
|
325
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-center text-3xl font-semibold @2xl:text-start", children: subheading }),
|
|
326
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-center opacity-60 @2xl:text-start", children: paragraph })
|
|
399
327
|
] }),
|
|
400
|
-
/* @__PURE__ */
|
|
328
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-50 flex flex-col min-w-[15vw] items-center @2xl:items-end", children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick, className: "btn btn-primary w-full transform duration-300 hover:scale-[0.95] @xl:w-auto", children: ctaText }) })
|
|
401
329
|
] }) });
|
|
402
330
|
}
|
|
403
331
|
};
|
|
404
332
|
return renderCTALayout();
|
|
405
333
|
};
|
|
406
|
-
|
|
407
|
-
// src/Footer/Footer.tsx
|
|
408
|
-
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
409
334
|
var Footer = function({
|
|
410
335
|
links,
|
|
411
336
|
logo,
|
|
@@ -420,16 +345,16 @@ var Footer = function({
|
|
|
420
345
|
const logoHeightStyle = {
|
|
421
346
|
"--footer-logo-height": logoHeight
|
|
422
347
|
};
|
|
423
|
-
return /* @__PURE__ */
|
|
424
|
-
leftElement ? /* @__PURE__ */
|
|
425
|
-
/* @__PURE__ */
|
|
426
|
-
/* @__PURE__ */
|
|
348
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full @container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "footer flex w-full flex-col items-center justify-center gap-10 bg-base-200 p-10 text-base-content @xl:flex-row @xl:items-start", children: [
|
|
349
|
+
leftElement ? /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "flex flex-col items-center justify-center gap-4 mt-auto px-8 border-b-[1px] pb-4 border-base-100 md:border-r-[1px] md:border-b-0 md:pb-0 md:mt-0", children: leftElement }) : /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "flex flex-col items-center justify-center gap-4 mt-auto px-8 border-b-[1px] pb-4 border-base-100 md:border-r-[1px] md:border-b-0 md:pb-0 md:mt-0", children: [
|
|
350
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: logoHeightStyle, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo || "", alt: "Company Logo", className: "h-[var(--footer-logo-height)]" }) }),
|
|
351
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { children: logoText })
|
|
427
352
|
] }),
|
|
428
353
|
links == null ? void 0 : links.map((item, index) => {
|
|
429
|
-
return /* @__PURE__ */
|
|
430
|
-
/* @__PURE__ */
|
|
354
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("nav", { children: [
|
|
355
|
+
/* @__PURE__ */ jsxRuntime.jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: item.header }),
|
|
431
356
|
item.links.map((link, index2) => {
|
|
432
|
-
return /* @__PURE__ */
|
|
357
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
433
358
|
"a",
|
|
434
359
|
{
|
|
435
360
|
className: "link-hover link mx-auto @xl:mx-0",
|
|
@@ -441,26 +366,26 @@ var Footer = function({
|
|
|
441
366
|
})
|
|
442
367
|
] }, index);
|
|
443
368
|
}),
|
|
444
|
-
socialLinks && /* @__PURE__ */
|
|
445
|
-
/* @__PURE__ */
|
|
369
|
+
socialLinks && /* @__PURE__ */ jsxRuntime.jsxs("nav", { children: [
|
|
370
|
+
/* @__PURE__ */ jsxRuntime.jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: "Social" }),
|
|
446
371
|
socialLinks == null ? void 0 : socialLinks.map((link, index) => {
|
|
447
|
-
return /* @__PURE__ */
|
|
372
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
448
373
|
"a",
|
|
449
374
|
{
|
|
450
375
|
href: link.url,
|
|
451
376
|
className: "link-hover link mx-auto @xl:mx-0",
|
|
452
|
-
children: /* @__PURE__ */
|
|
377
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(link.icon, { className: "text-base-content", size: 30 })
|
|
453
378
|
},
|
|
454
379
|
index
|
|
455
380
|
);
|
|
456
381
|
})
|
|
457
382
|
] }),
|
|
458
|
-
openingHours && /* @__PURE__ */
|
|
459
|
-
/* @__PURE__ */
|
|
383
|
+
openingHours && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 w-fit", children: [
|
|
384
|
+
/* @__PURE__ */ jsxRuntime.jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: openingHours.header }),
|
|
460
385
|
openingHours.hours.map(({ day, openingTime }, index, arr) => {
|
|
461
|
-
return /* @__PURE__ */
|
|
462
|
-
/* @__PURE__ */
|
|
463
|
-
/* @__PURE__ */
|
|
386
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-[200px] justify-between", children: [
|
|
387
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "inline-block w-fit", children: day }),
|
|
388
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
464
389
|
"p",
|
|
465
390
|
{
|
|
466
391
|
className: `inline-block w-fit ${openingTime === "Closed" && "font-semibold"}`,
|
|
@@ -472,9 +397,6 @@ var Footer = function({
|
|
|
472
397
|
] })
|
|
473
398
|
] }) });
|
|
474
399
|
};
|
|
475
|
-
|
|
476
|
-
// src/Hero/Hero.tsx
|
|
477
|
-
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
478
400
|
var Hero = function({
|
|
479
401
|
styleType,
|
|
480
402
|
headline,
|
|
@@ -487,35 +409,31 @@ var Hero = function({
|
|
|
487
409
|
}) {
|
|
488
410
|
const backgroundImageStyle = styleType === "Image" && imageSrc ? { backgroundImage: `url(${imageSrc})` } : {};
|
|
489
411
|
const overlayOpacityStyle = styleType === "Image" ? { opacity: imageOverlayOpacity } : {};
|
|
490
|
-
return /* @__PURE__ */
|
|
412
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
491
413
|
"div",
|
|
492
414
|
{
|
|
493
415
|
style: backgroundImageStyle,
|
|
494
416
|
className: `${classNames2} hero relative w-full overflow-hidden @container`,
|
|
495
417
|
"aria-label": styleType === "Image" ? imageAlt : void 0,
|
|
496
418
|
children: [
|
|
497
|
-
styleType === "Image" && /* @__PURE__ */
|
|
498
|
-
/* @__PURE__ */
|
|
499
|
-
headline && /* @__PURE__ */
|
|
500
|
-
subheadline && /* @__PURE__ */
|
|
419
|
+
styleType === "Image" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: overlayOpacityStyle, className: "hero-overlay absolute left-0 top-0 z-0 h-[100%] w-[100%] bg-base-100" }),
|
|
420
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hero-content flex h-auto pt-48 max-w-3xl flex-col gap-4 text-center md:gap-6", children: [
|
|
421
|
+
headline && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl font-bold md:text-5xl lg:text-6xl xl:text-7xl", children: headline }),
|
|
422
|
+
subheadline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 mt-6 text-base sm:text-lg", children: subheadline }),
|
|
501
423
|
children
|
|
502
424
|
] })
|
|
503
425
|
]
|
|
504
426
|
}
|
|
505
427
|
);
|
|
506
428
|
};
|
|
507
|
-
|
|
508
|
-
// src/Masonry/Masonry.tsx
|
|
509
|
-
var import_react6 = __toESM(require("react"));
|
|
510
|
-
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
511
429
|
var Masonry = ({
|
|
512
430
|
children,
|
|
513
431
|
classNames: classNames2 = "mx-auto w-full columns-1 space-y-4 p-4 @2xl:columns-2 @3xl:columns-3 @4xl:w-[90%] @5xl:w-[85%]",
|
|
514
432
|
itemMaxWidth = "max-w-[425px]"
|
|
515
433
|
}) => {
|
|
516
|
-
return /* @__PURE__ */
|
|
434
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full @container", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classNames2}`, children: React3__default.default.Children.map(
|
|
517
435
|
children,
|
|
518
|
-
(child, index) =>
|
|
436
|
+
(child, index) => React3__default.default.isValidElement(child) ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
519
437
|
"div",
|
|
520
438
|
{
|
|
521
439
|
className: `${child.props.className} mx-auto ${itemMaxWidth}`,
|
|
@@ -525,9 +443,6 @@ var Masonry = ({
|
|
|
525
443
|
) : null
|
|
526
444
|
) }) });
|
|
527
445
|
};
|
|
528
|
-
|
|
529
|
-
// src/Navbar/Navbar.tsx
|
|
530
|
-
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
531
446
|
var Navbar = function({
|
|
532
447
|
logo,
|
|
533
448
|
links,
|
|
@@ -539,7 +454,7 @@ var Navbar = function({
|
|
|
539
454
|
}) {
|
|
540
455
|
const renderMenuItem = () => {
|
|
541
456
|
return links.map((link, idx) => {
|
|
542
|
-
return /* @__PURE__ */
|
|
457
|
+
return /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, className: "btn btn-sm btn-ghost", children: link.text }, idx);
|
|
543
458
|
});
|
|
544
459
|
};
|
|
545
460
|
const roundedClassNames = type === "rounded" ? "navbar mx-auto flex max-w-[95%] items-center justify-between rounded-full bg-base-200 px-4 py-2 shadow-sm @xl:max-w-[90%] @2xl:max-w-[85%] @3xl:max-w-[80%] @4xl:max-w-[75%]" : null;
|
|
@@ -548,20 +463,16 @@ var Navbar = function({
|
|
|
548
463
|
const containerClasses = roundedClassNames || fullClassNames || defaultClassNames;
|
|
549
464
|
const logoHeight = maxLogoHeight ? maxLogoHeight : "50px";
|
|
550
465
|
const logoHeightStyle = { "--logo-height": logoHeight };
|
|
551
|
-
return /* @__PURE__ */
|
|
552
|
-
!!children ? /* @__PURE__ */
|
|
553
|
-
/* @__PURE__ */
|
|
554
|
-
/* @__PURE__ */
|
|
555
|
-
/* @__PURE__ */
|
|
556
|
-
/* @__PURE__ */
|
|
466
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full @container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${containerClasses} ${classNames2}`, children: [
|
|
467
|
+
!!children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row justify-between items-center", children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[var(--logo-height)]", style: logoHeightStyle, children: /* @__PURE__ */ jsxRuntime.jsx("img", { className: "h-[var(--logo-height)]", src: logo || "", alt: "logo" }) }),
|
|
468
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1 @2xl:flex flex-nowrap", children: renderMenuItem() }),
|
|
469
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1 @2xl:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "items-start", children: [
|
|
470
|
+
/* @__PURE__ */ jsxRuntime.jsx("summary", { children: "Navigate" }),
|
|
471
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 absolute bg-base-300 rounded-box mt-2 p-4", children: renderMenuItem() })
|
|
557
472
|
] }) }) }),
|
|
558
473
|
ctaElement && ctaElement
|
|
559
474
|
] }) });
|
|
560
475
|
};
|
|
561
|
-
|
|
562
|
-
// src/Offer/Offer.tsx
|
|
563
|
-
var import_react7 = require("react");
|
|
564
|
-
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
565
476
|
var Offer = ({
|
|
566
477
|
offer,
|
|
567
478
|
offerDateEnd,
|
|
@@ -571,13 +482,13 @@ var Offer = ({
|
|
|
571
482
|
fontSize = "text-3xl",
|
|
572
483
|
classNames: classNames2 = "p-4 bg-accent text-white"
|
|
573
484
|
}) => {
|
|
574
|
-
const [timeRemaining, setTimeRemaining] =
|
|
485
|
+
const [timeRemaining, setTimeRemaining] = React3.useState({
|
|
575
486
|
days: 0,
|
|
576
487
|
hours: 0,
|
|
577
488
|
minutes: 0,
|
|
578
489
|
seconds: 0
|
|
579
490
|
});
|
|
580
|
-
|
|
491
|
+
React3.useEffect(() => {
|
|
581
492
|
const intervalId = setInterval(() => updateCountdown(offerDateEnd), 1e3);
|
|
582
493
|
return () => clearInterval(intervalId);
|
|
583
494
|
}, [offerDateEnd]);
|
|
@@ -594,39 +505,32 @@ var Offer = ({
|
|
|
594
505
|
const days = Math.floor(difference / (1e3 * 60 * 60 * 24));
|
|
595
506
|
setTimeRemaining({ days, hours, minutes, seconds });
|
|
596
507
|
}
|
|
597
|
-
return /* @__PURE__ */
|
|
598
|
-
/* @__PURE__ */
|
|
599
|
-
/* @__PURE__ */
|
|
600
|
-
/* @__PURE__ */
|
|
601
|
-
/* @__PURE__ */
|
|
602
|
-
/* @__PURE__ */
|
|
508
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full flex items-center justify-between ${classNames2}`, children: [
|
|
509
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col flex-1 justify-center items-start", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "offer_text", children: offer }) }),
|
|
510
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 items-center justify-center", children: [
|
|
511
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "invisible w-0 grid grid-flow-col gap-5 text-center auto-cols-max md:visible md:w-auto", children: [
|
|
512
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
|
|
513
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { "--value": timeRemaining.days } }) }),
|
|
603
514
|
"days"
|
|
604
515
|
] }),
|
|
605
|
-
/* @__PURE__ */
|
|
606
|
-
/* @__PURE__ */
|
|
516
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
|
|
517
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { "--value": timeRemaining.hours } }) }),
|
|
607
518
|
"hours"
|
|
608
519
|
] }),
|
|
609
|
-
/* @__PURE__ */
|
|
610
|
-
/* @__PURE__ */
|
|
520
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
|
|
521
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { "--value": timeRemaining.minutes } }) }),
|
|
611
522
|
"min"
|
|
612
523
|
] }),
|
|
613
|
-
/* @__PURE__ */
|
|
614
|
-
/* @__PURE__ */
|
|
524
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
|
|
525
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { "--value": timeRemaining.seconds } }) }),
|
|
615
526
|
"sec"
|
|
616
527
|
] })
|
|
617
528
|
] }),
|
|
618
|
-
ctaText && /* @__PURE__ */
|
|
529
|
+
ctaText && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: ctaFunctionality, className: btnClassnames, children: ctaText })
|
|
619
530
|
] })
|
|
620
531
|
] });
|
|
621
532
|
};
|
|
622
|
-
|
|
623
|
-
// src/PrettyCard/PrettyCard.tsx
|
|
624
|
-
var import_react8 = __toESM(require("react"));
|
|
625
|
-
var import_react9 = require("@gsap/react");
|
|
626
|
-
var import_gsap2 = require("gsap");
|
|
627
|
-
var import_ScrollTrigger2 = require("gsap/ScrollTrigger");
|
|
628
|
-
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
629
|
-
import_gsap2.gsap.registerPlugin(import_ScrollTrigger2.ScrollTrigger);
|
|
533
|
+
gsap3.gsap.registerPlugin(ScrollTrigger$1.ScrollTrigger);
|
|
630
534
|
var PrettyCard = ({
|
|
631
535
|
buttonText,
|
|
632
536
|
altButtonJsx,
|
|
@@ -637,13 +541,13 @@ var PrettyCard = ({
|
|
|
637
541
|
showAnimationOnce = false,
|
|
638
542
|
className = "relative bg-base-300/40 z-10 box-border shadow-lg flex flex-col items-center justify-end md:h-[38.75rem] mb-5 p-12 rounded-box overflow-hidden lg:h-[38.75rem] lg:p-20 xl:h-[45.75rem]"
|
|
639
543
|
}) => {
|
|
640
|
-
|
|
544
|
+
react.useGSAP(() => {
|
|
641
545
|
let btnId = "#cta-button";
|
|
642
|
-
if (
|
|
546
|
+
if (React3__default.default.isValidElement(altButtonJsx)) {
|
|
643
547
|
const { id } = altButtonJsx.props;
|
|
644
548
|
btnId = "#" + id;
|
|
645
549
|
}
|
|
646
|
-
const tl =
|
|
550
|
+
const tl = gsap3.gsap.timeline();
|
|
647
551
|
tl.fromTo(
|
|
648
552
|
"#gradient-element",
|
|
649
553
|
{
|
|
@@ -722,13 +626,13 @@ var PrettyCard = ({
|
|
|
722
626
|
);
|
|
723
627
|
}, []);
|
|
724
628
|
const gradient = gradientColors ? `bg-gradient-to-br ${gradientColors.start} ${gradientColors.end}` : "bg-gradient-to-br from-accent to-primary";
|
|
725
|
-
return /* @__PURE__ */
|
|
629
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
726
630
|
"div",
|
|
727
631
|
{
|
|
728
632
|
id: "parent-element",
|
|
729
633
|
className: `${className}`,
|
|
730
634
|
children: [
|
|
731
|
-
/* @__PURE__ */
|
|
635
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 flex justify-center md:justify-start lg:left-0 lg:top-0 w-full h-full pointer-events-none xl:w-auto", children: cardImage && /* @__PURE__ */ jsxRuntime.jsx(
|
|
732
636
|
"img",
|
|
733
637
|
{
|
|
734
638
|
id: "image-element",
|
|
@@ -739,15 +643,15 @@ var PrettyCard = ({
|
|
|
739
643
|
src: cardImage
|
|
740
644
|
}
|
|
741
645
|
) }),
|
|
742
|
-
/* @__PURE__ */
|
|
646
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { id: "card-element", className: `relative z-10 lg:ml-auto`, children: [
|
|
743
647
|
content,
|
|
744
648
|
children
|
|
745
649
|
] }),
|
|
746
|
-
/* @__PURE__ */
|
|
650
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full justify-center absolute px-4 bottom-4 lg:justify-start", children: [
|
|
747
651
|
altButtonJsx && altButtonJsx,
|
|
748
|
-
!altButtonJsx && buttonText && /* @__PURE__ */
|
|
652
|
+
!altButtonJsx && buttonText && /* @__PURE__ */ jsxRuntime.jsx("button", { id: "cta-button", className: "btn btn-primary z-10 shadow-md", children: buttonText })
|
|
749
653
|
] }),
|
|
750
|
-
/* @__PURE__ */
|
|
654
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
751
655
|
"div",
|
|
752
656
|
{
|
|
753
657
|
id: "gradient-element",
|
|
@@ -759,23 +663,19 @@ var PrettyCard = ({
|
|
|
759
663
|
}
|
|
760
664
|
);
|
|
761
665
|
};
|
|
762
|
-
|
|
763
|
-
// src/Ratings/Ratings.tsx
|
|
764
|
-
var import_fa6 = require("react-icons/fa6");
|
|
765
|
-
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
766
666
|
var Ratings = function({ imagesSrc, rating, trusted, column }) {
|
|
767
|
-
return /* @__PURE__ */
|
|
667
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4 @container", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
768
668
|
"div",
|
|
769
669
|
{
|
|
770
670
|
className: `mx-auto flex items-center justify-center ${column && "flex-col"} gap-2`,
|
|
771
671
|
children: [
|
|
772
|
-
imagesSrc && imagesSrc.length > 0 && /* @__PURE__ */
|
|
773
|
-
return /* @__PURE__ */
|
|
672
|
+
imagesSrc && imagesSrc.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "@apply relative h-[45px] w-[165px]", children: imagesSrc == null ? void 0 : imagesSrc.map((src, idx) => {
|
|
673
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
774
674
|
"div",
|
|
775
675
|
{
|
|
776
676
|
style: { left: `${idx * 30}px` },
|
|
777
677
|
className: "@apply absolute flex h-[40px] w-[40px] items-center justify-center rounded-full bg-base-100",
|
|
778
|
-
children: /* @__PURE__ */
|
|
678
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
779
679
|
"img",
|
|
780
680
|
{
|
|
781
681
|
src,
|
|
@@ -789,22 +689,22 @@ var Ratings = function({ imagesSrc, rating, trusted, column }) {
|
|
|
789
689
|
idx
|
|
790
690
|
);
|
|
791
691
|
}) }),
|
|
792
|
-
/* @__PURE__ */
|
|
692
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
793
693
|
"div",
|
|
794
694
|
{
|
|
795
695
|
className: `flex flex-col gap-2 ${column && "items-center"}`,
|
|
796
696
|
children: [
|
|
797
|
-
/* @__PURE__ */
|
|
697
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "@apply text-left text-xs", children: [
|
|
798
698
|
"Trusted by ",
|
|
799
|
-
/* @__PURE__ */
|
|
699
|
+
/* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
|
|
800
700
|
trusted || 100,
|
|
801
701
|
"+"
|
|
802
702
|
] }),
|
|
803
703
|
" people"
|
|
804
704
|
] }),
|
|
805
|
-
/* @__PURE__ */
|
|
806
|
-
return /* @__PURE__ */
|
|
807
|
-
|
|
705
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "@apply flex w-full items-center justify-center", children: [...Array(5)].map((_, idx) => {
|
|
706
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
707
|
+
fa6.FaStar,
|
|
808
708
|
{
|
|
809
709
|
size: 22.5,
|
|
810
710
|
className: `
|
|
@@ -820,16 +720,10 @@ var Ratings = function({ imagesSrc, rating, trusted, column }) {
|
|
|
820
720
|
}
|
|
821
721
|
) });
|
|
822
722
|
};
|
|
823
|
-
|
|
824
|
-
// src/SectionContainer/SectionContainer.tsx
|
|
825
|
-
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
826
723
|
var SectionContainer = ({ children, classNames: classNames2, padded = true, id }) => {
|
|
827
724
|
const paddingClasses = padded ? "px-4 py-12 sm:px-8 sm:py-20 md:px-16 md:py-30 lg:px-30 lg:py-32" : "";
|
|
828
|
-
return /* @__PURE__ */
|
|
725
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${paddingClasses} ${classNames2}`, id: id || "", children });
|
|
829
726
|
};
|
|
830
|
-
|
|
831
|
-
// src/SectionHeader/SectionHeader.tsx
|
|
832
|
-
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
833
727
|
var SectionHeader = function({
|
|
834
728
|
headline,
|
|
835
729
|
subheadline,
|
|
@@ -845,50 +739,44 @@ var SectionHeader = function({
|
|
|
845
739
|
const HeadlineTag = headlineTag;
|
|
846
740
|
const alignmentClass = `${breakpoint}:text-${mobileAlignment} text-${desktopAlignment}`;
|
|
847
741
|
const twoColumnClasses = `flex flex-col ${breakpoint}:flex-row gap-${gap} w-full justify-between items-center`;
|
|
848
|
-
return /* @__PURE__ */
|
|
742
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
849
743
|
"div",
|
|
850
744
|
{
|
|
851
745
|
className: `w-full ${classNames2 || ""} mb-${Number(gap) * 2}`,
|
|
852
|
-
children: /* @__PURE__ */
|
|
746
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
853
747
|
"div",
|
|
854
748
|
{
|
|
855
749
|
className: `${isTwoColumnLayout ? twoColumnClasses : ""}`,
|
|
856
750
|
"data-breakpoint": breakpoint,
|
|
857
751
|
children: [
|
|
858
|
-
/* @__PURE__ */
|
|
859
|
-
/* @__PURE__ */
|
|
860
|
-
subheadline && /* @__PURE__ */
|
|
752
|
+
/* @__PURE__ */ jsxRuntime.jsxs("article", { className: `prose ${alignmentClass} gap-${gap} flex flex-col`, children: [
|
|
753
|
+
/* @__PURE__ */ jsxRuntime.jsx(HeadlineTag, { className: "text-4xl font-bold", children: headline }),
|
|
754
|
+
subheadline && /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "text-2xl font-semibold", children: subheadline })
|
|
861
755
|
] }),
|
|
862
|
-
isTwoColumnLayout && /* @__PURE__ */
|
|
756
|
+
isTwoColumnLayout && /* @__PURE__ */ jsxRuntime.jsx("div", { children })
|
|
863
757
|
]
|
|
864
758
|
}
|
|
865
759
|
)
|
|
866
760
|
}
|
|
867
761
|
);
|
|
868
762
|
};
|
|
869
|
-
|
|
870
|
-
// src/SellingProposition/SellingProposition.tsx
|
|
871
|
-
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
872
763
|
var SellingProposition = function({
|
|
873
764
|
sellingItems,
|
|
874
765
|
containerClassNames
|
|
875
766
|
}) {
|
|
876
|
-
return /* @__PURE__ */
|
|
767
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[100%] @container", children: sellingItems == null ? void 0 : sellingItems.map((item, index) => {
|
|
877
768
|
if (typeof item.a === "string") {
|
|
878
|
-
item.a = /* @__PURE__ */
|
|
769
|
+
item.a = /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: item.a } });
|
|
879
770
|
}
|
|
880
771
|
if (typeof item.b === "string") {
|
|
881
|
-
item.b = /* @__PURE__ */
|
|
772
|
+
item.b = /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: item.b } });
|
|
882
773
|
}
|
|
883
|
-
return /* @__PURE__ */
|
|
884
|
-
/* @__PURE__ */
|
|
885
|
-
/* @__PURE__ */
|
|
774
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `mx-auto mb-8 flex w-[100%] flex-col items-center gap-2 rounded-box py-4 @xs:w-[90%] @sm:w-[85%] @md:max-w-[500px] @3xl:w-[100%] @3xl:max-w-[900px] @3xl:flex-row ${containerClassNames}`, children: [
|
|
775
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "card grid w-full max-w-[95%] flex-grow place-items-center rounded-box @3xl:max-w-[50%] @3xl:p-8", children: index % 2 === 0 ? item.a : item.b }),
|
|
776
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "card grid w-full max-w-[95%] flex-grow place-items-center rounded-box @3xl:max-w-[50%] @3xl:p-8", children: index % 2 === 0 ? item.b : item.a })
|
|
886
777
|
] }, index);
|
|
887
778
|
}) });
|
|
888
779
|
};
|
|
889
|
-
|
|
890
|
-
// src/SellingPropContainer/SellingPropContainer.tsx
|
|
891
|
-
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
892
780
|
var SellingPropContainer = function({
|
|
893
781
|
smallHeader,
|
|
894
782
|
mainHeader,
|
|
@@ -896,24 +784,17 @@ var SellingPropContainer = function({
|
|
|
896
784
|
ctaText,
|
|
897
785
|
ctaFunctionality
|
|
898
786
|
}) {
|
|
899
|
-
return /* @__PURE__ */
|
|
900
|
-
/* @__PURE__ */
|
|
901
|
-
/* @__PURE__ */
|
|
787
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full @container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-center justify-between gap-4 p-4", children: [
|
|
788
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm font-semibold uppercase text-secondary", children: smallHeader }),
|
|
789
|
+
/* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-center text-2xl font-bold", children: [
|
|
902
790
|
mainHeader,
|
|
903
791
|
mainHeader
|
|
904
792
|
] }),
|
|
905
|
-
/* @__PURE__ */
|
|
906
|
-
ctaText && /* @__PURE__ */
|
|
793
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center", children: text }),
|
|
794
|
+
ctaText && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "btn btn-outline", onClick: ctaFunctionality, children: ctaText })
|
|
907
795
|
] }) });
|
|
908
796
|
};
|
|
909
|
-
|
|
910
|
-
// src/StackedScroller/StackedScroller.tsx
|
|
911
|
-
var import_gsap3 = __toESM(require("gsap"));
|
|
912
|
-
var import_react10 = require("@gsap/react");
|
|
913
|
-
var import_ScrollTrigger3 = require("gsap/ScrollTrigger");
|
|
914
|
-
var import_react11 = require("react");
|
|
915
|
-
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
916
|
-
import_gsap3.default.registerPlugin(import_ScrollTrigger3.ScrollTrigger);
|
|
797
|
+
gsap3__default.default.registerPlugin(ScrollTrigger$1.ScrollTrigger);
|
|
917
798
|
var StackedScroller = function({
|
|
918
799
|
services,
|
|
919
800
|
defaultHeading,
|
|
@@ -922,14 +803,14 @@ var StackedScroller = function({
|
|
|
922
803
|
activeContainerClassNames,
|
|
923
804
|
defaultContainerClassNames
|
|
924
805
|
}) {
|
|
925
|
-
const [firstRound, setFirstRound] =
|
|
806
|
+
const [firstRound, setFirstRound] = React3.useState(true);
|
|
926
807
|
const newServices = services.map((item, index) => {
|
|
927
808
|
return __spreadProps(__spreadValues({}, item), {
|
|
928
809
|
id: "item-" + (index + 1),
|
|
929
810
|
active: false
|
|
930
811
|
});
|
|
931
812
|
});
|
|
932
|
-
const [activeElements, setActiveElements] =
|
|
813
|
+
const [activeElements, setActiveElements] = React3.useState(newServices);
|
|
933
814
|
const updateActiveElements = (id) => {
|
|
934
815
|
const newOne = newServices.map((item, index) => {
|
|
935
816
|
if (id === `item-${index + 1}`)
|
|
@@ -942,9 +823,9 @@ var StackedScroller = function({
|
|
|
942
823
|
const newActiveElements = updateActiveElements(id);
|
|
943
824
|
setActiveElements(newActiveElements);
|
|
944
825
|
};
|
|
945
|
-
|
|
826
|
+
react.useGSAP(() => {
|
|
946
827
|
newServices.forEach(({ id }, index) => {
|
|
947
|
-
|
|
828
|
+
gsap3__default.default.fromTo(
|
|
948
829
|
`#${id}`,
|
|
949
830
|
{
|
|
950
831
|
opacity: firstRound ? 0 : 1,
|
|
@@ -979,26 +860,26 @@ var StackedScroller = function({
|
|
|
979
860
|
);
|
|
980
861
|
});
|
|
981
862
|
}, [firstRound]);
|
|
982
|
-
return /* @__PURE__ */
|
|
863
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
983
864
|
"div",
|
|
984
865
|
{
|
|
985
866
|
id: "stacked-scroller",
|
|
986
867
|
className: "w-full py-6 flex flex-col items-center gap-20",
|
|
987
868
|
children: newServices.map(({ text, title, id }, index) => {
|
|
988
|
-
return /* @__PURE__ */
|
|
869
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
989
870
|
"div",
|
|
990
871
|
{
|
|
991
872
|
id,
|
|
992
873
|
className: `${activeElements[index].active && activeContainerClassNames} ${defaultContainerClassNames} max-w-[90vw] sm:max-w-[80vw] md:max-w-[75vw] duration-200 lg:max-w-[65vw] flex p-4 flex-col gap-2 items-center`,
|
|
993
874
|
children: [
|
|
994
|
-
/* @__PURE__ */
|
|
875
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
995
876
|
"h4",
|
|
996
877
|
{
|
|
997
878
|
className: `${activeElements[index].active ? activeHeaderClassNames : defaultHeading} `,
|
|
998
879
|
children: title
|
|
999
880
|
}
|
|
1000
881
|
),
|
|
1001
|
-
/* @__PURE__ */
|
|
882
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: activeTextClassNames, children: text })
|
|
1002
883
|
]
|
|
1003
884
|
},
|
|
1004
885
|
index
|
|
@@ -1007,45 +888,37 @@ var StackedScroller = function({
|
|
|
1007
888
|
}
|
|
1008
889
|
);
|
|
1009
890
|
};
|
|
1010
|
-
|
|
1011
|
-
// src/TestimonialCard/TestimonialCard.tsx
|
|
1012
|
-
var import_fa62 = require("react-icons/fa6");
|
|
1013
|
-
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1014
891
|
var TestimonialCard = function({
|
|
1015
892
|
testimonialContent,
|
|
1016
893
|
carousel,
|
|
1017
894
|
classNames: classNames2 = ""
|
|
1018
895
|
}) {
|
|
1019
896
|
const { text, author, photoUrl, link, companyOrPosition } = testimonialContent;
|
|
1020
|
-
return /* @__PURE__ */
|
|
897
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1021
898
|
"div",
|
|
1022
899
|
{
|
|
1023
900
|
className: `${classNames2} ${carousel ? "gap-4" : "m-0"} relative flex w-auto break-inside-avoid flex-col items-center justify-center gap-4 rounded-box p-2 px-1 py-4 @container @md:p-4`,
|
|
1024
901
|
children: [
|
|
1025
|
-
/* @__PURE__ */
|
|
1026
|
-
/* @__PURE__ */
|
|
1027
|
-
/* @__PURE__ */
|
|
1028
|
-
/* @__PURE__ */
|
|
1029
|
-
photoUrl ? /* @__PURE__ */
|
|
1030
|
-
/* @__PURE__ */
|
|
1031
|
-
/* @__PURE__ */
|
|
1032
|
-
/* @__PURE__ */
|
|
902
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full items-center justify-center text-4xl opacity-30 @sm:justify-end @sm:text-2xl @lg:text-4xl", children: /* @__PURE__ */ jsxRuntime.jsx(fa6.FaQuoteLeft, {}) }),
|
|
903
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex w-full items-center justify-center p-0 text-center leading-[22px] @sm:justify-start @sm:px-6 @sm:py-2 @sm:text-left", children: text }),
|
|
904
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-2 h-[0.5px] w-full border-t border-base-content opacity-10" }),
|
|
905
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-center gap-2 px-6 py-2 opacity-70 @sm:flex-row @sm:items-start @sm:gap-4", children: [
|
|
906
|
+
photoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: photoUrl, alt: "user profile image", className: "rounded-full max-w-[50px]" }) : /* @__PURE__ */ jsxRuntime.jsx(fa6.FaRegUser, { className: "my-auto h-auto text-inherit" }),
|
|
907
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "", children: [
|
|
908
|
+
/* @__PURE__ */ jsxRuntime.jsx("a", { href: link || "", className: "w-full text-center text-sm @sm:text-left", children: author }),
|
|
909
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "w-full text-center text-sm @sm:text-left", children: companyOrPosition })
|
|
1033
910
|
] })
|
|
1034
911
|
] })
|
|
1035
912
|
]
|
|
1036
913
|
}
|
|
1037
914
|
);
|
|
1038
915
|
};
|
|
1039
|
-
|
|
1040
|
-
// src/TestimonialDisplay/TestimonialDisplay.tsx
|
|
1041
|
-
var import_react_fast_marquee = __toESM(require("react-fast-marquee"));
|
|
1042
|
-
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1043
916
|
var TestimonialDisplay = function({
|
|
1044
917
|
style,
|
|
1045
918
|
children
|
|
1046
919
|
}) {
|
|
1047
|
-
return /* @__PURE__ */
|
|
1048
|
-
|
|
920
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "@container w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "box-border flex items-center justify-center @container/inner", children: style === "carousel" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
921
|
+
Marquee__default.default,
|
|
1049
922
|
{
|
|
1050
923
|
play: true,
|
|
1051
924
|
className: "max-w-[90vw]",
|
|
@@ -1057,40 +930,35 @@ var TestimonialDisplay = function({
|
|
|
1057
930
|
pauseOnClick: true,
|
|
1058
931
|
children
|
|
1059
932
|
}
|
|
1060
|
-
) : /* @__PURE__ */
|
|
933
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full columns-1 gap-4 p-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4", children }) }) });
|
|
1061
934
|
};
|
|
1062
|
-
|
|
1063
|
-
// src/button.tsx
|
|
1064
|
-
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1065
935
|
function Button(_a) {
|
|
1066
936
|
var _b = _a, { children } = _b, other = __objRest(_b, ["children"]);
|
|
1067
|
-
return /* @__PURE__ */
|
|
937
|
+
return /* @__PURE__ */ jsxRuntime.jsx("button", __spreadProps(__spreadValues({ type: "button" }, other), { children }));
|
|
1068
938
|
}
|
|
1069
939
|
Button.displayName = "Button";
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
TestimonialDisplay
|
|
1096
|
-
});
|
|
940
|
+
|
|
941
|
+
exports.AccordionContainer = AccordionContainer;
|
|
942
|
+
exports.AccordionItem = AccordionItem;
|
|
943
|
+
exports.AnimateBorder = AnimateBorder;
|
|
944
|
+
exports.AnimatedHeader = AnimatedHeader;
|
|
945
|
+
exports.AnimationObserver = AnimationObserver;
|
|
946
|
+
exports.BentoBox = BentoBox;
|
|
947
|
+
exports.BookNow = BookNow;
|
|
948
|
+
exports.Button = Button;
|
|
949
|
+
exports.CTA = CTA;
|
|
950
|
+
exports.CookieConsentForm = CookieConsentForm;
|
|
951
|
+
exports.Footer = Footer;
|
|
952
|
+
exports.Hero = Hero;
|
|
953
|
+
exports.Masonry = Masonry;
|
|
954
|
+
exports.Navbar = Navbar;
|
|
955
|
+
exports.Offer = Offer;
|
|
956
|
+
exports.PrettyCard = PrettyCard;
|
|
957
|
+
exports.Ratings = Ratings;
|
|
958
|
+
exports.SectionContainer = SectionContainer;
|
|
959
|
+
exports.SectionHeader = SectionHeader;
|
|
960
|
+
exports.SellingPropContainer = SellingPropContainer;
|
|
961
|
+
exports.SellingProposition = SellingProposition;
|
|
962
|
+
exports.StackedScroller = StackedScroller;
|
|
963
|
+
exports.TestimonialCard = TestimonialCard;
|
|
964
|
+
exports.TestimonialDisplay = TestimonialDisplay;
|