@commandcenterio/convert-ui 0.0.6 → 0.0.8
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.js +194 -326
- package/dist/index.mjs +144 -252
- 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,29 +444,25 @@ 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
|
-
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
|
|
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;
|
|
490
451
|
const fullClassNames = type === "full" ? "flex w-[100%] items-center justify-between bg-base-200 px-4 py-2" : null;
|
|
491
452
|
const defaultClassNames = type === "default" ? "navbar mx-auto flex w-full items-center justify-between rounded-box px-4 py-2 shadow-sm" : null;
|
|
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", 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 xl:flex flex-nowrap", children: renderMenuItem() }),
|
|
459
|
+
/* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1 xl: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 };
|