@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.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 } = useInView2({ threshold: 0.2 });
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 cloneElement2(element, {
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__ */ jsxs2(Fragment, { children: [
108
- /* @__PURE__ */ jsx2("div", { ref: viewRef, children: /* @__PURE__ */ jsxs2("div", { ref: viewRef, className: `relative ${hideOverflow && "overflow-hidden"}`, children: [
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__ */ jsx2("div", { ref: parentRef, className: "flex items-center z-50 relative justify-center p-1", children })
109
+ /* @__PURE__ */ jsx("div", { ref: parentRef, className: "flex items-center z-50 relative justify-center p-1", children })
112
110
  ] }) }),
113
- /* @__PURE__ */ jsx2("style", { children: `
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__ */ jsx3(
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__ */ jsx3("h2", { id: identifiers.child, className: textClassNames })
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__ */ jsx4("div", { className: "@container", children: /* @__PURE__ */ jsx4("div", { className: `${classNames2}`, children: React3.Children.map(
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__ */ jsx4(
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
- useEffect2(() => {
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__ */ jsx5(
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__ */ jsx5(
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__ */ jsxs3(
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__ */ jsx6("p", { className: cookieformstyles_default.header, children: cookieHeader }),
295
- /* @__PURE__ */ jsx6("p", { className: cookieformstyles_default.text, children: cookieText }),
296
- /* @__PURE__ */ jsxs3("div", { className: cookieformstyles_default.button_container, children: [
297
- /* @__PURE__ */ jsx6(
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: cookieformstyles_default.accept_button,
278
+ className: "btn btn-primary btn-sm rounded-box",
302
279
  children: "Accept"
303
280
  }
304
281
  ),
305
- /* @__PURE__ */ jsx6(
282
+ /* @__PURE__ */ jsx(
306
283
  "button",
307
284
  {
308
285
  onClick: () => handleSelection(false),
309
- className: cookieformstyles_default.reject_button,
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__ */ jsx7("div", {});
308
+ return /* @__PURE__ */ jsx("div", {});
335
309
  case "minimal":
336
- return /* @__PURE__ */ jsx7("div", {});
310
+ return /* @__PURE__ */ jsx("div", {});
337
311
  default:
338
- return /* @__PURE__ */ jsx7("div", { className: `${basicLayoutStyles} @container`, children: /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col items-center @2xl:flex-row gap-8", children: [
339
- /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col items-center gap-2 @2xl:items-start", children: [
340
- /* @__PURE__ */ jsx7("p", { className: "mb-3 text-center text-sm font-semibold uppercase tracking-[0.5px] text-secondary", children: smallheading }),
341
- /* @__PURE__ */ jsx7("h3", { className: "mb-4 text-center text-3xl font-semibold @2xl:text-start", children: subheading }),
342
- /* @__PURE__ */ jsx7("p", { className: "mb-4 text-center opacity-60 @2xl:text-start", children: paragraph })
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__ */ jsx7("div", { className: "relative z-50 flex flex-col min-w-[15vw] items-center @2xl:items-end", children: /* @__PURE__ */ jsx7("button", { onClick, className: "btn btn-primary w-full transform duration-300 hover:scale-[0.95] @xl:w-auto", children: ctaText }) })
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__ */ jsx8("div", { className: "h-full w-full @container", children: /* @__PURE__ */ jsxs5("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: [
368
- leftElement ? /* @__PURE__ */ jsx8("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__ */ jsxs5("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: [
369
- /* @__PURE__ */ jsx8("div", { style: logoHeightStyle, children: /* @__PURE__ */ jsx8("img", { src: logo || "", alt: "Company Logo", className: "h-[var(--footer-logo-height)]" }) }),
370
- /* @__PURE__ */ jsx8("p", { children: logoText })
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__ */ jsxs5("nav", { children: [
374
- /* @__PURE__ */ jsx8("header", { className: "footer-title mx-auto @xl:mx-0", children: item.header }),
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__ */ jsx8(
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__ */ jsxs5("nav", { children: [
389
- /* @__PURE__ */ jsx8("header", { className: "footer-title mx-auto @xl:mx-0", children: "Social" }),
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__ */ jsx8(
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__ */ jsx8(link.icon, { className: "text-base-content", size: 30 })
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__ */ jsxs5("div", { className: "flex flex-col gap-2 w-fit", children: [
403
- /* @__PURE__ */ jsx8("header", { className: "footer-title mx-auto @xl:mx-0", children: openingHours.header }),
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__ */ jsxs5("div", { className: "flex items-center w-[200px] justify-between", children: [
406
- /* @__PURE__ */ jsx8("p", { className: "inline-block w-fit", children: day }),
407
- /* @__PURE__ */ jsx8(
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__ */ jsxs6(
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__ */ jsx9("div", { style: overlayOpacityStyle, className: "hero-overlay absolute left-0 top-0 z-0 h-[100%] w-[100%] bg-base-100" }),
442
- /* @__PURE__ */ jsxs6("div", { className: "hero-content flex h-auto pt-48 max-w-3xl flex-col gap-4 text-center md:gap-6", children: [
443
- headline && /* @__PURE__ */ jsx9("h1", { className: "text-4xl font-bold md:text-5xl lg:text-6xl xl:text-7xl", children: headline }),
444
- subheadline && /* @__PURE__ */ jsx9("p", { className: "mb-8 mt-6 text-base sm:text-lg", children: subheadline }),
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__ */ jsx10("div", { className: "h-full w-full @container", children: /* @__PURE__ */ jsx10("div", { className: `${classNames2}`, children: React4.Children.map(
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) => React4.isValidElement(child) ? /* @__PURE__ */ jsx10(
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__ */ jsx11("a", { href: link.link, className: "btn btn-sm btn-ghost", children: link.text }, idx);
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__ */ jsx11("div", { className: "w-full @container", children: /* @__PURE__ */ jsxs7("div", { className: `${containerClasses} ${classNames2}`, children: [
496
- !!children ? /* @__PURE__ */ jsx11("div", { className: "flex flex-row justify-between items-center", children }) : /* @__PURE__ */ jsx11("div", { className: "h-[var(--logo-height)]", style: logoHeightStyle, children: /* @__PURE__ */ jsx11("img", { className: "h-[var(--logo-height)]", src: logo || "", alt: "logo" }) }),
497
- /* @__PURE__ */ jsx11("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1 @2xl:flex flex-nowrap", children: renderMenuItem() }),
498
- /* @__PURE__ */ jsx11("ul", { className: "menu menu-horizontal items-center gap-2 px-1 @2xl:hidden", children: /* @__PURE__ */ jsx11("li", { className: "flex", children: /* @__PURE__ */ jsxs7("details", { className: "items-start", children: [
499
- /* @__PURE__ */ jsx11("summary", { children: "Navigate" }),
500
- /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-2 absolute bg-base-300 rounded-box mt-2 p-4", children: renderMenuItem() })
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
- useEffect3(() => {
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__ */ jsxs8("div", { className: `w-full flex items-center justify-between ${classNames2}`, children: [
542
- /* @__PURE__ */ jsx12("div", { className: "flex flex-col flex-1 justify-center items-start", children: /* @__PURE__ */ jsx12("p", { className: "offer_text", children: offer }) }),
543
- /* @__PURE__ */ jsxs8("div", { className: "flex gap-4 items-center justify-center", children: [
544
- /* @__PURE__ */ jsxs8("div", { className: "invisible w-0 grid grid-flow-col gap-5 text-center auto-cols-max md:visible md:w-auto", children: [
545
- /* @__PURE__ */ jsxs8("div", { className: "flex flex-col", children: [
546
- /* @__PURE__ */ jsx12("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsx12("span", { style: { "--value": timeRemaining.days } }) }),
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__ */ jsxs8("div", { className: "flex flex-col", children: [
550
- /* @__PURE__ */ jsx12("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsx12("span", { style: { "--value": timeRemaining.hours } }) }),
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__ */ jsxs8("div", { className: "flex flex-col", children: [
554
- /* @__PURE__ */ jsx12("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsx12("span", { style: { "--value": timeRemaining.minutes } }) }),
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__ */ jsxs8("div", { className: "flex flex-col", children: [
558
- /* @__PURE__ */ jsx12("span", { className: `countdown font-mono text-5xl ${fontSize}`, children: /* @__PURE__ */ jsx12("span", { style: { "--value": timeRemaining.seconds } }) }),
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__ */ jsx12("button", { onClick: ctaFunctionality, className: btnClassnames, children: ctaText })
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
- useGSAP2(() => {
534
+ useGSAP(() => {
585
535
  let btnId = "#cta-button";
586
- if (React6.isValidElement(altButtonJsx)) {
536
+ if (React3.isValidElement(altButtonJsx)) {
587
537
  const { id } = altButtonJsx.props;
588
538
  btnId = "#" + id;
589
539
  }
590
- const tl = gsap2.timeline();
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__ */ jsxs9(
619
+ return /* @__PURE__ */ jsxs(
670
620
  "div",
671
621
  {
672
622
  id: "parent-element",
673
623
  className: `${className}`,
674
624
  children: [
675
- /* @__PURE__ */ jsx13("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__ */ jsx13(
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__ */ jsxs9("div", { id: "card-element", className: `relative z-10 lg:ml-auto`, children: [
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__ */ jsxs9("div", { className: "flex w-full justify-center absolute px-4 bottom-4 lg:justify-start", children: [
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__ */ jsx13("button", { id: "cta-button", className: "btn btn-primary z-10 shadow-md", children: buttonText })
642
+ !altButtonJsx && buttonText && /* @__PURE__ */ jsx("button", { id: "cta-button", className: "btn btn-primary z-10 shadow-md", children: buttonText })
693
643
  ] }),
694
- /* @__PURE__ */ jsx13(
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__ */ jsx14("div", { className: "flex items-center justify-center py-4 @container", children: /* @__PURE__ */ jsxs10(
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__ */ jsx14("div", { className: "@apply relative h-[45px] w-[165px]", children: imagesSrc == null ? void 0 : imagesSrc.map((src, idx) => {
717
- return /* @__PURE__ */ jsx14(
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__ */ jsx14(
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__ */ jsxs10(
682
+ /* @__PURE__ */ jsxs(
737
683
  "div",
738
684
  {
739
685
  className: `flex flex-col gap-2 ${column && "items-center"}`,
740
686
  children: [
741
- /* @__PURE__ */ jsxs10("p", { className: "@apply text-left text-xs", children: [
687
+ /* @__PURE__ */ jsxs("p", { className: "@apply text-left text-xs", children: [
742
688
  "Trusted by ",
743
- /* @__PURE__ */ jsxs10("strong", { children: [
689
+ /* @__PURE__ */ jsxs("strong", { children: [
744
690
  trusted || 100,
745
691
  "+"
746
692
  ] }),
747
693
  " people"
748
694
  ] }),
749
- /* @__PURE__ */ jsx14("div", { className: "@apply flex w-full items-center justify-center", children: [...Array(5)].map((_, idx) => {
750
- return /* @__PURE__ */ jsx14(
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__ */ jsx15("div", { className: `${paddingClasses} ${classNames2}`, id: id || "", children });
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__ */ jsx16(
732
+ return /* @__PURE__ */ jsx(
793
733
  "div",
794
734
  {
795
735
  className: `w-full ${classNames2 || ""} mb-${Number(gap) * 2}`,
796
- children: /* @__PURE__ */ jsxs11(
736
+ children: /* @__PURE__ */ jsxs(
797
737
  "div",
798
738
  {
799
739
  className: `${isTwoColumnLayout ? twoColumnClasses : ""}`,
800
740
  "data-breakpoint": breakpoint,
801
741
  children: [
802
- /* @__PURE__ */ jsxs11("article", { className: `prose ${alignmentClass} gap-${gap} flex flex-col`, children: [
803
- /* @__PURE__ */ jsx16(HeadlineTag, { className: "text-4xl font-bold", children: headline }),
804
- subheadline && /* @__PURE__ */ jsx16("h5", { className: "text-2xl font-semibold", children: subheadline })
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__ */ jsx16("div", { children })
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__ */ jsx17("div", { className: "w-[100%] @container", children: sellingItems == null ? void 0 : sellingItems.map((item, index) => {
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__ */ jsx17("div", { dangerouslySetInnerHTML: { __html: item.a } });
759
+ item.a = /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: item.a } });
823
760
  }
824
761
  if (typeof item.b === "string") {
825
- item.b = /* @__PURE__ */ jsx17("div", { dangerouslySetInnerHTML: { __html: item.b } });
762
+ item.b = /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: item.b } });
826
763
  }
827
- return /* @__PURE__ */ jsxs12("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: [
828
- /* @__PURE__ */ jsx17("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 }),
829
- /* @__PURE__ */ jsx17("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 })
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__ */ jsx18("div", { className: "w-full @container", children: /* @__PURE__ */ jsxs13("div", { className: "flex w-full flex-col items-center justify-between gap-4 p-4", children: [
844
- /* @__PURE__ */ jsx18("p", { className: "text-center text-sm font-semibold uppercase text-secondary", children: smallHeader }),
845
- /* @__PURE__ */ jsxs13("h3", { className: "text-center text-2xl font-bold", children: [
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__ */ jsx18("p", { className: "text-center", children: text }),
850
- ctaText && /* @__PURE__ */ jsx18("button", { className: "btn btn-outline", onClick: ctaFunctionality, children: ctaText })
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] = useState2(true);
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] = useState2(newServices);
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
- useGSAP3(() => {
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__ */ jsx19(
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__ */ jsxs14(
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__ */ jsx19(
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__ */ jsx19("p", { className: activeTextClassNames, children: text })
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__ */ jsxs15(
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__ */ jsx20("div", { className: "flex w-full items-center justify-center text-4xl opacity-30 @sm:justify-end @sm:text-2xl @lg:text-4xl", children: /* @__PURE__ */ jsx20(FaQuoteLeft, {}) }),
970
- /* @__PURE__ */ jsx20("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 }),
971
- /* @__PURE__ */ jsx20("div", { className: "my-2 h-[0.5px] w-full border-t border-base-content opacity-10" }),
972
- /* @__PURE__ */ jsxs15("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: [
973
- photoUrl ? /* @__PURE__ */ jsx20("img", { src: photoUrl, alt: "user profile image", className: "rounded-full max-w-[50px]" }) : /* @__PURE__ */ jsx20(FaRegUser, { className: "my-auto h-auto text-inherit" }),
974
- /* @__PURE__ */ jsxs15("div", { className: "", children: [
975
- /* @__PURE__ */ jsx20("a", { href: link || "", className: "w-full text-center text-sm @sm:text-left", children: author }),
976
- /* @__PURE__ */ jsx20("p", { className: "w-full text-center text-sm @sm:text-left", children: companyOrPosition })
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__ */ jsx21("div", { className: "@container w-full", children: /* @__PURE__ */ jsx21("div", { className: "box-border flex items-center justify-center @container/inner", children: style === "carousel" ? /* @__PURE__ */ jsx21(
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__ */ jsx21("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 }) }) });
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__ */ jsx22("button", __spreadProps(__spreadValues({ type: "button" }, other), { children }));
927
+ return /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues({ type: "button" }, other), { children }));
1012
928
  }
1013
929
  Button.displayName = "Button";
1014
- export {
1015
- AccordionContainer,
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 };