@commandcenterio/convert-ui 0.0.6 → 0.0.7
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.
- package/dist/index.js +193 -325
- package/dist/index.mjs +143 -251
- package/package.json +3 -3
- package/dist/index.css +0 -752
package/dist/index.mjs
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import React3, { cloneElement, useRef, useEffect, useState } from 'react';
|
|
3
|
+
import { useInView } from 'react-intersection-observer';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import { useGSAP } from '@gsap/react';
|
|
6
|
+
import gsap3, { gsap } from 'gsap';
|
|
7
|
+
import { ScrollTrigger } from 'gsap/ScrollTrigger';
|
|
8
|
+
import { TextPlugin } from 'gsap/TextPlugin';
|
|
9
|
+
import { FaStar, FaQuoteLeft, FaRegUser } from 'react-icons/fa6';
|
|
10
|
+
import Marquee from 'react-fast-marquee';
|
|
11
|
+
|
|
1
12
|
var __defProp = Object.defineProperty;
|
|
2
13
|
var __defProps = Object.defineProperties;
|
|
3
14
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
@@ -29,9 +40,6 @@ var __objRest = (source, exclude) => {
|
|
|
29
40
|
}
|
|
30
41
|
return target;
|
|
31
42
|
};
|
|
32
|
-
|
|
33
|
-
// src/Accordion/Accordion.tsx
|
|
34
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
35
43
|
var AccordionContainer = ({ children }) => {
|
|
36
44
|
return /* @__PURE__ */ jsx("div", { className: "join join-vertical w-full", children });
|
|
37
45
|
};
|
|
@@ -42,10 +50,6 @@ var AccordionItem = ({ title, content, isOpen = false }) => {
|
|
|
42
50
|
/* @__PURE__ */ jsx("div", { className: "collapse-content p-0", style: { padding: "0 !important" }, children: content })
|
|
43
51
|
] });
|
|
44
52
|
};
|
|
45
|
-
|
|
46
|
-
// src/Observer/AnimationObserver.tsx
|
|
47
|
-
import { cloneElement } from "react";
|
|
48
|
-
import { useInView } from "react-intersection-observer";
|
|
49
53
|
var AnimationObserver = function({
|
|
50
54
|
children,
|
|
51
55
|
animationClassNames,
|
|
@@ -60,12 +64,6 @@ var AnimationObserver = function({
|
|
|
60
64
|
className: `${children.props.className} ${inView ? animationClassNames : defaultClassNames}`.trim()
|
|
61
65
|
});
|
|
62
66
|
};
|
|
63
|
-
|
|
64
|
-
// src/BorderAnimation/BorderAnimation.tsx
|
|
65
|
-
import { cloneElement as cloneElement2, useEffect, useRef } from "react";
|
|
66
|
-
import { useInView as useInView2 } from "react-intersection-observer";
|
|
67
|
-
import classNames from "classnames";
|
|
68
|
-
import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
69
67
|
var AnimateBorder = ({
|
|
70
68
|
elementToAnimate,
|
|
71
69
|
children,
|
|
@@ -75,10 +73,10 @@ var AnimateBorder = ({
|
|
|
75
73
|
borderRadius = "lg"
|
|
76
74
|
}) => {
|
|
77
75
|
const parentRef = useRef(null);
|
|
78
|
-
const { inView, ref: viewRef } =
|
|
76
|
+
const { inView, ref: viewRef } = useInView({ threshold: 0.2 });
|
|
79
77
|
const cloneElementWithAnimation = (element, index = 0) => {
|
|
80
78
|
const animationDelay = `${index * 0.5}s`;
|
|
81
|
-
return
|
|
79
|
+
return cloneElement(element, {
|
|
82
80
|
style: __spreadProps(__spreadValues({}, element.props.style), { animationDelay }),
|
|
83
81
|
className: classNames({
|
|
84
82
|
"absolute": inView,
|
|
@@ -104,13 +102,13 @@ var AnimateBorder = ({
|
|
|
104
102
|
window.addEventListener("resize", handleResize);
|
|
105
103
|
return () => window.removeEventListener("resize", handleResize);
|
|
106
104
|
}, []);
|
|
107
|
-
return /* @__PURE__ */
|
|
108
|
-
/* @__PURE__ */
|
|
105
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
106
|
+
/* @__PURE__ */ jsx("div", { ref: viewRef, children: /* @__PURE__ */ jsxs("div", { ref: viewRef, className: `relative ${hideOverflow && "overflow-hidden"}`, children: [
|
|
109
107
|
clonedAnimatedElement && !hideOverflow && clonedAnimatedElement,
|
|
110
108
|
clonedIconElements && hideOverflow && clonedIconElements,
|
|
111
|
-
/* @__PURE__ */
|
|
109
|
+
/* @__PURE__ */ jsx("div", { ref: parentRef, className: "flex items-center z-50 relative justify-center p-1", children })
|
|
112
110
|
] }) }),
|
|
113
|
-
/* @__PURE__ */
|
|
111
|
+
/* @__PURE__ */ jsx("style", { children: `
|
|
114
112
|
::root {
|
|
115
113
|
/* --border-radius: 0px; */
|
|
116
114
|
--parent-height: 0px;
|
|
@@ -141,13 +139,6 @@ var AnimateBorder = ({
|
|
|
141
139
|
` })
|
|
142
140
|
] });
|
|
143
141
|
};
|
|
144
|
-
|
|
145
|
-
// src/AnimatedHeader/AnimatedHeader.tsx
|
|
146
|
-
import { useGSAP } from "@gsap/react";
|
|
147
|
-
import { gsap } from "gsap";
|
|
148
|
-
import { ScrollTrigger } from "gsap/ScrollTrigger";
|
|
149
|
-
import { TextPlugin } from "gsap/TextPlugin";
|
|
150
|
-
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
151
142
|
gsap.registerPlugin(TextPlugin, ScrollTrigger);
|
|
152
143
|
var AnimatedHeader = function({
|
|
153
144
|
textToAnimate,
|
|
@@ -188,23 +179,19 @@ var AnimatedHeader = function({
|
|
|
188
179
|
}
|
|
189
180
|
);
|
|
190
181
|
}, []);
|
|
191
|
-
return /* @__PURE__ */
|
|
182
|
+
return /* @__PURE__ */ jsx(
|
|
192
183
|
"div",
|
|
193
184
|
{
|
|
194
185
|
id: identifiers.parent,
|
|
195
186
|
className: `flex items-center justify-center ${containerClassNames} `,
|
|
196
|
-
children: /* @__PURE__ */
|
|
187
|
+
children: /* @__PURE__ */ jsx("h2", { id: identifiers.child, className: textClassNames })
|
|
197
188
|
}
|
|
198
189
|
);
|
|
199
190
|
};
|
|
200
|
-
|
|
201
|
-
// src/Bento/BentoBox.tsx
|
|
202
|
-
import React3 from "react";
|
|
203
|
-
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
204
191
|
var BentoBox = ({ children, classNames: classNames2 = "" }) => {
|
|
205
|
-
return /* @__PURE__ */
|
|
192
|
+
return /* @__PURE__ */ jsx("div", { className: "@container", children: /* @__PURE__ */ jsx("div", { className: `${classNames2}`, children: React3.Children.map(
|
|
206
193
|
children,
|
|
207
|
-
(child, index) => React3.isValidElement(child) ? /* @__PURE__ */
|
|
194
|
+
(child, index) => React3.isValidElement(child) ? /* @__PURE__ */ jsx(
|
|
208
195
|
"div",
|
|
209
196
|
{
|
|
210
197
|
className: child.props.className,
|
|
@@ -214,10 +201,6 @@ var BentoBox = ({ children, classNames: classNames2 = "" }) => {
|
|
|
214
201
|
) : null
|
|
215
202
|
) }) });
|
|
216
203
|
};
|
|
217
|
-
|
|
218
|
-
// src/BookNow/BookNow.tsx
|
|
219
|
-
import { useEffect as useEffect2 } from "react";
|
|
220
|
-
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
221
204
|
var BookNow = ({
|
|
222
205
|
scriptPathUrl,
|
|
223
206
|
show,
|
|
@@ -226,7 +209,7 @@ var BookNow = ({
|
|
|
226
209
|
className,
|
|
227
210
|
dataPath
|
|
228
211
|
}) => {
|
|
229
|
-
|
|
212
|
+
useEffect(() => {
|
|
230
213
|
if (show) {
|
|
231
214
|
if (document.getElementById("calendar-script")) {
|
|
232
215
|
return;
|
|
@@ -245,13 +228,13 @@ var BookNow = ({
|
|
|
245
228
|
};
|
|
246
229
|
}
|
|
247
230
|
}, [show, scriptPathUrl, vendor]);
|
|
248
|
-
return /* @__PURE__ */
|
|
231
|
+
return /* @__PURE__ */ jsx(
|
|
249
232
|
"div",
|
|
250
233
|
{
|
|
251
234
|
id: "book-now",
|
|
252
235
|
className: `w-[100%] ${className}`,
|
|
253
236
|
style: { display: show ? "block" : "none" },
|
|
254
|
-
children: /* @__PURE__ */
|
|
237
|
+
children: /* @__PURE__ */ jsx(
|
|
255
238
|
"div",
|
|
256
239
|
{
|
|
257
240
|
className: `${vendor === "tidycal" && "tidycal-embed"} ${vendor === "calendly" && "calendly-inline-widget h-[700px] min-w-[320px]"}`,
|
|
@@ -262,12 +245,6 @@ var BookNow = ({
|
|
|
262
245
|
}
|
|
263
246
|
);
|
|
264
247
|
};
|
|
265
|
-
|
|
266
|
-
// src/CookieConsentForm/cookieformstyles.module.css
|
|
267
|
-
var cookieformstyles_default = {};
|
|
268
|
-
|
|
269
|
-
// src/CookieConsentForm/CookieConsentForm.tsx
|
|
270
|
-
import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
271
248
|
var CookieConsentForm = function({
|
|
272
249
|
positionX,
|
|
273
250
|
positionY,
|
|
@@ -286,27 +263,27 @@ var CookieConsentForm = function({
|
|
|
286
263
|
onReject();
|
|
287
264
|
}
|
|
288
265
|
};
|
|
289
|
-
return show ? /* @__PURE__ */
|
|
266
|
+
return show ? /* @__PURE__ */ jsxs(
|
|
290
267
|
"div",
|
|
291
268
|
{
|
|
292
269
|
className: `z-[100] h-auto w-full max-w-[350px] rounded-box p-4 shadow-lg @container ${type} ${positionX} ${positionY} ${classNames2}`,
|
|
293
270
|
children: [
|
|
294
|
-
/* @__PURE__ */
|
|
295
|
-
/* @__PURE__ */
|
|
296
|
-
/* @__PURE__ */
|
|
297
|
-
/* @__PURE__ */
|
|
271
|
+
/* @__PURE__ */ jsx("p", { className: "mb-4 text-xl font-semibold", children: cookieHeader }),
|
|
272
|
+
/* @__PURE__ */ jsx("p", { className: "mb-4 text-sm", children: cookieText }),
|
|
273
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-2", children: [
|
|
274
|
+
/* @__PURE__ */ jsx(
|
|
298
275
|
"button",
|
|
299
276
|
{
|
|
300
277
|
onClick: () => handleSelection(true),
|
|
301
|
-
className:
|
|
278
|
+
className: "btn btn-primary btn-sm rounded-box",
|
|
302
279
|
children: "Accept"
|
|
303
280
|
}
|
|
304
281
|
),
|
|
305
|
-
/* @__PURE__ */
|
|
282
|
+
/* @__PURE__ */ jsx(
|
|
306
283
|
"button",
|
|
307
284
|
{
|
|
308
285
|
onClick: () => handleSelection(false),
|
|
309
|
-
className:
|
|
286
|
+
className: "btn btn-outline btn-sm rounded-box",
|
|
310
287
|
children: "Reject"
|
|
311
288
|
}
|
|
312
289
|
)
|
|
@@ -315,9 +292,6 @@ var CookieConsentForm = function({
|
|
|
315
292
|
}
|
|
316
293
|
) : null;
|
|
317
294
|
};
|
|
318
|
-
|
|
319
|
-
// src/CTA/CTA.tsx
|
|
320
|
-
import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
321
295
|
var CTA = function({
|
|
322
296
|
type = "basic",
|
|
323
297
|
ctaText,
|
|
@@ -331,25 +305,22 @@ var CTA = function({
|
|
|
331
305
|
const renderCTALayout = () => {
|
|
332
306
|
switch (type) {
|
|
333
307
|
case "emphasized":
|
|
334
|
-
return /* @__PURE__ */
|
|
308
|
+
return /* @__PURE__ */ jsx("div", {});
|
|
335
309
|
case "minimal":
|
|
336
|
-
return /* @__PURE__ */
|
|
310
|
+
return /* @__PURE__ */ jsx("div", {});
|
|
337
311
|
default:
|
|
338
|
-
return /* @__PURE__ */
|
|
339
|
-
/* @__PURE__ */
|
|
340
|
-
/* @__PURE__ */
|
|
341
|
-
/* @__PURE__ */
|
|
342
|
-
/* @__PURE__ */
|
|
312
|
+
return /* @__PURE__ */ jsx("div", { className: `${basicLayoutStyles} @container`, children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center @2xl:flex-row gap-8", children: [
|
|
313
|
+
/* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center gap-2 @2xl:items-start", children: [
|
|
314
|
+
/* @__PURE__ */ jsx("p", { className: "mb-3 text-center text-sm font-semibold uppercase tracking-[0.5px] text-secondary", children: smallheading }),
|
|
315
|
+
/* @__PURE__ */ jsx("h3", { className: "mb-4 text-center text-3xl font-semibold @2xl:text-start", children: subheading }),
|
|
316
|
+
/* @__PURE__ */ jsx("p", { className: "mb-4 text-center opacity-60 @2xl:text-start", children: paragraph })
|
|
343
317
|
] }),
|
|
344
|
-
/* @__PURE__ */
|
|
318
|
+
/* @__PURE__ */ jsx("div", { className: "relative z-50 flex flex-col min-w-[15vw] items-center @2xl:items-end", children: /* @__PURE__ */ jsx("button", { onClick, className: "btn btn-primary w-full transform duration-300 hover:scale-[0.95] @xl:w-auto", children: ctaText }) })
|
|
345
319
|
] }) });
|
|
346
320
|
}
|
|
347
321
|
};
|
|
348
322
|
return renderCTALayout();
|
|
349
323
|
};
|
|
350
|
-
|
|
351
|
-
// src/Footer/Footer.tsx
|
|
352
|
-
import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
353
324
|
var Footer = function({
|
|
354
325
|
links,
|
|
355
326
|
logo,
|
|
@@ -364,16 +335,16 @@ var Footer = function({
|
|
|
364
335
|
const logoHeightStyle = {
|
|
365
336
|
"--footer-logo-height": logoHeight
|
|
366
337
|
};
|
|
367
|
-
return /* @__PURE__ */
|
|
368
|
-
leftElement ? /* @__PURE__ */
|
|
369
|
-
/* @__PURE__ */
|
|
370
|
-
/* @__PURE__ */
|
|
338
|
+
return /* @__PURE__ */ jsx("div", { className: "h-full w-full @container", children: /* @__PURE__ */ 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: [
|
|
339
|
+
leftElement ? /* @__PURE__ */ 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__ */ 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: [
|
|
340
|
+
/* @__PURE__ */ jsx("div", { style: logoHeightStyle, children: /* @__PURE__ */ jsx("img", { src: logo || "", alt: "Company Logo", className: "h-[var(--footer-logo-height)]" }) }),
|
|
341
|
+
/* @__PURE__ */ jsx("p", { children: logoText })
|
|
371
342
|
] }),
|
|
372
343
|
links == null ? void 0 : links.map((item, index) => {
|
|
373
|
-
return /* @__PURE__ */
|
|
374
|
-
/* @__PURE__ */
|
|
344
|
+
return /* @__PURE__ */ jsxs("nav", { children: [
|
|
345
|
+
/* @__PURE__ */ jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: item.header }),
|
|
375
346
|
item.links.map((link, index2) => {
|
|
376
|
-
return /* @__PURE__ */
|
|
347
|
+
return /* @__PURE__ */ jsx(
|
|
377
348
|
"a",
|
|
378
349
|
{
|
|
379
350
|
className: "link-hover link mx-auto @xl:mx-0",
|
|
@@ -385,26 +356,26 @@ var Footer = function({
|
|
|
385
356
|
})
|
|
386
357
|
] }, index);
|
|
387
358
|
}),
|
|
388
|
-
socialLinks && /* @__PURE__ */
|
|
389
|
-
/* @__PURE__ */
|
|
359
|
+
socialLinks && /* @__PURE__ */ jsxs("nav", { children: [
|
|
360
|
+
/* @__PURE__ */ jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: "Social" }),
|
|
390
361
|
socialLinks == null ? void 0 : socialLinks.map((link, index) => {
|
|
391
|
-
return /* @__PURE__ */
|
|
362
|
+
return /* @__PURE__ */ jsx(
|
|
392
363
|
"a",
|
|
393
364
|
{
|
|
394
365
|
href: link.url,
|
|
395
366
|
className: "link-hover link mx-auto @xl:mx-0",
|
|
396
|
-
children: /* @__PURE__ */
|
|
367
|
+
children: /* @__PURE__ */ jsx(link.icon, { className: "text-base-content", size: 30 })
|
|
397
368
|
},
|
|
398
369
|
index
|
|
399
370
|
);
|
|
400
371
|
})
|
|
401
372
|
] }),
|
|
402
|
-
openingHours && /* @__PURE__ */
|
|
403
|
-
/* @__PURE__ */
|
|
373
|
+
openingHours && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 w-fit", children: [
|
|
374
|
+
/* @__PURE__ */ jsx("header", { className: "footer-title mx-auto @xl:mx-0", children: openingHours.header }),
|
|
404
375
|
openingHours.hours.map(({ day, openingTime }, index, arr) => {
|
|
405
|
-
return /* @__PURE__ */
|
|
406
|
-
/* @__PURE__ */
|
|
407
|
-
/* @__PURE__ */
|
|
376
|
+
return /* @__PURE__ */ jsxs("div", { className: "flex items-center w-[200px] justify-between", children: [
|
|
377
|
+
/* @__PURE__ */ jsx("p", { className: "inline-block w-fit", children: day }),
|
|
378
|
+
/* @__PURE__ */ jsx(
|
|
408
379
|
"p",
|
|
409
380
|
{
|
|
410
381
|
className: `inline-block w-fit ${openingTime === "Closed" && "font-semibold"}`,
|
|
@@ -416,9 +387,6 @@ var Footer = function({
|
|
|
416
387
|
] })
|
|
417
388
|
] }) });
|
|
418
389
|
};
|
|
419
|
-
|
|
420
|
-
// src/Hero/Hero.tsx
|
|
421
|
-
import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
422
390
|
var Hero = function({
|
|
423
391
|
styleType,
|
|
424
392
|
headline,
|
|
@@ -431,35 +399,31 @@ var Hero = function({
|
|
|
431
399
|
}) {
|
|
432
400
|
const backgroundImageStyle = styleType === "Image" && imageSrc ? { backgroundImage: `url(${imageSrc})` } : {};
|
|
433
401
|
const overlayOpacityStyle = styleType === "Image" ? { opacity: imageOverlayOpacity } : {};
|
|
434
|
-
return /* @__PURE__ */
|
|
402
|
+
return /* @__PURE__ */ jsxs(
|
|
435
403
|
"div",
|
|
436
404
|
{
|
|
437
405
|
style: backgroundImageStyle,
|
|
438
406
|
className: `${classNames2} hero relative w-full overflow-hidden @container`,
|
|
439
407
|
"aria-label": styleType === "Image" ? imageAlt : void 0,
|
|
440
408
|
children: [
|
|
441
|
-
styleType === "Image" && /* @__PURE__ */
|
|
442
|
-
/* @__PURE__ */
|
|
443
|
-
headline && /* @__PURE__ */
|
|
444
|
-
subheadline && /* @__PURE__ */
|
|
409
|
+
styleType === "Image" && /* @__PURE__ */ jsx("div", { style: overlayOpacityStyle, className: "hero-overlay absolute left-0 top-0 z-0 h-[100%] w-[100%] bg-base-100" }),
|
|
410
|
+
/* @__PURE__ */ jsxs("div", { className: "hero-content flex h-auto pt-48 max-w-3xl flex-col gap-4 text-center md:gap-6", children: [
|
|
411
|
+
headline && /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold md:text-5xl lg:text-6xl xl:text-7xl", children: headline }),
|
|
412
|
+
subheadline && /* @__PURE__ */ jsx("p", { className: "mb-8 mt-6 text-base sm:text-lg", children: subheadline }),
|
|
445
413
|
children
|
|
446
414
|
] })
|
|
447
415
|
]
|
|
448
416
|
}
|
|
449
417
|
);
|
|
450
418
|
};
|
|
451
|
-
|
|
452
|
-
// src/Masonry/Masonry.tsx
|
|
453
|
-
import React4 from "react";
|
|
454
|
-
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
455
419
|
var Masonry = ({
|
|
456
420
|
children,
|
|
457
421
|
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%]",
|
|
458
422
|
itemMaxWidth = "max-w-[425px]"
|
|
459
423
|
}) => {
|
|
460
|
-
return /* @__PURE__ */
|
|
424
|
+
return /* @__PURE__ */ jsx("div", { className: "h-full w-full @container", children: /* @__PURE__ */ jsx("div", { className: `${classNames2}`, children: React3.Children.map(
|
|
461
425
|
children,
|
|
462
|
-
(child, index) =>
|
|
426
|
+
(child, index) => React3.isValidElement(child) ? /* @__PURE__ */ jsx(
|
|
463
427
|
"div",
|
|
464
428
|
{
|
|
465
429
|
className: `${child.props.className} mx-auto ${itemMaxWidth}`,
|
|
@@ -469,9 +433,6 @@ var Masonry = ({
|
|
|
469
433
|
) : null
|
|
470
434
|
) }) });
|
|
471
435
|
};
|
|
472
|
-
|
|
473
|
-
// src/Navbar/Navbar.tsx
|
|
474
|
-
import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
475
436
|
var Navbar = function({
|
|
476
437
|
logo,
|
|
477
438
|
links,
|
|
@@ -483,7 +444,7 @@ var Navbar = function({
|
|
|
483
444
|
}) {
|
|
484
445
|
const renderMenuItem = () => {
|
|
485
446
|
return links.map((link, idx) => {
|
|
486
|
-
return /* @__PURE__ */
|
|
447
|
+
return /* @__PURE__ */ jsx("a", { href: link.link, className: "btn btn-sm btn-ghost", children: link.text }, idx);
|
|
487
448
|
});
|
|
488
449
|
};
|
|
489
450
|
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;
|
|
@@ -492,20 +453,16 @@ var Navbar = function({
|
|
|
492
453
|
const containerClasses = roundedClassNames || fullClassNames || defaultClassNames;
|
|
493
454
|
const logoHeight = maxLogoHeight ? maxLogoHeight : "50px";
|
|
494
455
|
const logoHeightStyle = { "--logo-height": logoHeight };
|
|
495
|
-
return /* @__PURE__ */
|
|
496
|
-
!!children ? /* @__PURE__ */
|
|
497
|
-
/* @__PURE__ */
|
|
498
|
-
/* @__PURE__ */
|
|
499
|
-
/* @__PURE__ */
|
|
500
|
-
/* @__PURE__ */
|
|
456
|
+
return /* @__PURE__ */ jsx("div", { className: "w-full @container", children: /* @__PURE__ */ jsxs("div", { className: `${containerClasses} ${classNames2}`, children: [
|
|
457
|
+
!!children ? /* @__PURE__ */ jsx("div", { className: "flex flex-row justify-between items-center", children }) : /* @__PURE__ */ jsx("div", { className: "h-[var(--logo-height)]", style: logoHeightStyle, children: /* @__PURE__ */ jsx("img", { className: "h-[var(--logo-height)]", src: logo || "", alt: "logo" }) }),
|
|
458
|
+
/* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1 @2xl:flex flex-nowrap", children: renderMenuItem() }),
|
|
459
|
+
/* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1 @2xl:hidden", children: /* @__PURE__ */ jsx("li", { className: "flex", children: /* @__PURE__ */ jsxs("details", { className: "items-start", children: [
|
|
460
|
+
/* @__PURE__ */ jsx("summary", { children: "Navigate" }),
|
|
461
|
+
/* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 absolute bg-base-300 rounded-box mt-2 p-4", children: renderMenuItem() })
|
|
501
462
|
] }) }) }),
|
|
502
463
|
ctaElement && ctaElement
|
|
503
464
|
] }) });
|
|
504
465
|
};
|
|
505
|
-
|
|
506
|
-
// src/Offer/Offer.tsx
|
|
507
|
-
import { useEffect as useEffect3, useState } from "react";
|
|
508
|
-
import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
509
466
|
var Offer = ({
|
|
510
467
|
offer,
|
|
511
468
|
offerDateEnd,
|
|
@@ -521,7 +478,7 @@ var Offer = ({
|
|
|
521
478
|
minutes: 0,
|
|
522
479
|
seconds: 0
|
|
523
480
|
});
|
|
524
|
-
|
|
481
|
+
useEffect(() => {
|
|
525
482
|
const intervalId = setInterval(() => updateCountdown(offerDateEnd), 1e3);
|
|
526
483
|
return () => clearInterval(intervalId);
|
|
527
484
|
}, [offerDateEnd]);
|
|
@@ -538,39 +495,32 @@ var Offer = ({
|
|
|
538
495
|
const days = Math.floor(difference / (1e3 * 60 * 60 * 24));
|
|
539
496
|
setTimeRemaining({ days, hours, minutes, seconds });
|
|
540
497
|
}
|
|
541
|
-
return /* @__PURE__ */
|
|
542
|
-
/* @__PURE__ */
|
|
543
|
-
/* @__PURE__ */
|
|
544
|
-
/* @__PURE__ */
|
|
545
|
-
/* @__PURE__ */
|
|
546
|
-
/* @__PURE__ */
|
|
498
|
+
return /* @__PURE__ */ jsxs("div", { className: `w-full flex items-center justify-between ${classNames2}`, children: [
|
|
499
|
+
/* @__PURE__ */ jsx("div", { className: "flex flex-col flex-1 justify-center items-start", children: /* @__PURE__ */ jsx("p", { className: "offer_text", children: offer }) }),
|
|
500
|
+
/* @__PURE__ */ jsxs("div", { className: "flex gap-4 items-center justify-center", children: [
|
|
501
|
+
/* @__PURE__ */ jsxs("div", { className: "invisible w-0 grid grid-flow-col gap-5 text-center auto-cols-max md:visible md:w-auto", children: [
|
|
502
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
503
|
+
/* @__PURE__ */ jsx("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsx("span", { style: { "--value": timeRemaining.days } }) }),
|
|
547
504
|
"days"
|
|
548
505
|
] }),
|
|
549
|
-
/* @__PURE__ */
|
|
550
|
-
/* @__PURE__ */
|
|
506
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
507
|
+
/* @__PURE__ */ jsx("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsx("span", { style: { "--value": timeRemaining.hours } }) }),
|
|
551
508
|
"hours"
|
|
552
509
|
] }),
|
|
553
|
-
/* @__PURE__ */
|
|
554
|
-
/* @__PURE__ */
|
|
510
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
511
|
+
/* @__PURE__ */ jsx("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsx("span", { style: { "--value": timeRemaining.minutes } }) }),
|
|
555
512
|
"min"
|
|
556
513
|
] }),
|
|
557
|
-
/* @__PURE__ */
|
|
558
|
-
/* @__PURE__ */
|
|
514
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
515
|
+
/* @__PURE__ */ jsx("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsx("span", { style: { "--value": timeRemaining.seconds } }) }),
|
|
559
516
|
"sec"
|
|
560
517
|
] })
|
|
561
518
|
] }),
|
|
562
|
-
ctaText && /* @__PURE__ */
|
|
519
|
+
ctaText && /* @__PURE__ */ jsx("button", { onClick: ctaFunctionality, className: btnClassnames, children: ctaText })
|
|
563
520
|
] })
|
|
564
521
|
] });
|
|
565
522
|
};
|
|
566
|
-
|
|
567
|
-
// src/PrettyCard/PrettyCard.tsx
|
|
568
|
-
import React6 from "react";
|
|
569
|
-
import { useGSAP as useGSAP2 } from "@gsap/react";
|
|
570
|
-
import { gsap as gsap2 } from "gsap";
|
|
571
|
-
import { ScrollTrigger as ScrollTrigger2 } from "gsap/ScrollTrigger";
|
|
572
|
-
import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
573
|
-
gsap2.registerPlugin(ScrollTrigger2);
|
|
523
|
+
gsap.registerPlugin(ScrollTrigger);
|
|
574
524
|
var PrettyCard = ({
|
|
575
525
|
buttonText,
|
|
576
526
|
altButtonJsx,
|
|
@@ -581,13 +531,13 @@ var PrettyCard = ({
|
|
|
581
531
|
showAnimationOnce = false,
|
|
582
532
|
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]"
|
|
583
533
|
}) => {
|
|
584
|
-
|
|
534
|
+
useGSAP(() => {
|
|
585
535
|
let btnId = "#cta-button";
|
|
586
|
-
if (
|
|
536
|
+
if (React3.isValidElement(altButtonJsx)) {
|
|
587
537
|
const { id } = altButtonJsx.props;
|
|
588
538
|
btnId = "#" + id;
|
|
589
539
|
}
|
|
590
|
-
const tl =
|
|
540
|
+
const tl = gsap.timeline();
|
|
591
541
|
tl.fromTo(
|
|
592
542
|
"#gradient-element",
|
|
593
543
|
{
|
|
@@ -666,13 +616,13 @@ var PrettyCard = ({
|
|
|
666
616
|
);
|
|
667
617
|
}, []);
|
|
668
618
|
const gradient = gradientColors ? `bg-gradient-to-br ${gradientColors.start} ${gradientColors.end}` : "bg-gradient-to-br from-accent to-primary";
|
|
669
|
-
return /* @__PURE__ */
|
|
619
|
+
return /* @__PURE__ */ jsxs(
|
|
670
620
|
"div",
|
|
671
621
|
{
|
|
672
622
|
id: "parent-element",
|
|
673
623
|
className: `${className}`,
|
|
674
624
|
children: [
|
|
675
|
-
/* @__PURE__ */
|
|
625
|
+
/* @__PURE__ */ 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__ */ jsx(
|
|
676
626
|
"img",
|
|
677
627
|
{
|
|
678
628
|
id: "image-element",
|
|
@@ -683,15 +633,15 @@ var PrettyCard = ({
|
|
|
683
633
|
src: cardImage
|
|
684
634
|
}
|
|
685
635
|
) }),
|
|
686
|
-
/* @__PURE__ */
|
|
636
|
+
/* @__PURE__ */ jsxs("div", { id: "card-element", className: `relative z-10 lg:ml-auto`, children: [
|
|
687
637
|
content,
|
|
688
638
|
children
|
|
689
639
|
] }),
|
|
690
|
-
/* @__PURE__ */
|
|
640
|
+
/* @__PURE__ */ jsxs("div", { className: "flex w-full justify-center absolute px-4 bottom-4 lg:justify-start", children: [
|
|
691
641
|
altButtonJsx && altButtonJsx,
|
|
692
|
-
!altButtonJsx && buttonText && /* @__PURE__ */
|
|
642
|
+
!altButtonJsx && buttonText && /* @__PURE__ */ jsx("button", { id: "cta-button", className: "btn btn-primary z-10 shadow-md", children: buttonText })
|
|
693
643
|
] }),
|
|
694
|
-
/* @__PURE__ */
|
|
644
|
+
/* @__PURE__ */ jsx(
|
|
695
645
|
"div",
|
|
696
646
|
{
|
|
697
647
|
id: "gradient-element",
|
|
@@ -703,23 +653,19 @@ var PrettyCard = ({
|
|
|
703
653
|
}
|
|
704
654
|
);
|
|
705
655
|
};
|
|
706
|
-
|
|
707
|
-
// src/Ratings/Ratings.tsx
|
|
708
|
-
import { FaStar } from "react-icons/fa6";
|
|
709
|
-
import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
710
656
|
var Ratings = function({ imagesSrc, rating, trusted, column }) {
|
|
711
|
-
return /* @__PURE__ */
|
|
657
|
+
return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4 @container", children: /* @__PURE__ */ jsxs(
|
|
712
658
|
"div",
|
|
713
659
|
{
|
|
714
660
|
className: `mx-auto flex items-center justify-center ${column && "flex-col"} gap-2`,
|
|
715
661
|
children: [
|
|
716
|
-
imagesSrc && imagesSrc.length > 0 && /* @__PURE__ */
|
|
717
|
-
return /* @__PURE__ */
|
|
662
|
+
imagesSrc && imagesSrc.length > 0 && /* @__PURE__ */ jsx("div", { className: "@apply relative h-[45px] w-[165px]", children: imagesSrc == null ? void 0 : imagesSrc.map((src, idx) => {
|
|
663
|
+
return /* @__PURE__ */ jsx(
|
|
718
664
|
"div",
|
|
719
665
|
{
|
|
720
666
|
style: { left: `${idx * 30}px` },
|
|
721
667
|
className: "@apply absolute flex h-[40px] w-[40px] items-center justify-center rounded-full bg-base-100",
|
|
722
|
-
children: /* @__PURE__ */
|
|
668
|
+
children: /* @__PURE__ */ jsx(
|
|
723
669
|
"img",
|
|
724
670
|
{
|
|
725
671
|
src,
|
|
@@ -733,21 +679,21 @@ var Ratings = function({ imagesSrc, rating, trusted, column }) {
|
|
|
733
679
|
idx
|
|
734
680
|
);
|
|
735
681
|
}) }),
|
|
736
|
-
/* @__PURE__ */
|
|
682
|
+
/* @__PURE__ */ jsxs(
|
|
737
683
|
"div",
|
|
738
684
|
{
|
|
739
685
|
className: `flex flex-col gap-2 ${column && "items-center"}`,
|
|
740
686
|
children: [
|
|
741
|
-
/* @__PURE__ */
|
|
687
|
+
/* @__PURE__ */ jsxs("p", { className: "@apply text-left text-xs", children: [
|
|
742
688
|
"Trusted by ",
|
|
743
|
-
/* @__PURE__ */
|
|
689
|
+
/* @__PURE__ */ jsxs("strong", { children: [
|
|
744
690
|
trusted || 100,
|
|
745
691
|
"+"
|
|
746
692
|
] }),
|
|
747
693
|
" people"
|
|
748
694
|
] }),
|
|
749
|
-
/* @__PURE__ */
|
|
750
|
-
return /* @__PURE__ */
|
|
695
|
+
/* @__PURE__ */ jsx("div", { className: "@apply flex w-full items-center justify-center", children: [...Array(5)].map((_, idx) => {
|
|
696
|
+
return /* @__PURE__ */ jsx(
|
|
751
697
|
FaStar,
|
|
752
698
|
{
|
|
753
699
|
size: 22.5,
|
|
@@ -764,16 +710,10 @@ var Ratings = function({ imagesSrc, rating, trusted, column }) {
|
|
|
764
710
|
}
|
|
765
711
|
) });
|
|
766
712
|
};
|
|
767
|
-
|
|
768
|
-
// src/SectionContainer/SectionContainer.tsx
|
|
769
|
-
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
770
713
|
var SectionContainer = ({ children, classNames: classNames2, padded = true, id }) => {
|
|
771
714
|
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" : "";
|
|
772
|
-
return /* @__PURE__ */
|
|
715
|
+
return /* @__PURE__ */ jsx("div", { className: `${paddingClasses} ${classNames2}`, id: id || "", children });
|
|
773
716
|
};
|
|
774
|
-
|
|
775
|
-
// src/SectionHeader/SectionHeader.tsx
|
|
776
|
-
import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
777
717
|
var SectionHeader = function({
|
|
778
718
|
headline,
|
|
779
719
|
subheadline,
|
|
@@ -789,50 +729,44 @@ var SectionHeader = function({
|
|
|
789
729
|
const HeadlineTag = headlineTag;
|
|
790
730
|
const alignmentClass = `${breakpoint}:text-${mobileAlignment} text-${desktopAlignment}`;
|
|
791
731
|
const twoColumnClasses = `flex flex-col ${breakpoint}:flex-row gap-${gap} w-full justify-between items-center`;
|
|
792
|
-
return /* @__PURE__ */
|
|
732
|
+
return /* @__PURE__ */ jsx(
|
|
793
733
|
"div",
|
|
794
734
|
{
|
|
795
735
|
className: `w-full ${classNames2 || ""} mb-${Number(gap) * 2}`,
|
|
796
|
-
children: /* @__PURE__ */
|
|
736
|
+
children: /* @__PURE__ */ jsxs(
|
|
797
737
|
"div",
|
|
798
738
|
{
|
|
799
739
|
className: `${isTwoColumnLayout ? twoColumnClasses : ""}`,
|
|
800
740
|
"data-breakpoint": breakpoint,
|
|
801
741
|
children: [
|
|
802
|
-
/* @__PURE__ */
|
|
803
|
-
/* @__PURE__ */
|
|
804
|
-
subheadline && /* @__PURE__ */
|
|
742
|
+
/* @__PURE__ */ jsxs("article", { className: `prose ${alignmentClass} gap-${gap} flex flex-col`, children: [
|
|
743
|
+
/* @__PURE__ */ jsx(HeadlineTag, { className: "text-4xl font-bold", children: headline }),
|
|
744
|
+
subheadline && /* @__PURE__ */ jsx("h5", { className: "text-2xl font-semibold", children: subheadline })
|
|
805
745
|
] }),
|
|
806
|
-
isTwoColumnLayout && /* @__PURE__ */
|
|
746
|
+
isTwoColumnLayout && /* @__PURE__ */ jsx("div", { children })
|
|
807
747
|
]
|
|
808
748
|
}
|
|
809
749
|
)
|
|
810
750
|
}
|
|
811
751
|
);
|
|
812
752
|
};
|
|
813
|
-
|
|
814
|
-
// src/SellingProposition/SellingProposition.tsx
|
|
815
|
-
import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
816
753
|
var SellingProposition = function({
|
|
817
754
|
sellingItems,
|
|
818
755
|
containerClassNames
|
|
819
756
|
}) {
|
|
820
|
-
return /* @__PURE__ */
|
|
757
|
+
return /* @__PURE__ */ jsx("div", { className: "w-[100%] @container", children: sellingItems == null ? void 0 : sellingItems.map((item, index) => {
|
|
821
758
|
if (typeof item.a === "string") {
|
|
822
|
-
item.a = /* @__PURE__ */
|
|
759
|
+
item.a = /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: item.a } });
|
|
823
760
|
}
|
|
824
761
|
if (typeof item.b === "string") {
|
|
825
|
-
item.b = /* @__PURE__ */
|
|
762
|
+
item.b = /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: item.b } });
|
|
826
763
|
}
|
|
827
|
-
return /* @__PURE__ */
|
|
828
|
-
/* @__PURE__ */
|
|
829
|
-
/* @__PURE__ */
|
|
764
|
+
return /* @__PURE__ */ 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: [
|
|
765
|
+
/* @__PURE__ */ 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 }),
|
|
766
|
+
/* @__PURE__ */ 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 })
|
|
830
767
|
] }, index);
|
|
831
768
|
}) });
|
|
832
769
|
};
|
|
833
|
-
|
|
834
|
-
// src/SellingPropContainer/SellingPropContainer.tsx
|
|
835
|
-
import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
836
770
|
var SellingPropContainer = function({
|
|
837
771
|
smallHeader,
|
|
838
772
|
mainHeader,
|
|
@@ -840,24 +774,17 @@ var SellingPropContainer = function({
|
|
|
840
774
|
ctaText,
|
|
841
775
|
ctaFunctionality
|
|
842
776
|
}) {
|
|
843
|
-
return /* @__PURE__ */
|
|
844
|
-
/* @__PURE__ */
|
|
845
|
-
/* @__PURE__ */
|
|
777
|
+
return /* @__PURE__ */ jsx("div", { className: "w-full @container", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center justify-between gap-4 p-4", children: [
|
|
778
|
+
/* @__PURE__ */ jsx("p", { className: "text-center text-sm font-semibold uppercase text-secondary", children: smallHeader }),
|
|
779
|
+
/* @__PURE__ */ jsxs("h3", { className: "text-center text-2xl font-bold", children: [
|
|
846
780
|
mainHeader,
|
|
847
781
|
mainHeader
|
|
848
782
|
] }),
|
|
849
|
-
/* @__PURE__ */
|
|
850
|
-
ctaText && /* @__PURE__ */
|
|
783
|
+
/* @__PURE__ */ jsx("p", { className: "text-center", children: text }),
|
|
784
|
+
ctaText && /* @__PURE__ */ jsx("button", { className: "btn btn-outline", onClick: ctaFunctionality, children: ctaText })
|
|
851
785
|
] }) });
|
|
852
786
|
};
|
|
853
|
-
|
|
854
|
-
// src/StackedScroller/StackedScroller.tsx
|
|
855
|
-
import gsap3 from "gsap";
|
|
856
|
-
import { useGSAP as useGSAP3 } from "@gsap/react";
|
|
857
|
-
import { ScrollTrigger as ScrollTrigger3 } from "gsap/ScrollTrigger";
|
|
858
|
-
import { useState as useState2 } from "react";
|
|
859
|
-
import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
860
|
-
gsap3.registerPlugin(ScrollTrigger3);
|
|
787
|
+
gsap3.registerPlugin(ScrollTrigger);
|
|
861
788
|
var StackedScroller = function({
|
|
862
789
|
services,
|
|
863
790
|
defaultHeading,
|
|
@@ -866,14 +793,14 @@ var StackedScroller = function({
|
|
|
866
793
|
activeContainerClassNames,
|
|
867
794
|
defaultContainerClassNames
|
|
868
795
|
}) {
|
|
869
|
-
const [firstRound, setFirstRound] =
|
|
796
|
+
const [firstRound, setFirstRound] = useState(true);
|
|
870
797
|
const newServices = services.map((item, index) => {
|
|
871
798
|
return __spreadProps(__spreadValues({}, item), {
|
|
872
799
|
id: "item-" + (index + 1),
|
|
873
800
|
active: false
|
|
874
801
|
});
|
|
875
802
|
});
|
|
876
|
-
const [activeElements, setActiveElements] =
|
|
803
|
+
const [activeElements, setActiveElements] = useState(newServices);
|
|
877
804
|
const updateActiveElements = (id) => {
|
|
878
805
|
const newOne = newServices.map((item, index) => {
|
|
879
806
|
if (id === `item-${index + 1}`)
|
|
@@ -886,7 +813,7 @@ var StackedScroller = function({
|
|
|
886
813
|
const newActiveElements = updateActiveElements(id);
|
|
887
814
|
setActiveElements(newActiveElements);
|
|
888
815
|
};
|
|
889
|
-
|
|
816
|
+
useGSAP(() => {
|
|
890
817
|
newServices.forEach(({ id }, index) => {
|
|
891
818
|
gsap3.fromTo(
|
|
892
819
|
`#${id}`,
|
|
@@ -923,26 +850,26 @@ var StackedScroller = function({
|
|
|
923
850
|
);
|
|
924
851
|
});
|
|
925
852
|
}, [firstRound]);
|
|
926
|
-
return /* @__PURE__ */
|
|
853
|
+
return /* @__PURE__ */ jsx(
|
|
927
854
|
"div",
|
|
928
855
|
{
|
|
929
856
|
id: "stacked-scroller",
|
|
930
857
|
className: "w-full py-6 flex flex-col items-center gap-20",
|
|
931
858
|
children: newServices.map(({ text, title, id }, index) => {
|
|
932
|
-
return /* @__PURE__ */
|
|
859
|
+
return /* @__PURE__ */ jsxs(
|
|
933
860
|
"div",
|
|
934
861
|
{
|
|
935
862
|
id,
|
|
936
863
|
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`,
|
|
937
864
|
children: [
|
|
938
|
-
/* @__PURE__ */
|
|
865
|
+
/* @__PURE__ */ jsx(
|
|
939
866
|
"h4",
|
|
940
867
|
{
|
|
941
868
|
className: `${activeElements[index].active ? activeHeaderClassNames : defaultHeading} `,
|
|
942
869
|
children: title
|
|
943
870
|
}
|
|
944
871
|
),
|
|
945
|
-
/* @__PURE__ */
|
|
872
|
+
/* @__PURE__ */ jsx("p", { className: activeTextClassNames, children: text })
|
|
946
873
|
]
|
|
947
874
|
},
|
|
948
875
|
index
|
|
@@ -951,44 +878,36 @@ var StackedScroller = function({
|
|
|
951
878
|
}
|
|
952
879
|
);
|
|
953
880
|
};
|
|
954
|
-
|
|
955
|
-
// src/TestimonialCard/TestimonialCard.tsx
|
|
956
|
-
import { FaQuoteLeft, FaRegUser } from "react-icons/fa6";
|
|
957
|
-
import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
958
881
|
var TestimonialCard = function({
|
|
959
882
|
testimonialContent,
|
|
960
883
|
carousel,
|
|
961
884
|
classNames: classNames2 = ""
|
|
962
885
|
}) {
|
|
963
886
|
const { text, author, photoUrl, link, companyOrPosition } = testimonialContent;
|
|
964
|
-
return /* @__PURE__ */
|
|
887
|
+
return /* @__PURE__ */ jsxs(
|
|
965
888
|
"div",
|
|
966
889
|
{
|
|
967
890
|
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`,
|
|
968
891
|
children: [
|
|
969
|
-
/* @__PURE__ */
|
|
970
|
-
/* @__PURE__ */
|
|
971
|
-
/* @__PURE__ */
|
|
972
|
-
/* @__PURE__ */
|
|
973
|
-
photoUrl ? /* @__PURE__ */
|
|
974
|
-
/* @__PURE__ */
|
|
975
|
-
/* @__PURE__ */
|
|
976
|
-
/* @__PURE__ */
|
|
892
|
+
/* @__PURE__ */ 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__ */ jsx(FaQuoteLeft, {}) }),
|
|
893
|
+
/* @__PURE__ */ 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 }),
|
|
894
|
+
/* @__PURE__ */ jsx("div", { className: "my-2 h-[0.5px] w-full border-t border-base-content opacity-10" }),
|
|
895
|
+
/* @__PURE__ */ 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: [
|
|
896
|
+
photoUrl ? /* @__PURE__ */ jsx("img", { src: photoUrl, alt: "user profile image", className: "rounded-full max-w-[50px]" }) : /* @__PURE__ */ jsx(FaRegUser, { className: "my-auto h-auto text-inherit" }),
|
|
897
|
+
/* @__PURE__ */ jsxs("div", { className: "", children: [
|
|
898
|
+
/* @__PURE__ */ jsx("a", { href: link || "", className: "w-full text-center text-sm @sm:text-left", children: author }),
|
|
899
|
+
/* @__PURE__ */ jsx("p", { className: "w-full text-center text-sm @sm:text-left", children: companyOrPosition })
|
|
977
900
|
] })
|
|
978
901
|
] })
|
|
979
902
|
]
|
|
980
903
|
}
|
|
981
904
|
);
|
|
982
905
|
};
|
|
983
|
-
|
|
984
|
-
// src/TestimonialDisplay/TestimonialDisplay.tsx
|
|
985
|
-
import Marquee from "react-fast-marquee";
|
|
986
|
-
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
987
906
|
var TestimonialDisplay = function({
|
|
988
907
|
style,
|
|
989
908
|
children
|
|
990
909
|
}) {
|
|
991
|
-
return /* @__PURE__ */
|
|
910
|
+
return /* @__PURE__ */ jsx("div", { className: "@container w-full", children: /* @__PURE__ */ jsx("div", { className: "box-border flex items-center justify-center @container/inner", children: style === "carousel" ? /* @__PURE__ */ jsx(
|
|
992
911
|
Marquee,
|
|
993
912
|
{
|
|
994
913
|
play: true,
|
|
@@ -1001,39 +920,12 @@ var TestimonialDisplay = function({
|
|
|
1001
920
|
pauseOnClick: true,
|
|
1002
921
|
children
|
|
1003
922
|
}
|
|
1004
|
-
) : /* @__PURE__ */
|
|
923
|
+
) : /* @__PURE__ */ 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 }) }) });
|
|
1005
924
|
};
|
|
1006
|
-
|
|
1007
|
-
// src/button.tsx
|
|
1008
|
-
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
1009
925
|
function Button(_a) {
|
|
1010
926
|
var _b = _a, { children } = _b, other = __objRest(_b, ["children"]);
|
|
1011
|
-
return /* @__PURE__ */
|
|
927
|
+
return /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues({ type: "button" }, other), { children }));
|
|
1012
928
|
}
|
|
1013
929
|
Button.displayName = "Button";
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
AccordionItem,
|
|
1017
|
-
AnimateBorder,
|
|
1018
|
-
AnimatedHeader,
|
|
1019
|
-
AnimationObserver,
|
|
1020
|
-
BentoBox,
|
|
1021
|
-
BookNow,
|
|
1022
|
-
Button,
|
|
1023
|
-
CTA,
|
|
1024
|
-
CookieConsentForm,
|
|
1025
|
-
Footer,
|
|
1026
|
-
Hero,
|
|
1027
|
-
Masonry,
|
|
1028
|
-
Navbar,
|
|
1029
|
-
Offer,
|
|
1030
|
-
PrettyCard,
|
|
1031
|
-
Ratings,
|
|
1032
|
-
SectionContainer,
|
|
1033
|
-
SectionHeader,
|
|
1034
|
-
SellingPropContainer,
|
|
1035
|
-
SellingProposition,
|
|
1036
|
-
StackedScroller,
|
|
1037
|
-
TestimonialCard,
|
|
1038
|
-
TestimonialDisplay
|
|
1039
|
-
};
|
|
930
|
+
|
|
931
|
+
export { AccordionContainer, AccordionItem, AnimateBorder, AnimatedHeader, AnimationObserver, BentoBox, BookNow, Button, CTA, CookieConsentForm, Footer, Hero, Masonry, Navbar, Offer, PrettyCard, Ratings, SectionContainer, SectionHeader, SellingPropContainer, SellingProposition, StackedScroller, TestimonialCard, TestimonialDisplay };
|