@frequencyads/components 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,1664 +1,2 @@
 'use client';
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  AnimatedCounter: () => AnimatedCounter,
-  AnimatedWaveform: () => AnimatedWaveform,
-  AudioPlayer: () => AudioPlayer,
-  AudioWaveform: () => AudioWaveform,
-  CodeBlock: () => CodeBlock,
-  ColorPalette: () => ColorPalette,
-  ColorSwatch: () => ColorSwatch,
-  Copyable: () => Copyable,
-  DosDonts: () => DosDonts,
-  ExpandableCard: () => ExpandableCard,
-  FadeInSection: () => FadeInSection,
-  FrequencyWave: () => FrequencyWave,
-  GradientSwatch: () => GradientSwatch,
-  Hero: () => Hero,
-  HintBadge: () => HintBadge,
-  MiniAudioPlayer: () => MiniAudioPlayer,
-  PrincipleCard: () => PrincipleCard,
-  SpeedDial: () => SpeedDial,
-  SplitSection: () => SplitSection,
-  TestimonialCard: () => TestimonialCard,
-  VideoBackground: () => VideoBackground
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/AnimatedCounter/AnimatedCounter.tsx
-var import_react = require("react");
-var import_core = require("@mantine/core");
-var import_jsx_runtime = require("react/jsx-runtime");
-function AnimatedCounter(_a) {
-  var _b = _a, {
-    value,
-    suffix = "",
-    prefix = "",
-    duration = 2e3,
-    threshold = 0.5,
-    abbreviate = true,
-    decimals
-  } = _b, textProps = __objRest(_b, [
-    "value",
-    "suffix",
-    "prefix",
-    "duration",
-    "threshold",
-    "abbreviate",
-    "decimals"
-  ]);
-  const [count, setCount] = (0, import_react.useState)(0);
-  const [hasTriggered, setHasTriggered] = (0, import_react.useState)(false);
-  const ref = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    const el = ref.current;
-    if (!el) return;
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        if (entry.isIntersecting && !hasTriggered) {
-          setHasTriggered(true);
-        }
-      },
-      { threshold }
-    );
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [hasTriggered, threshold]);
-  (0, import_react.useEffect)(() => {
-    if (!hasTriggered) return;
-    let startTime;
-    let raf;
-    const animate = (timestamp) => {
-      if (!startTime) startTime = timestamp;
-      const progress = Math.min((timestamp - startTime) / duration, 1);
-      const eased = 1 - Math.pow(1 - progress, 3);
-      setCount(eased * value);
-      if (progress < 1) {
-        raf = requestAnimationFrame(animate);
-      }
-    };
-    raf = requestAnimationFrame(animate);
-    return () => cancelAnimationFrame(raf);
-  }, [hasTriggered, value, duration]);
-  const formatValue = () => {
-    if (abbreviate && value >= 1e3) {
-      const kValue = count / 1e3;
-      return kValue % 1 === 0 ? `${Math.round(kValue)}K` : `${kValue.toFixed(1)}K`;
-    }
-    if (decimals !== void 0) {
-      return count.toFixed(decimals);
-    }
-    if (value !== Math.floor(value)) {
-      return count.toFixed(1);
-    }
-    return Math.round(count).toString();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_core.Text,
-    __spreadProps(__spreadValues({
-      component: "span",
-      ref,
-      style: { fontVariantNumeric: "tabular-nums" }
-    }, textProps), {
-      children: [
-        prefix,
-        formatValue(),
-        suffix
-      ]
-    })
-  );
-}
-
-// src/AnimatedWaveform/AnimatedWaveform.tsx
-var import_react2 = require("react");
-var import_framer_motion = require("framer-motion");
-
-// src/AnimatedWaveform/AnimatedWaveform.module.css
-var AnimatedWaveform_default = {};
-
-// src/AnimatedWaveform/AnimatedWaveform.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var BAR_COUNT = 140;
-var BAR_WIDTH = 3;
-var BAR_GAP = 10;
-var VIEW_HEIGHT = 150;
-var MIDLINE = VIEW_HEIGHT / 2;
-function AnimatedWaveform({
-  barCount = BAR_COUNT,
-  duration = 3,
-  repeatDelay = 3
-}) {
-  const [mounted, setMounted] = (0, import_react2.useState)(false);
-  (0, import_react2.useEffect)(() => {
-    setMounted(true);
-  }, []);
-  if (!mounted) return null;
-  const viewWidth = barCount * BAR_GAP;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: AnimatedWaveform_default.root, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "svg",
-    {
-      className: AnimatedWaveform_default.svg,
-      viewBox: `0 0 ${viewWidth} ${VIEW_HEIGHT}`,
-      preserveAspectRatio: "none",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("linearGradient", { id: "waveformBarGradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "0%", stopColor: "white", stopOpacity: "0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "15%", stopColor: "white", stopOpacity: "0.15" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "50%", stopColor: "white", stopOpacity: "0.25" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "85%", stopColor: "white", stopOpacity: "0.15" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "100%", stopColor: "white", stopOpacity: "0" })
-        ] }) }),
-        [...Array(barCount)].map((_, i) => {
-          const x = i * BAR_GAP;
-          const baseHeight = 18 + Math.sin(i * 0.4) * 6 + Math.cos(i * 0.7) * 4;
-          const staggerDelay = Math.min(i, barCount - 1 - i) * 0.04;
-          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              import_framer_motion.motion.rect,
-              {
-                x,
-                width: BAR_WIDTH,
-                rx: "1.5",
-                fill: "url(#waveformBarGradient)",
-                initial: { height: baseHeight / 2, y: MIDLINE - baseHeight / 4 },
-                animate: {
-                  height: [baseHeight / 2, baseHeight * 2, baseHeight / 2, baseHeight * 1.2, baseHeight / 2],
-                  y: [
-                    MIDLINE - baseHeight / 4,
-                    MIDLINE - baseHeight,
-                    MIDLINE - baseHeight / 4,
-                    MIDLINE - baseHeight * 0.6,
-                    MIDLINE - baseHeight / 4
-                  ]
-                },
-                transition: {
-                  duration,
-                  repeat: Infinity,
-                  ease: "easeInOut",
-                  delay: staggerDelay,
-                  repeatDelay
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              import_framer_motion.motion.rect,
-              {
-                x,
-                y: MIDLINE,
-                width: BAR_WIDTH,
-                rx: "1.5",
-                fill: "url(#waveformBarGradient)",
-                initial: { height: baseHeight / 2 },
-                animate: {
-                  height: [baseHeight / 2, baseHeight * 2, baseHeight / 2, baseHeight * 1.2, baseHeight / 2]
-                },
-                transition: {
-                  duration,
-                  repeat: Infinity,
-                  ease: "easeInOut",
-                  delay: staggerDelay,
-                  repeatDelay
-                }
-              }
-            )
-          ] }, i);
-        })
-      ]
-    }
-  ) });
-}
-
-// src/AudioPlayer/AudioPlayer.tsx
-var import_react4 = require("react");
-var import_core3 = require("@mantine/core");
-var import_icons_react = require("@tabler/icons-react");
-
-// src/AudioWaveform/AudioWaveform.tsx
-var import_react3 = require("react");
-var import_core2 = require("@mantine/core");
-
-// src/AudioWaveform/AudioWaveform.module.css
-var AudioWaveform_default = {};
-
-// src/AudioWaveform/AudioWaveform.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function generateWaveformData(barCount = 100) {
-  const data = [];
-  for (let i = 0; i < barCount; i++) {
-    const progress = i / (barCount - 1);
-    const baseHeight = 20 + Math.sin(i * 0.1) * 15;
-    const noise = (Math.random() - 0.5) * 20;
-    const envelope = Math.sin(progress * Math.PI) * 30;
-    const midBoost = progress > 0.2 && progress < 0.8 ? Math.random() * 10 : 0;
-    const endTaper = progress < 0.05 || progress > 0.95 ? Math.min(progress / 0.05, (1 - progress) / 0.05) : 1;
-    data.push(Math.max(5, Math.min(90, (baseHeight + noise + envelope + midBoost) * endTaper)));
-  }
-  return data;
-}
-var AudioWaveform = (0, import_react3.forwardRef)(
-  ({
-    audioRef,
-    currentTime = 0,
-    onSeek,
-    loading = false,
-    waveColor = "#CCCCCC",
-    progressColor = "#169bde",
-    height = 60,
-    barWidth = 2,
-    barGap = 1
-  }, ref) => {
-    const containerRef = (0, import_react3.useRef)(null);
-    const [waveformData] = (0, import_react3.useState)(() => generateWaveformData());
-    const [duration, setDuration] = (0, import_react3.useState)(0);
-    const [progress, setProgress] = (0, import_react3.useState)(0);
-    (0, import_react3.useImperativeHandle)(ref, () => ({
-      seekTo: (time) => {
-        if (duration > 0) {
-          setProgress(Math.max(0, Math.min(100, time / duration * 100)));
-        }
-      },
-      getCurrentTime: () => progress / 100 * duration,
-      getDuration: () => duration
-    }));
-    (0, import_react3.useEffect)(() => {
-      const audio = audioRef.current;
-      if (!audio) return;
-      const handleMeta = () => {
-        if (audio.duration && !isNaN(audio.duration)) setDuration(audio.duration);
-      };
-      const handleTime = () => {
-        if (audio.duration > 0) setProgress(audio.currentTime / audio.duration * 100);
-      };
-      if (audio.duration && !isNaN(audio.duration)) setDuration(audio.duration);
-      audio.addEventListener("loadedmetadata", handleMeta);
-      audio.addEventListener("timeupdate", handleTime);
-      return () => {
-        audio.removeEventListener("loadedmetadata", handleMeta);
-        audio.removeEventListener("timeupdate", handleTime);
-      };
-    }, [audioRef]);
-    (0, import_react3.useEffect)(() => {
-      if (duration > 0 && typeof currentTime === "number") {
-        setProgress(currentTime / duration * 100);
-      }
-    }, [currentTime, duration]);
-    const handleClick = (0, import_react3.useCallback)(
-      (e) => {
-        if (!containerRef.current || !onSeek || duration === 0) return;
-        const rect = containerRef.current.getBoundingClientRect();
-        const seekTime = (e.clientX - rect.left) / rect.width * duration;
-        onSeek(seekTime);
-      },
-      [onSeek, duration]
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      import_core2.Box,
-      {
-        ref: containerRef,
-        className: AudioWaveform_default.root,
-        style: { height },
-        onClick: handleClick,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "div",
-            {
-              className: AudioWaveform_default.progressOverlay,
-              style: { width: `${progress}%`, backgroundColor: `${progressColor}15` }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: AudioWaveform_default.bars, style: { gap: barGap }, children: waveformData.map((barHeight, i) => {
-            const isActive = i / waveformData.length * 100 <= progress;
-            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "div",
-              {
-                className: AudioWaveform_default.bar,
-                style: {
-                  width: barWidth,
-                  height: `${barHeight}%`,
-                  backgroundColor: isActive ? progressColor : waveColor
-                }
-              },
-              i
-            );
-          }) }),
-          loading && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: AudioWaveform_default.loading, children: "Loading waveform..." })
-        ]
-      }
-    );
-  }
-);
-AudioWaveform.displayName = "AudioWaveform";
-
-// src/AudioPlayer/AudioPlayer.module.css
-var AudioPlayer_default = {};
-
-// src/AudioPlayer/AudioPlayer.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function formatTime(seconds) {
-  const m = Math.floor(seconds / 60);
-  const s = Math.floor(seconds % 60);
-  return `${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
-}
-function AudioPlayer({
-  src,
-  filename = "audio",
-  playButtonColor,
-  playButtonSize = 32,
-  waveColor = "#D0D0D0",
-  progressColor = "#a8a8a8",
-  waveHeight = 64,
-  barWidth = 3,
-  barGap = 2,
-  showVolume = true,
-  showDownload = true
-}) {
-  const audioRef = (0, import_react4.useRef)(null);
-  const [isPlaying, setIsPlaying] = (0, import_react4.useState)(false);
-  const [currentTime, setCurrentTime] = (0, import_react4.useState)(0);
-  const [currentTimeFormatted, setCurrentTimeFormatted] = (0, import_react4.useState)("00:00");
-  const [totalDuration, setTotalDuration] = (0, import_react4.useState)("00:00");
-  const [volume, setVolume] = (0, import_react4.useState)(50);
-  const [prevVolume, setPrevVolume] = (0, import_react4.useState)(50);
-  const [isMuted, setIsMuted] = (0, import_react4.useState)(false);
-  (0, import_react4.useEffect)(() => {
-    const audio = audioRef.current;
-    if (!audio) return;
-    audio.volume = volume / 100;
-    const handleTimeUpdate = () => {
-      setCurrentTime(audio.currentTime);
-      setCurrentTimeFormatted(formatTime(audio.currentTime));
-    };
-    const handleMeta = () => setTotalDuration(formatTime(audio.duration));
-    const handleEnded = () => {
-      setTimeout(() => {
-        setCurrentTime(0);
-        setCurrentTimeFormatted("00:00");
-        setIsPlaying(false);
-      }, 500);
-    };
-    const handlePlay = () => setIsPlaying(true);
-    const handlePause = () => setIsPlaying(false);
-    audio.addEventListener("timeupdate", handleTimeUpdate);
-    audio.addEventListener("loadedmetadata", handleMeta);
-    audio.addEventListener("ended", handleEnded);
-    audio.addEventListener("play", handlePlay);
-    audio.addEventListener("pause", handlePause);
-    return () => {
-      audio.removeEventListener("timeupdate", handleTimeUpdate);
-      audio.removeEventListener("loadedmetadata", handleMeta);
-      audio.removeEventListener("ended", handleEnded);
-      audio.removeEventListener("play", handlePlay);
-      audio.removeEventListener("pause", handlePause);
-    };
-  }, [src]);
-  const togglePlay = (0, import_react4.useCallback)(() => {
-    const audio = audioRef.current;
-    if (!audio) return;
-    if (isPlaying) {
-      audio.pause();
-    } else {
-      audio.play().catch(() => {
-      });
-    }
-  }, [isPlaying]);
-  const handleSeek = (0, import_react4.useCallback)((time) => {
-    const audio = audioRef.current;
-    if (audio && !isNaN(time) && isFinite(time)) {
-      audio.currentTime = time;
-      setCurrentTime(time);
-      setCurrentTimeFormatted(formatTime(time));
-    }
-  }, []);
-  const handleVolumeChange = (0, import_react4.useCallback)(
-    (value) => {
-      const audio = audioRef.current;
-      if (!audio) return;
-      audio.volume = value / 100;
-      setVolume(value);
-      if (value > 0) {
-        setPrevVolume(value);
-        setIsMuted(false);
-      } else {
-        setIsMuted(true);
-      }
-    },
-    []
-  );
-  const toggleMute = (0, import_react4.useCallback)(() => {
-    const audio = audioRef.current;
-    if (!audio) return;
-    if (isMuted) {
-      const restore = prevVolume || 50;
-      audio.volume = restore / 100;
-      setVolume(restore);
-      setIsMuted(false);
-    } else {
-      setPrevVolume(volume);
-      audio.volume = 0;
-      setVolume(0);
-      setIsMuted(true);
-    }
-  }, [isMuted, volume, prevVolume]);
-  const handleDownload = (0, import_react4.useCallback)(() => {
-    fetch(src).then((r) => r.blob()).then((blob) => {
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = filename;
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-      URL.revokeObjectURL(url);
-    }).catch(() => window.open(src, "_blank"));
-  }, [src, filename]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Group, { gap: "sm", wrap: "nowrap", className: AudioPlayer_default.root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("audio", { ref: audioRef, src, preload: "metadata" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_core3.ActionIcon,
-      {
-        variant: "filled",
-        radius: "xl",
-        size: playButtonSize,
-        color: playButtonColor,
-        onClick: togglePlay,
-        "aria-label": isPlaying ? "Pause" : "Play",
-        className: AudioPlayer_default.playButton,
-        children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_react.IconPlayerPauseFilled, { size: playButtonSize * 0.5 }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_react.IconPlayerPlayFilled, { size: playButtonSize * 0.5 })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.Text, { size: "xs", ff: "monospace", c: "dimmed", className: AudioPlayer_default.time, children: currentTimeFormatted }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      AudioWaveform,
-      {
-        audioRef,
-        currentTime,
-        onSeek: handleSeek,
-        waveColor,
-        progressColor,
-        height: waveHeight,
-        barWidth,
-        barGap
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.Text, { size: "xs", ff: "monospace", c: "dimmed", className: AudioPlayer_default.time, children: totalDuration }),
-    showVolume && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Group, { gap: 4, wrap: "nowrap", className: AudioPlayer_default.volumeGroup, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_core3.ActionIcon,
-        {
-          variant: "subtle",
-          size: "sm",
-          onClick: toggleMute,
-          "aria-label": isMuted ? "Unmute" : "Mute",
-          children: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_react.IconVolumeOff, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_react.IconVolume, { size: 16 })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_core3.Slider,
-        {
-          value: volume,
-          onChange: handleVolumeChange,
-          size: "xs",
-          w: 80,
-          "aria-label": "Volume"
-        }
-      )
-    ] }),
-    showDownload && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.ActionIcon, { variant: "subtle", size: "sm", onClick: handleDownload, "aria-label": "Download", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_react.IconDownload, { size: 16 }) })
-  ] });
-}
-
-// src/CodeBlock/CodeBlock.tsx
-var import_react5 = require("react");
-var import_core4 = require("@mantine/core");
-
-// src/CodeBlock/CodeBlock.module.css
-var CodeBlock_default = {};
-
-// src/CodeBlock/CodeBlock.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function CodeBlock({ code, filename, height = 384 }) {
-  const [copied, setCopied] = (0, import_react5.useState)(false);
-  const handleCopy = (0, import_react5.useCallback)(async () => {
-    try {
-      await navigator.clipboard.writeText(code);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch (e) {
-    }
-  }, [code]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_core4.Box, { className: CodeBlock_default.root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_core4.Group, { justify: "space-between", mb: "xs", children: [
-      filename && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.Text, { size: "sm", fw: 500, c: "dimmed", children: filename }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_core4.Button,
-        {
-          size: "xs",
-          radius: "md",
-          color: copied ? "green" : "blue",
-          onClick: handleCopy,
-          children: copied ? "Copied!" : "Copy"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "textarea",
-      {
-        readOnly: true,
-        value: code,
-        className: CodeBlock_default.textarea,
-        style: { height }
-      }
-    )
-  ] });
-}
-
-// src/ColorPalette/ColorPalette.tsx
-var import_core6 = require("@mantine/core");
-
-// src/Copyable/Copyable.tsx
-var import_react6 = require("react");
-var import_core5 = require("@mantine/core");
-
-// src/Copyable/Copyable.module.css
-var Copyable_default = {};
-
-// src/Copyable/Copyable.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function Copyable({ value, children }) {
-  const [toast, setToast] = (0, import_react6.useState)(null);
-  const handleCopy = (0, import_react6.useCallback)(() => {
-    navigator.clipboard.writeText(value).then(() => {
-      setToast(`Copied ${value}`);
-      setTimeout(() => setToast(null), 1800);
-    });
-  }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "span",
-      {
-        onClick: handleCopy,
-        className: Copyable_default.root,
-        title: `Click to copy ${value}`,
-        children
-      }
-    ),
-    toast && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_core5.Notification,
-      {
-        withCloseButton: false,
-        className: Copyable_default.toast,
-        color: "blue",
-        children: toast
-      }
-    ) })
-  ] });
-}
-
-// src/ColorPalette/ColorPalette.module.css
-var ColorPalette_default = {};
-
-// src/ColorPalette/ColorPalette.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function ColorPalette({ name, shades, mainIndex = 5 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: ColorPalette_default.root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Title, { order: 4, size: "lg", tt: "capitalize", mb: "xs", children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.SimpleGrid, { cols: 10, spacing: 4, children: shades.map((hex, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Copyable, { value: hex, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: ColorPalette_default.shade, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "div",
-        {
-          className: `${ColorPalette_default.color} ${i === mainIndex ? ColorPalette_default.main : ""}`,
-          style: { backgroundColor: hex }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { size: "xs", c: "dimmed", ta: "center", mt: 4, children: i }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { size: "xs", c: "dimmed", ta: "center", ff: "monospace", children: hex })
-    ] }) }, i)) })
-  ] });
-}
-
-// src/ColorSwatch/ColorSwatch.tsx
-var import_core7 = require("@mantine/core");
-
-// src/ColorSwatch/ColorSwatch.module.css
-var ColorSwatch_default = {};
-
-// src/ColorSwatch/ColorSwatch.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function ColorSwatch({ name, hex, label }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Copyable, { value: hex, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core7.Paper, { className: ColorSwatch_default.root, shadow: "lg", radius: "md", withBorder: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: ColorSwatch_default.preview, style: { backgroundColor: hex } }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: ColorSwatch_default.info, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Text, { fw: 600, size: "sm", children: name }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Text, { size: "xs", c: "dimmed", ff: "monospace", children: hex }),
-      label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Text, { size: "xs", c: "dimmed", children: label })
-    ] })
-  ] }) });
-}
-
-// src/DosDonts/DosDonts.tsx
-var import_core8 = require("@mantine/core");
-var import_icons_react2 = require("@tabler/icons-react");
-
-// src/DosDonts/DosDonts.module.css
-var DosDonts_default = {};
-
-// src/DosDonts/DosDonts.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function DosDonts({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: DosDonts_default.root, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core8.SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core8.Paper, { className: DosDonts_default.dont, p: "md", radius: "md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core8.Group, { gap: 6, mb: 6, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_react2.IconX, { size: 16, className: DosDonts_default.dontIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Text, { size: "sm", fw: 600, className: DosDonts_default.dontLabel, children: "Don't" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Text, { size: "sm", children: item.dont })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core8.Paper, { className: DosDonts_default.do, p: "md", radius: "md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core8.Group, { gap: 6, mb: 6, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_react2.IconCheck, { size: 16, className: DosDonts_default.doIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Text, { size: "sm", fw: 600, className: DosDonts_default.doLabel, children: "Do" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Text, { size: "sm", children: item.do })
-    ] })
-  ] }, i)) });
-}
-
-// src/ExpandableCard/ExpandableCard.tsx
-var import_react7 = require("react");
-var import_core9 = require("@mantine/core");
-var import_framer_motion2 = require("framer-motion");
-
-// src/ExpandableCard/ExpandableCard.module.css
-var ExpandableCard_default = {};
-
-// src/ExpandableCard/ExpandableCard.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function ExpandableCard({
-  title,
-  description,
-  expandedContent,
-  icon: Icon,
-  color = "blue",
-  iconSize = "lg",
-  collapsedHeight = 120,
-  threshold = 0.5,
-  delay = 300,
-  expanded: controlledExpanded,
-  onExpandedChange
-}) {
-  const ref = (0, import_react7.useRef)(null);
-  const [internalExpanded, setInternalExpanded] = (0, import_react7.useState)(false);
-  const isControlled = controlledExpanded !== void 0;
-  const isExpanded = isControlled ? controlledExpanded : internalExpanded;
-  (0, import_react7.useEffect)(() => {
-    if (isControlled) return;
-    const el = ref.current;
-    if (!el) return;
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        if (entry.isIntersecting) {
-          setTimeout(() => {
-            setInternalExpanded(true);
-            onExpandedChange == null ? void 0 : onExpandedChange(true);
-          }, delay);
-        }
-      },
-      { threshold }
-    );
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [isControlled, threshold, delay, onExpandedChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_core9.Paper,
-    __spreadProps(__spreadValues({
-      ref,
-      radius: 4,
-      className: ExpandableCard_default.root,
-      component: import_framer_motion2.motion.div
-    }, {
-      animate: { height: isExpanded ? "auto" : collapsedHeight },
-      transition: { duration: 0.5, ease: "easeOut" }
-    }), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: ExpandableCard_default.inner, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core9.Group, { align: "flex-start", justify: "space-between", gap: "lg", wrap: "nowrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core9.Stack, { gap: "xs", style: { flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core9.Text, { fw: 700, size: "xl", lh: 1.3, children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core9.Text, { size: "md", c: "dimmed", children: description }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_framer_motion2.motion.div,
-            {
-              initial: { opacity: 0, height: 0 },
-              animate: {
-                opacity: isExpanded ? 1 : 0,
-                height: isExpanded ? "auto" : 0
-              },
-              transition: { duration: 0.4, delay: 0.2 },
-              style: { overflow: "hidden" },
-              children: typeof expandedContent === "string" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core9.Text, { size: "sm", c: "dimmed", mt: "sm", children: expandedContent }) : expandedContent
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_framer_motion2.motion.div,
-          {
-            animate: { scale: isExpanded ? 1.1 : 1 },
-            transition: { duration: 0.3 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core9.ThemeIcon, { size: iconSize, radius: 4, color, variant: "filled", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { size: 20, stroke: 1.5 }) })
-          }
-        )
-      ] }) })
-    })
-  );
-}
-
-// src/FadeInSection/FadeInSection.tsx
-var import_react8 = require("react");
-var import_core10 = require("@mantine/core");
-
-// src/FadeInSection/FadeInSection.module.css
-var FadeInSection_default = {};
-
-// src/FadeInSection/FadeInSection.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function FadeInSection(_a) {
-  var _b = _a, {
-    children,
-    delay = 0,
-    threshold = 0.1,
-    className
-  } = _b, props = __objRest(_b, [
-    "children",
-    "delay",
-    "threshold",
-    "className"
-  ]);
-  const ref = (0, import_react8.useRef)(null);
-  const [isVisible, setIsVisible] = (0, import_react8.useState)(false);
-  (0, import_react8.useEffect)(() => {
-    const el = ref.current;
-    if (!el) return;
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        if (entry.isIntersecting) {
-          if (delay > 0) {
-            setTimeout(() => setIsVisible(true), delay);
-          } else {
-            setIsVisible(true);
-          }
-        }
-      },
-      { threshold }
-    );
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [delay, threshold]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_core10.Box,
-    __spreadProps(__spreadValues({
-      ref,
-      className: `${FadeInSection_default.root} ${isVisible ? FadeInSection_default.visible : ""} ${className != null ? className : ""}`
-    }, props), {
-      children
-    })
-  );
-}
-
-// src/FrequencyWave/FrequencyWave.tsx
-var import_react9 = require("react");
-var import_core11 = require("@mantine/core");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function FrequencyWave({ isActive = false, height = 60 }) {
-  const canvasRef = (0, import_react9.useRef)(null);
-  const animationRef = (0, import_react9.useRef)(void 0);
-  const [isPulsing, setIsPulsing] = (0, import_react9.useState)(false);
-  const lastPulseRef = (0, import_react9.useRef)(null);
-  const randomSpikeRef = (0, import_react9.useRef)(null);
-  const { colorScheme } = (0, import_core11.useMantineColorScheme)();
-  const isDark = colorScheme === "dark";
-  const colors = {
-    start: isDark ? "#7950F2" : "#9775FA",
-    mid: isDark ? "#BE4BDB" : "#DA77F2",
-    end: isDark ? "#15AABF" : "#22B8CF"
-  };
-  const drawWave = (0, import_react9.useCallback)(
-    (ctx, width, canvasHeight, time) => {
-      var _a;
-      ctx.clearRect(0, 0, width, canvasHeight);
-      const isAnimating = isActive || isPulsing;
-      const waveY = canvasHeight * 0.65;
-      const baseAmplitude = isActive ? 5 : isPulsing ? 7 : 1.5;
-      if (isAnimating) {
-        if (randomSpikeRef.current === null) {
-          randomSpikeRef.current = Math.random();
-        }
-        if (Math.floor(time / 500) !== Math.floor((time - 16) / 500)) {
-          randomSpikeRef.current = Math.random();
-        }
-      }
-      const gradient = ctx.createLinearGradient(0, 0, width, 0);
-      gradient.addColorStop(0, colors.start);
-      gradient.addColorStop(0.5, colors.mid);
-      gradient.addColorStop(1, colors.end);
-      ctx.strokeStyle = gradient;
-      ctx.lineWidth = isAnimating ? 2.5 : 1.5;
-      ctx.lineCap = "round";
-      ctx.lineJoin = "round";
-      if (isAnimating) {
-        ctx.shadowColor = colors.mid;
-        ctx.shadowBlur = isPulsing ? 12 : 8;
-      } else {
-        ctx.shadowBlur = 0;
-      }
-      ctx.beginPath();
-      const segments = 300;
-      const segmentWidth = width / segments;
-      const speed = isActive ? 0.02 : isPulsing ? 0.025 : 3e-3;
-      for (let i = 0; i <= segments; i++) {
-        const x = i * segmentWidth;
-        const normalizedX = x / width;
-        let y = waveY;
-        if (isAnimating) {
-          const wave1 = Math.sin(normalizedX * Math.PI * 6 + time * speed) * baseAmplitude;
-          const wave2 = Math.sin(normalizedX * Math.PI * 12 + time * speed * 1.3) * (baseAmplitude * 0.4);
-          const wave3 = Math.sin(normalizedX * Math.PI * 18 + time * speed * 0.8) * (baseAmplitude * 0.2);
-          const spikePosition = (_a = randomSpikeRef.current) != null ? _a : 0.5;
-          const distToSpike = Math.abs(normalizedX - spikePosition);
-          const spikeAmplitude = distToSpike < 0.15 ? (1 - distToSpike / 0.15) * baseAmplitude * 1 : 0;
-          const spikeWave = Math.sin(normalizedX * Math.PI * 20 + time * speed * 2) * spikeAmplitude;
-          let aggressiveWave = 0;
-          if (isPulsing) {
-            aggressiveWave = Math.sin(normalizedX * Math.PI * 30 + time * 0.03) * baseAmplitude * 0.4;
-            aggressiveWave += Math.sin(normalizedX * Math.PI * 8 + time * 0.015) * baseAmplitude * 0.5;
-          }
-          const combinedWave = wave1 + wave2 + wave3 + spikeWave + aggressiveWave;
-          const envelope = Math.sin(normalizedX * Math.PI);
-          y = waveY + combinedWave * envelope;
-        } else {
-          y += Math.sin(normalizedX * Math.PI * 2 + time * speed) * baseAmplitude;
-        }
-        if (i === 0) {
-          ctx.moveTo(x, y);
-        } else {
-          ctx.lineTo(x, y);
-        }
-      }
-      ctx.stroke();
-      if (isActive) {
-        const barCount = 80;
-        const barWidth = 2;
-        const barGap = width / barCount;
-        const maxBarHeight = 16;
-        ctx.shadowBlur = 3;
-        for (let i = 0; i < barCount; i++) {
-          const x = i * barGap + barGap / 2;
-          const normalizedX = x / width;
-          const baseBarHeight = Math.sin(normalizedX * Math.PI * 8 + time * 0.025) * 0.5 + Math.sin(normalizedX * Math.PI * 14 + time * 0.018) * 0.3 + Math.sin(normalizedX * Math.PI * 4 + time * 0.03) * 0.2;
-          const envelope = Math.sin(normalizedX * Math.PI);
-          const barHeight = Math.abs(baseBarHeight) * maxBarHeight * envelope;
-          const barGradient = ctx.createLinearGradient(
-            x,
-            waveY - barHeight / 2,
-            x,
-            waveY + barHeight / 2
-          );
-          barGradient.addColorStop(0, colors.start + "90");
-          barGradient.addColorStop(0.5, colors.mid + "70");
-          barGradient.addColorStop(1, colors.end + "50");
-          ctx.fillStyle = barGradient;
-          ctx.fillRect(x - barWidth / 2, waveY - barHeight / 2, barWidth, barHeight);
-        }
-      }
-      if (isPulsing) {
-        const particleCount = 15;
-        for (let i = 0; i < particleCount; i++) {
-          const px = (Math.sin(time * 1e-3 + i * 1.5) * 0.5 + 0.5) * width;
-          const py = waveY + Math.sin(time * 2e-3 + i) * 8;
-          const radius = 1.5 + Math.sin(time * 3e-3 + i * 2) * 0.5;
-          ctx.beginPath();
-          ctx.arc(px, py, radius, 0, Math.PI * 2);
-          ctx.fillStyle = i % 2 === 0 ? colors.start + "80" : colors.end + "80";
-          ctx.fill();
-        }
-      }
-    },
-    [isActive, isPulsing, colors.start, colors.mid, colors.end]
-  );
-  (0, import_react9.useEffect)(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    const updateSize = () => {
-      const dpr = window.devicePixelRatio || 1;
-      const rect = canvas.getBoundingClientRect();
-      canvas.width = rect.width * dpr;
-      canvas.height = rect.height * dpr;
-      ctx.scale(dpr, dpr);
-    };
-    updateSize();
-    window.addEventListener("resize", updateSize);
-    const startTime = performance.now();
-    const animate = (currentTime) => {
-      const elapsed = currentTime - startTime;
-      const rect = canvas.getBoundingClientRect();
-      drawWave(ctx, rect.width, rect.height, elapsed);
-      animationRef.current = requestAnimationFrame(animate);
-    };
-    animationRef.current = requestAnimationFrame(animate);
-    return () => {
-      window.removeEventListener("resize", updateSize);
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-      }
-    };
-  }, [drawWave]);
-  (0, import_react9.useEffect)(() => {
-    if (isActive) {
-      queueMicrotask(() => setIsPulsing(false));
-      lastPulseRef.current = Date.now();
-      return;
-    }
-    const checkForPulse = () => {
-      const now = Date.now();
-      if (lastPulseRef.current === null) {
-        lastPulseRef.current = now;
-      }
-      const timeSinceLastPulse = now - lastPulseRef.current;
-      const pulseInterval = 12e4 + Math.random() * 6e4;
-      if (timeSinceLastPulse >= pulseInterval && !isPulsing) {
-        setIsPulsing(true);
-        lastPulseRef.current = now;
-        setTimeout(() => setIsPulsing(false), 4e3);
-      }
-    };
-    const intervalId = setInterval(checkForPulse, 5e3);
-    return () => clearInterval(intervalId);
-  }, [isActive, isPulsing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_core11.Box,
-    {
-      style: {
-        position: "relative",
-        width: "100%",
-        height,
-        overflow: "hidden",
-        pointerEvents: "none",
-        opacity: isDark ? 1 : 0.8
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "canvas",
-        {
-          ref: canvasRef,
-          style: {
-            width: "100%",
-            height: "100%",
-            display: "block"
-          }
-        }
-      )
-    }
-  );
-}
-
-// src/GradientSwatch/GradientSwatch.tsx
-var import_core12 = require("@mantine/core");
-
-// src/GradientSwatch/GradientSwatch.module.css
-var GradientSwatch_default = {};
-
-// src/GradientSwatch/GradientSwatch.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function GradientSwatch({ name, colors, description }) {
-  const css = `linear-gradient(135deg, ${colors[0]} 0%, ${colors[1]} 100%)`;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Copyable, { value: css, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core12.Paper, { className: GradientSwatch_default.root, shadow: "lg", radius: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: GradientSwatch_default.preview, style: { background: css } }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: GradientSwatch_default.info, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core12.Text, { fw: 600, size: "sm", children: name }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core12.Text, { size: "xs", c: "dimmed", children: description }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core12.Text, { size: "xs", c: "dimmed", ff: "monospace", children: [
-        colors[0],
-        " \u2192 ",
-        colors[1]
-      ] })
-    ] })
-  ] }) });
-}
-
-// src/Hero/Hero.tsx
-var import_react10 = require("react");
-var import_core13 = require("@mantine/core");
-var import_framer_motion3 = require("framer-motion");
-var import_frequency_mark_white = __toESM(require("@frequencyads/brand/assets/frequency-mark-white.svg"));
-var import_colors = require("@frequencyads/brand/colors");
-
-// src/VideoBackground/VideoBackground.module.css
-var VideoBackground_default = {};
-
-// src/VideoBackground/VideoBackground.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function VideoBackground({ src, opacity = 0.3 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: VideoBackground_default.root, style: { opacity }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("video", { autoPlay: true, muted: true, loop: true, playsInline: true, className: VideoBackground_default.video, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("source", { src, type: "video/mp4" }) }) });
-}
-
-// src/Hero/Hero.module.css
-var Hero_default = {};
-
-// src/Hero/Hero.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-function Hero({
-  variant = "logo",
-  heading,
-  label,
-  tagline,
-  logoSrc = import_frequency_mark_white.default,
-  gradient: gradientName = "frequencyAlive",
-  shimmer = true,
-  primaryAction,
-  secondaryAction,
-  backgroundVideoSrc,
-  showWaveform,
-  showScrollIndicator = false
-}) {
-  const [mounted, setMounted] = (0, import_react10.useState)(false);
-  const resolvedHeading = heading != null ? heading : variant === "text" ? "Your Message" : void 0;
-  const resolvedLabel = label || (variant === "logo" ? "Welcome" : void 0);
-  const hasActions = primaryAction || secondaryAction;
-  const waveformVisible = showWaveform != null ? showWaveform : true;
-  const grad = import_colors.gradients[gradientName];
-  (0, import_react10.useEffect)(() => {
-    setMounted(true);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core13.Box, { component: "section", className: Hero_default.root, children: [
-    backgroundVideoSrc && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(VideoBackground, { src: backgroundVideoSrc }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: Hero_default.content, children: [
-      mounted && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        resolvedLabel && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_framer_motion3.motion.p,
-          {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            transition: { duration: 0.8, delay: 0.2 },
-            className: Hero_default.label,
-            children: resolvedLabel
-          }
-        ),
-        variant === "logo" && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-          import_framer_motion3.motion.div,
-          {
-            initial: { opacity: 0, scale: 0.8 },
-            animate: { opacity: 1, scale: 1 },
-            transition: { duration: 1.2, delay: 0.3, ease: "easeOut" },
-            className: Hero_default.logoWrapper,
-            children: [
-              waveformVisible && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AnimatedWaveform, {}),
-              waveformVisible && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: Hero_default.vignette }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                import_framer_motion3.motion.img,
-                {
-                  src: logoSrc,
-                  alt: resolvedHeading != null ? resolvedHeading : "Frequency",
-                  className: Hero_default.logo,
-                  animate: { rotate: [0, 0.5, -0.5, 0] },
-                  transition: { duration: 8, repeat: Infinity, ease: "easeInOut" }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: Hero_default.glow })
-            ]
-          }
-        ),
-        variant === "text" && resolvedHeading && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-          import_framer_motion3.motion.div,
-          {
-            initial: { opacity: 0, scale: 0.8 },
-            animate: { opacity: 1, scale: 1 },
-            transition: { duration: 1.2, delay: 0.3, ease: "easeOut" },
-            className: Hero_default.textWrapper,
-            children: [
-              waveformVisible && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AnimatedWaveform, {}),
-              waveformVisible && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: Hero_default.vignette }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                import_core13.Title,
-                {
-                  order: 1,
-                  className: `${Hero_default.heading} ${shimmer ? Hero_default.shimmer : ""}`,
-                  style: {
-                    backgroundImage: `linear-gradient(135deg, ${grad.from}, ${grad.to}, ${grad.from})`,
-                    backgroundSize: shimmer ? "200% 100%" : void 0
-                  },
-                  children: resolvedHeading
-                }
-              )
-            ]
-          }
-        ),
-        tagline && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_framer_motion3.motion.div,
-          {
-            initial: { opacity: 0, y: 20 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.8, delay: 0.7 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core13.Text, { className: Hero_default.tagline, children: tagline })
-          }
-        ),
-        hasActions && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_framer_motion3.motion.div,
-          {
-            initial: { opacity: 0, y: 20 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.8, delay: 0.9 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core13.Group, { gap: "md", justify: "center", wrap: "wrap", children: [
-              primaryAction && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                import_core13.Button,
-                {
-                  component: "a",
-                  href: primaryAction.href,
-                  size: "lg",
-                  radius: 4,
-                  className: Hero_default.primaryButton,
-                  children: primaryAction.label
-                }
-              ),
-              secondaryAction && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                import_core13.Button,
-                {
-                  component: "a",
-                  href: secondaryAction.href,
-                  size: "lg",
-                  radius: 4,
-                  variant: "outline",
-                  className: Hero_default.secondaryButton,
-                  children: secondaryAction.label
-                }
-              )
-            ] })
-          }
-        )
-      ] }),
-      mounted && showScrollIndicator && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-        import_framer_motion3.motion.div,
-        {
-          className: Hero_default.scrollIndicator,
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          transition: { duration: 1, delay: 1.4 },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: Hero_default.scrollLabel, children: "Scroll" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              import_framer_motion3.motion.div,
-              {
-                className: Hero_default.scrollLine,
-                animate: { scaleY: [1, 1.5, 1] },
-                transition: { duration: 1.5, repeat: Infinity }
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/HintBadge/HintBadge.tsx
-var import_core14 = require("@mantine/core");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function HintBadge({ variant, children }) {
-  const isDo = variant === "do";
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    import_core14.Badge,
-    {
-      variant: "light",
-      color: isDo ? "green" : "red",
-      size: "lg",
-      radius: "sm",
-      styles: {
-        root: { textTransform: "none", fontWeight: 400 },
-        label: { whiteSpace: "normal", lineHeight: 1.4 }
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("strong", { children: [
-          isDo ? "Do" : "Don't",
-          ":"
-        ] }),
-        " ",
-        children
-      ]
-    }
-  );
-}
-
-// src/MiniAudioPlayer/MiniAudioPlayer.tsx
-var import_react11 = require("react");
-var import_core15 = require("@mantine/core");
-var import_icons_react3 = require("@tabler/icons-react");
-
-// src/MiniAudioPlayer/MiniAudioPlayer.module.css
-var MiniAudioPlayer_default = {};
-
-// src/MiniAudioPlayer/MiniAudioPlayer.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var SIZE_CONFIG = {
-  mini: { height: 24, buttonSize: 20, iconSize: 14, waveHeight: 16, barWidth: 1, barGap: 0 },
-  small: { height: 32, buttonSize: 28, iconSize: 16, waveHeight: 20, barWidth: 1, barGap: 0 },
-  compact: { height: 40, buttonSize: 32, iconSize: 18, waveHeight: 24, barWidth: 2, barGap: 1 }
-};
-var MiniAudioPlayer = (0, import_react11.forwardRef)(
-  ({
-    audioUrl,
-    size = "mini",
-    waveColor = "#CCCCCC",
-    progressColor = "#169bde",
-    onPlay,
-    onPause,
-    className,
-    style
-  }, ref) => {
-    const audioRef = (0, import_react11.useRef)(null);
-    const [isPlaying, setIsPlaying] = (0, import_react11.useState)(false);
-    const [currentTime, setCurrentTime] = (0, import_react11.useState)(0);
-    const config = SIZE_CONFIG[size];
-    (0, import_react11.useEffect)(() => {
-      const audio = audioRef.current;
-      if (!audio) return;
-      const handleTimeUpdate = () => setCurrentTime(audio.currentTime);
-      const handleEnded = () => {
-        setIsPlaying(false);
-        setCurrentTime(0);
-      };
-      const handlePause = () => setIsPlaying(false);
-      const handlePlay = () => setIsPlaying(true);
-      audio.addEventListener("timeupdate", handleTimeUpdate);
-      audio.addEventListener("ended", handleEnded);
-      audio.addEventListener("pause", handlePause);
-      audio.addEventListener("play", handlePlay);
-      return () => {
-        audio.removeEventListener("timeupdate", handleTimeUpdate);
-        audio.removeEventListener("ended", handleEnded);
-        audio.removeEventListener("pause", handlePause);
-        audio.removeEventListener("play", handlePlay);
-      };
-    }, [audioUrl]);
-    const handlePlayPause = (0, import_react11.useCallback)(() => {
-      const audio = audioRef.current;
-      if (!audio) return;
-      if (isPlaying) {
-        audio.pause();
-        onPause == null ? void 0 : onPause();
-      } else {
-        audio.play().catch(() => {
-        });
-        onPlay == null ? void 0 : onPlay();
-      }
-    }, [isPlaying, onPlay, onPause]);
-    const handleSeek = (0, import_react11.useCallback)((time) => {
-      const audio = audioRef.current;
-      if (audio && !isNaN(time) && isFinite(time)) {
-        audio.currentTime = time;
-        setCurrentTime(time);
-      }
-    }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-      import_core15.Group,
-      {
-        ref,
-        gap: size === "mini" ? 6 : size === "small" ? 8 : 10,
-        wrap: "nowrap",
-        className: `${MiniAudioPlayer_default.root} ${className != null ? className : ""}`,
-        style: __spreadValues({ height: config.height }, style),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("audio", { ref: audioRef, src: audioUrl, preload: "metadata" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_core15.ActionIcon,
-            {
-              variant: "filled",
-              color: "blue",
-              radius: "xl",
-              size: config.buttonSize,
-              onClick: handlePlayPause,
-              "aria-label": isPlaying ? "Pause" : "Play",
-              className: MiniAudioPlayer_default.playButton,
-              children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons_react3.IconPlayerPauseFilled, { size: config.iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons_react3.IconPlayerPlayFilled, { size: config.iconSize })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core15.Box, { style: { flex: 1, minWidth: 80 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            AudioWaveform,
-            {
-              audioRef,
-              currentTime,
-              onSeek: handleSeek,
-              waveColor,
-              progressColor,
-              height: config.waveHeight,
-              barWidth: config.barWidth,
-              barGap: config.barGap
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-MiniAudioPlayer.displayName = "MiniAudioPlayer";
-
-// src/PrincipleCard/PrincipleCard.tsx
-var import_core16 = require("@mantine/core");
-
-// src/PrincipleCard/PrincipleCard.module.css
-var PrincipleCard_default = {};
-
-// src/PrincipleCard/PrincipleCard.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-function PrincipleCard({
-  accentColor,
-  title,
-  description,
-  doHint,
-  dontHint
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    import_core16.Paper,
-    {
-      className: PrincipleCard_default.root,
-      p: "lg",
-      radius: "md",
-      style: { borderLeftColor: accentColor },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Title, { order: 3, size: "h4", mb: "xs", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Text, { c: "dimmed", children: description }),
-        (doHint || dontHint) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core16.Group, { gap: "sm", mt: "md", wrap: "wrap", children: [
-          doHint && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(HintBadge, { variant: "do", children: doHint }),
-          dontHint && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(HintBadge, { variant: "dont", children: dontHint })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/SpeedDial/SpeedDial.tsx
-var import_react12 = require("react");
-var import_core17 = require("@mantine/core");
-var import_icons_react4 = require("@tabler/icons-react");
-
-// src/SpeedDial/SpeedDial.module.css
-var SpeedDial_default = {};
-
-// src/SpeedDial/SpeedDial.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function SpeedDial({
-  actions,
-  icon,
-  openIcon,
-  direction = "up",
-  color = "blue",
-  size = 56,
-  defaultOpen = false,
-  open: controlledOpen,
-  onOpenChange,
-  style,
-  className
-}) {
-  var _a;
-  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react12.useState)(defaultOpen);
-  const isOpen = controlledOpen != null ? controlledOpen : uncontrolledOpen;
-  const toggle = (0, import_react12.useCallback)(() => {
-    const next = !isOpen;
-    setUncontrolledOpen(next);
-    onOpenChange == null ? void 0 : onOpenChange(next);
-  }, [isOpen, onOpenChange]);
-  const close = (0, import_react12.useCallback)(() => {
-    setUncontrolledOpen(false);
-    onOpenChange == null ? void 0 : onOpenChange(false);
-  }, [onOpenChange]);
-  const isVertical = direction === "up" || direction === "down";
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-    import_core17.Box,
-    {
-      className: `${SpeedDial_default.root} ${className != null ? className : ""}`,
-      style,
-      "data-direction": direction,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: SpeedDial_default.actions, "data-direction": direction, children: actions.map((action, i) => {
-          const index = direction === "up" || direction === "left" ? actions.length - 1 - i : i;
-          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            import_core17.Transition,
-            {
-              mounted: isOpen,
-              transition: isVertical ? "slide-up" : "slide-right",
-              duration: 200,
-              timingFunction: "ease",
-              enterDelay: index * 40,
-              children: (transitionStyles) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core17.Tooltip, { label: action.label, position: isVertical ? "left" : "top", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_core17.ActionIcon,
-                {
-                  variant: "filled",
-                  color: "gray",
-                  radius: "xl",
-                  size: size * 0.7,
-                  style: transitionStyles,
-                  className: SpeedDial_default.actionButton,
-                  onClick: () => {
-                    action.onClick();
-                    close();
-                  },
-                  "aria-label": action.label,
-                  children: action.icon
-                }
-              ) })
-            },
-            action.label
-          );
-        }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_core17.ActionIcon,
-          {
-            variant: "filled",
-            color,
-            radius: "xl",
-            size,
-            onClick: toggle,
-            className: SpeedDial_default.fab,
-            "data-open": isOpen || void 0,
-            "aria-label": isOpen ? "Close actions" : "Open actions",
-            children: isOpen ? (_a = openIcon != null ? openIcon : icon) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react4.IconPlus, { size: size * 0.45 }) : icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react4.IconPlus, { size: size * 0.45 })
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/SplitSection/SplitSection.tsx
-var import_core18 = require("@mantine/core");
-
-// src/SplitSection/SplitSection.module.css
-var SplitSection_default = {};
-
-// src/SplitSection/SplitSection.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function SplitSection({
-  badge,
-  badgeColor = "violet",
-  subtitle,
-  title,
-  titleColor = "blue",
-  preTitle,
-  description,
-  actions,
-  heading,
-  children,
-  stickyHeading = false,
-  py,
-  reversed = false,
-  id,
-  className
-}) {
-  const headingContent = heading != null ? heading : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core18.Stack, { gap: "sm", children: [
-    badge && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core18.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_core18.Badge,
-        {
-          color: badgeColor,
-          variant: "filled",
-          size: "sm",
-          radius: 4,
-          tt: "uppercase",
-          fw: 700,
-          children: badge
-        }
-      ),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Text, { size: "sm", c: "dimmed", mt: "xs", tt: "uppercase", style: { letterSpacing: "0.05em" }, children: subtitle })
-    ] }),
-    !badge && subtitle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Text, { size: "sm", c: "dimmed", tt: "uppercase", style: { letterSpacing: "0.05em" }, children: subtitle }),
-    (preTitle || title) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core18.Title, { order: 2, className: SplitSection_default.title, children: [
-      preTitle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: SplitSection_default.preTitle, children: preTitle }),
-      preTitle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
-      title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_core18.Text,
-        {
-          component: "span",
-          inherit: true,
-          className: SplitSection_default.titleHighlight,
-          c: titleColor,
-          children: title
-        }
-      )
-    ] }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Text, { size: "lg", c: "dimmed", lh: 1.7, className: SplitSection_default.description, children: description }),
-    actions && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Box, { mt: "md", children: actions })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_core18.Box,
-    {
-      component: "section",
-      py: py != null ? py : "calc(var(--mantine-spacing-xl) * 3)",
-      pos: "relative",
-      id,
-      className,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Box, { className: SplitSection_default.container, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core18.Box, { className: `${SplitSection_default.layout} ${reversed ? SplitSection_default.reversed : ""}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          import_core18.Box,
-          {
-            className: `${SplitSection_default.headingSide} ${stickyHeading ? SplitSection_default.sticky : ""}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Box, { className: stickyHeading ? SplitSection_default.stickyInner : void 0, children: headingContent })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Box, { className: SplitSection_default.contentSide, children })
-      ] }) })
-    }
-  );
-}
-
-// src/TestimonialCard/TestimonialCard.tsx
-var import_core19 = require("@mantine/core");
-var import_icons_react5 = require("@tabler/icons-react");
-
-// src/TestimonialCard/TestimonialCard.module.css
-var TestimonialCard_default = {};
-
-// src/TestimonialCard/TestimonialCard.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function getInitials(name) {
-  return name.split(" ").map((part) => part[0]).join("").toUpperCase().slice(0, 2);
-}
-function TestimonialCard({
-  quote,
-  name,
-  role,
-  company,
-  avatarSrc,
-  accentColor = "blue"
-}) {
-  const borderColor = `var(--mantine-color-${accentColor}-filled)`;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core19.Paper, { className: TestimonialCard_default.root, p: "lg", radius: "md", style: { borderLeftColor: borderColor }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_react5.IconQuote, { size: 32, className: TestimonialCard_default.quoteIcon, color: borderColor }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core19.Text, { fs: "italic", mt: "xs", mb: "md", children: quote }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core19.Group, { gap: "sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core19.Avatar, { src: avatarSrc, alt: name, color: accentColor, radius: "xl", size: "md", children: getInitials(name) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core19.Stack, { gap: 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core19.Text, { fw: 600, size: "sm", children: name }),
-        (role || company) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core19.Text, { size: "xs", c: "dimmed", children: [role, company].filter(Boolean).join(", ") })
-      ] })
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AnimatedCounter,
-  AnimatedWaveform,
-  AudioPlayer,
-  AudioWaveform,
-  CodeBlock,
-  ColorPalette,
-  ColorSwatch,
-  Copyable,
-  DosDonts,
-  ExpandableCard,
-  FadeInSection,
-  FrequencyWave,
-  GradientSwatch,
-  Hero,
-  HintBadge,
-  MiniAudioPlayer,
-  PrincipleCard,
-  SpeedDial,
-  SplitSection,
-  TestimonialCard,
-  VideoBackground
-});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),t=require("@mantine/core"),k=require("framer-motion"),z=require("@tabler/icons-react"),fe=require("@frequencyads/brand/assets/frequency-mark-white.svg"),_e=require("@frequencyads/brand/colors");function ve({value:s,suffix:o="",prefix:i="",duration:a=2e3,threshold:l=.5,abbreviate:f=!0,decimals:g,...j}){const[_,u]=c.useState(0),[m,b]=c.useState(!1),r=c.useRef(null);c.useEffect(()=>{const h=r.current;if(!h)return;const d=new IntersectionObserver(([y])=>{y.isIntersecting&&!m&&b(!0)},{threshold:l});return d.observe(h),()=>d.disconnect()},[m,l]),c.useEffect(()=>{if(!m)return;let h,d;const y=n=>{h||(h=n);const x=Math.min((n-h)/a,1),w=1-Math.pow(1-x,3);u(w*s),x<1&&(d=requestAnimationFrame(y))};return d=requestAnimationFrame(y),()=>cancelAnimationFrame(d)},[m,s,a]);const v=()=>{if(f&&s>=1e3){const h=_/1e3;return h%1===0?`${Math.round(h)}K`:`${h.toFixed(1)}K`}return g!==void 0?_.toFixed(g):s!==Math.floor(s)?_.toFixed(1):Math.round(_).toString()};return e.jsxs(t.Text,{component:"span",ref:r,style:{fontVariantNumeric:"tabular-nums"},...j,children:[i,v(),o]})}const je="_root_1bq7s_1",ge="_svg_1bq7s_12",ne={root:je,svg:ge},ye=140,oe=3,ae=10,he=150,F=he/2;function te({barCount:s=ye,duration:o=3,repeatDelay:i=3}){const[a,l]=c.useState(!1);if(c.useEffect(()=>{l(!0)},[]),!a)return null;const f=s*ae;return e.jsx("div",{className:ne.root,children:e.jsxs("svg",{className:ne.svg,viewBox:`0 0 ${f} ${he}`,preserveAspectRatio:"none",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"waveformBarGradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"white",stopOpacity:"0"}),e.jsx("stop",{offset:"15%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"50%",stopColor:"white",stopOpacity:"0.25"}),e.jsx("stop",{offset:"85%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"100%",stopColor:"white",stopOpacity:"0"})]})}),[...Array(s)].map((g,j)=>{const _=j*ae,u=18+Math.sin(j*.4)*6+Math.cos(j*.7)*4,m=Math.min(j,s-1-j)*.04;return e.jsxs("g",{children:[e.jsx(k.motion.rect,{x:_,width:oe,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:u/2,y:F-u/4},animate:{height:[u/2,u*2,u/2,u*1.2,u/2],y:[F-u/4,F-u,F-u/4,F-u*.6,F-u/4]},transition:{duration:o,repeat:1/0,ease:"easeInOut",delay:m,repeatDelay:i}}),e.jsx(k.motion.rect,{x:_,y:F,width:oe,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:u/2},animate:{height:[u/2,u*2,u/2,u*1.2,u/2]},transition:{duration:o,repeat:1/0,ease:"easeInOut",delay:m,repeatDelay:i}})]},j)})]})})}const be="_root_1pkxe_1",we="_progressOverlay_1pkxe_9",Ie="_bars_1pkxe_19",Ne="_bar_1pkxe_19",Ce="_loading_1pkxe_34",H={root:be,progressOverlay:we,bars:Ie,bar:Ne,loading:Ce};function Se(s=100){const o=[];for(let i=0;i<s;i++){const a=i/(s-1),l=20+Math.sin(i*.1)*15,f=(Math.random()-.5)*20,g=Math.sin(a*Math.PI)*30,j=a>.2&&a<.8?Math.random()*10:0,_=a<.05||a>.95?Math.min(a/.05,(1-a)/.05):1;o.push(Math.max(5,Math.min(90,(l+f+g+j)*_)))}return o}const K=c.forwardRef(({audioRef:s,currentTime:o=0,onSeek:i,loading:a=!1,waveColor:l="#CCCCCC",progressColor:f="#169bde",height:g=60,barWidth:j=2,barGap:_=1},u)=>{const m=c.useRef(null),[b]=c.useState(()=>Se()),[r,v]=c.useState(0),[h,d]=c.useState(0);c.useImperativeHandle(u,()=>({seekTo:n=>{r>0&&d(Math.max(0,Math.min(100,n/r*100)))},getCurrentTime:()=>h/100*r,getDuration:()=>r})),c.useEffect(()=>{const n=s.current;if(!n)return;const x=()=>{n.duration&&!isNaN(n.duration)&&v(n.duration)},w=()=>{n.duration>0&&d(n.currentTime/n.duration*100)};return n.duration&&!isNaN(n.duration)&&v(n.duration),n.addEventListener("loadedmetadata",x),n.addEventListener("timeupdate",w),()=>{n.removeEventListener("loadedmetadata",x),n.removeEventListener("timeupdate",w)}},[s]),c.useEffect(()=>{r>0&&typeof o=="number"&&d(o/r*100)},[o,r]);const y=c.useCallback(n=>{if(!m.current||!i||r===0)return;const x=m.current.getBoundingClientRect(),w=(n.clientX-x.left)/x.width*r;i(w)},[i,r]);return e.jsxs(t.Box,{ref:m,className:H.root,style:{height:g},onClick:y,children:[e.jsx("div",{className:H.progressOverlay,style:{width:`${h}%`,backgroundColor:`${f}15`}}),e.jsx("div",{className:H.bars,style:{gap:_},children:b.map((n,x)=>{const w=x/b.length*100<=h;return e.jsx("div",{className:H.bar,style:{width:j,height:`${n}%`,backgroundColor:w?f:l}},x)})}),a&&e.jsx("div",{className:H.loading,children:"Loading waveform..."})]})});K.displayName="AudioWaveform";const Te="_root_n9zxy_1",ke="_playButton_n9zxy_8",Me="_time_n9zxy_22",ze="_volumeGroup_n9zxy_28",O={root:Te,playButton:ke,time:Me,volumeGroup:ze};function Q(s){const o=Math.floor(s/60),i=Math.floor(s%60);return`${o.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`}function Be({src:s,filename:o="audio",playButtonColor:i,playButtonSize:a=32,waveColor:l="#D0D0D0",progressColor:f="#a8a8a8",waveHeight:g=64,barWidth:j=3,barGap:_=2,showVolume:u=!0,showDownload:m=!0}){const b=c.useRef(null),[r,v]=c.useState(!1),[h,d]=c.useState(0),[y,n]=c.useState("00:00"),[x,w]=c.useState("00:00"),[M,E]=c.useState(50),[W,P]=c.useState(50),[S,N]=c.useState(!1);c.useEffect(()=>{const p=b.current;if(!p)return;p.volume=M/100;const I=()=>{d(p.currentTime),n(Q(p.currentTime))},T=()=>w(Q(p.duration)),A=()=>{setTimeout(()=>{d(0),n("00:00"),v(!1)},500)},V=()=>v(!0),U=()=>v(!1);return p.addEventListener("timeupdate",I),p.addEventListener("loadedmetadata",T),p.addEventListener("ended",A),p.addEventListener("play",V),p.addEventListener("pause",U),()=>{p.removeEventListener("timeupdate",I),p.removeEventListener("loadedmetadata",T),p.removeEventListener("ended",A),p.removeEventListener("play",V),p.removeEventListener("pause",U)}},[s]);const $=c.useCallback(()=>{const p=b.current;p&&(r?p.pause():p.play().catch(()=>{}))},[r]),L=c.useCallback(p=>{const I=b.current;I&&!isNaN(p)&&isFinite(p)&&(I.currentTime=p,d(p),n(Q(p)))},[]),G=c.useCallback(p=>{const I=b.current;I&&(I.volume=p/100,E(p),p>0?(P(p),N(!1)):N(!0))},[]),R=c.useCallback(()=>{const p=b.current;if(p)if(S){const I=W||50;p.volume=I/100,E(I),N(!1)}else P(M),p.volume=0,E(0),N(!0)},[S,M,W]),q=c.useCallback(()=>{fetch(s).then(p=>p.blob()).then(p=>{const I=URL.createObjectURL(p),T=document.createElement("a");T.href=I,T.download=o,document.body.appendChild(T),T.click(),document.body.removeChild(T),URL.revokeObjectURL(I)}).catch(()=>window.open(s,"_blank"))},[s,o]);return e.jsxs(t.Group,{gap:"sm",wrap:"nowrap",className:O.root,children:[e.jsx("audio",{ref:b,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",radius:"xl",size:a,color:i,onClick:$,"aria-label":r?"Pause":"Play",className:O.playButton,children:r?e.jsx(z.IconPlayerPauseFilled,{size:a*.5}):e.jsx(z.IconPlayerPlayFilled,{size:a*.5})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:O.time,children:y}),e.jsx(t.Box,{style:{flex:1,minWidth:0},children:e.jsx(K,{audioRef:b,currentTime:h,onSeek:L,waveColor:l,progressColor:f,height:g,barWidth:j,barGap:_})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:O.time,children:x}),u&&e.jsxs(t.Group,{gap:4,wrap:"nowrap",className:O.volumeGroup,children:[e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:R,"aria-label":S?"Unmute":"Mute",children:S?e.jsx(z.IconVolumeOff,{size:16}):e.jsx(z.IconVolume,{size:16})}),e.jsx(t.Slider,{value:M,onChange:G,size:"xs",w:80,"aria-label":"Volume"})]}),m&&e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:q,"aria-label":"Download",children:e.jsx(z.IconDownload,{size:16})})]})}const $e="_root_ujac8_1",Pe="_textarea_ujac8_5",ie={root:$e,textarea:Pe};function Le({code:s,filename:o,height:i=384}){const[a,l]=c.useState(!1),f=c.useCallback(async()=>{try{await navigator.clipboard.writeText(s),l(!0),setTimeout(()=>l(!1),2e3)}catch{}},[s]);return e.jsxs(t.Box,{className:ie.root,children:[e.jsxs(t.Group,{justify:"space-between",mb:"xs",children:[o&&e.jsx(t.Text,{size:"sm",fw:500,c:"dimmed",children:o}),e.jsx(t.Button,{size:"xs",radius:"md",color:a?"green":"blue",onClick:f,children:a?"Copied!":"Copy"})]}),e.jsx("textarea",{readOnly:!0,value:s,className:ie.textarea,style:{height:i}})]})}const Ee="_root_ix1b2_1",We="_toast_ix1b2_5",re={root:Ee,toast:We};function J({value:s,children:o}){const[i,a]=c.useState(null),l=c.useCallback(()=>{navigator.clipboard.writeText(s).then(()=>{a(`Copied ${s}`),setTimeout(()=>a(null),1800)})},[s]);return e.jsxs(e.Fragment,{children:[e.jsx("span",{onClick:l,className:re.root,title:`Click to copy ${s}`,children:o}),i&&e.jsx(t.Portal,{children:e.jsx(t.Notification,{withCloseButton:!1,className:re.toast,color:"blue",children:i})})]})}const Ge="_root_3ht5s_1",Re="_shade_3ht5s_5",Fe="_color_3ht5s_10",De="_main_3ht5s_20",X={root:Ge,shade:Re,color:Fe,main:De};function Ae({name:s,shades:o,mainIndex:i=5}){return e.jsxs("div",{className:X.root,children:[e.jsx(t.Title,{order:4,size:"lg",tt:"capitalize",mb:"xs",children:s}),e.jsx(t.SimpleGrid,{cols:10,spacing:4,children:o.map((a,l)=>e.jsx(J,{value:a,children:e.jsxs("div",{className:X.shade,children:[e.jsx("div",{className:`${X.color} ${l===i?X.main:""}`,style:{backgroundColor:a}}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",mt:4,children:l}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",ff:"monospace",children:a})]})},l))})]})}const qe="_root_1vxkx_1",He="_preview_1vxkx_11",Oe="_info_1vxkx_15",Z={root:qe,preview:He,info:Oe};function Ve({name:s,hex:o,label:i}){return e.jsx(J,{value:o,children:e.jsxs(t.Paper,{className:Z.root,shadow:"lg",radius:"md",withBorder:!1,children:[e.jsx("div",{className:Z.preview,style:{backgroundColor:o}}),e.jsxs("div",{className:Z.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),e.jsx(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:o}),i&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:i})]})]})})}const Ue="_root_dzed6_1",Xe="_dont_dzed6_7",Ye="_dontIcon_dzed6_12",Ke="_dontLabel_dzed6_13",Je="_doIcon_dzed6_22",Qe="_doLabel_dzed6_23",D={root:Ue,dont:Xe,dontIcon:Ye,dontLabel:Ke,do:"_do_dzed6_7",doIcon:Je,doLabel:Qe};function Ze({items:s}){return e.jsx("div",{className:D.root,children:s.map((o,i)=>e.jsxs(t.SimpleGrid,{cols:{base:1,sm:2},spacing:"md",children:[e.jsxs(t.Paper,{className:D.dont,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx(z.IconX,{size:16,className:D.dontIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:D.dontLabel,children:"Don't"})]}),e.jsx(t.Text,{size:"sm",children:o.dont})]}),e.jsxs(t.Paper,{className:D.do,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx(z.IconCheck,{size:16,className:D.doIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:D.doLabel,children:"Do"})]}),e.jsx(t.Text,{size:"sm",children:o.do})]})]},i))})}const et="_root_xi08i_1",tt="_inner_xi08i_6",ce={root:et,inner:tt};function st({title:s,description:o,expandedContent:i,icon:a,color:l="blue",iconSize:f="lg",collapsedHeight:g=120,threshold:j=.5,delay:_=300,expanded:u,onExpandedChange:m}){const b=c.useRef(null),[r,v]=c.useState(!1),h=u!==void 0,d=h?u:r;return c.useEffect(()=>{if(h)return;const y=b.current;if(!y)return;const n=new IntersectionObserver(([x])=>{x.isIntersecting&&setTimeout(()=>{v(!0),m==null||m(!0)},_)},{threshold:j});return n.observe(y),()=>n.disconnect()},[h,j,_,m]),e.jsx(t.Paper,{ref:b,radius:4,className:ce.root,component:k.motion.div,animate:{height:d?"auto":g},transition:{duration:.5,ease:"easeOut"},children:e.jsx("div",{className:ce.inner,children:e.jsxs(t.Group,{align:"flex-start",justify:"space-between",gap:"lg",wrap:"nowrap",children:[e.jsxs(t.Stack,{gap:"xs",style:{flex:1},children:[e.jsx(t.Text,{fw:700,size:"xl",lh:1.3,children:s}),e.jsx(t.Text,{size:"md",c:"dimmed",children:o}),e.jsx(k.motion.div,{initial:{opacity:0,height:0},animate:{opacity:d?1:0,height:d?"auto":0},transition:{duration:.4,delay:.2},style:{overflow:"hidden"},children:typeof i=="string"?e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"sm",children:i}):i})]}),e.jsx(k.motion.div,{animate:{scale:d?1.1:1},transition:{duration:.3},children:e.jsx(t.ThemeIcon,{size:f,radius:4,color:l,variant:"filled",children:e.jsx(a,{size:20,stroke:1.5})})})]})})})}const nt="_root_ho0ln_1",ot="_visible_ho0ln_7",le={root:nt,visible:ot};function at({children:s,delay:o=0,threshold:i=.1,className:a,...l}){const f=c.useRef(null),[g,j]=c.useState(!1);return c.useEffect(()=>{const _=f.current;if(!_)return;const u=new IntersectionObserver(([m])=>{m.isIntersecting&&(o>0?setTimeout(()=>j(!0),o):j(!0))},{threshold:i});return u.observe(_),()=>u.disconnect()},[o,i]),e.jsx(t.Box,{ref:f,className:`${le.root} ${g?le.visible:""} ${a??""}`,...l,children:s})}function it({isActive:s=!1,height:o=60}){const i=c.useRef(null),a=c.useRef(void 0),[l,f]=c.useState(!1),g=c.useRef(null),j=c.useRef(null),{colorScheme:_}=t.useMantineColorScheme(),u=_==="dark",m={start:u?"#7950F2":"#9775FA",mid:u?"#BE4BDB":"#DA77F2",end:u?"#15AABF":"#22B8CF"},b=c.useCallback((r,v,h,d)=>{r.clearRect(0,0,v,h);const y=s||l,n=h*.65,x=s?5:l?7:1.5;y&&(j.current===null&&(j.current=Math.random()),Math.floor(d/500)!==Math.floor((d-16)/500)&&(j.current=Math.random()));const w=r.createLinearGradient(0,0,v,0);w.addColorStop(0,m.start),w.addColorStop(.5,m.mid),w.addColorStop(1,m.end),r.strokeStyle=w,r.lineWidth=y?2.5:1.5,r.lineCap="round",r.lineJoin="round",y?(r.shadowColor=m.mid,r.shadowBlur=l?12:8):r.shadowBlur=0,r.beginPath();const M=300,E=v/M,W=s?.02:l?.025:.003;for(let P=0;P<=M;P++){const S=P*E,N=S/v;let $=n;if(y){const L=Math.sin(N*Math.PI*6+d*W)*x,G=Math.sin(N*Math.PI*12+d*W*1.3)*(x*.4),R=Math.sin(N*Math.PI*18+d*W*.8)*(x*.2),q=j.current??.5,p=Math.abs(N-q),I=p<.15?(1-p/.15)*x*1:0,T=Math.sin(N*Math.PI*20+d*W*2)*I;let A=0;l&&(A=Math.sin(N*Math.PI*30+d*.03)*x*.4,A+=Math.sin(N*Math.PI*8+d*.015)*x*.5);const V=L+G+R+T+A,U=Math.sin(N*Math.PI);$=n+V*U}else $+=Math.sin(N*Math.PI*2+d*W)*x;P===0?r.moveTo(S,$):r.lineTo(S,$)}if(r.stroke(),s){const N=v/80,$=16;r.shadowBlur=3;for(let L=0;L<80;L++){const G=L*N+N/2,R=G/v,q=Math.sin(R*Math.PI*8+d*.025)*.5+Math.sin(R*Math.PI*14+d*.018)*.3+Math.sin(R*Math.PI*4+d*.03)*.2,p=Math.sin(R*Math.PI),I=Math.abs(q)*$*p,T=r.createLinearGradient(G,n-I/2,G,n+I/2);T.addColorStop(0,m.start+"90"),T.addColorStop(.5,m.mid+"70"),T.addColorStop(1,m.end+"50"),r.fillStyle=T,r.fillRect(G-2/2,n-I/2,2,I)}}if(l)for(let S=0;S<15;S++){const N=(Math.sin(d*.001+S*1.5)*.5+.5)*v,$=n+Math.sin(d*.002+S)*8,L=1.5+Math.sin(d*.003+S*2)*.5;r.beginPath(),r.arc(N,$,L,0,Math.PI*2),r.fillStyle=S%2===0?m.start+"80":m.end+"80",r.fill()}},[s,l,m.start,m.mid,m.end]);return c.useEffect(()=>{const r=i.current;if(!r)return;const v=r.getContext("2d");if(!v)return;const h=()=>{const n=window.devicePixelRatio||1,x=r.getBoundingClientRect();r.width=x.width*n,r.height=x.height*n,v.scale(n,n)};h(),window.addEventListener("resize",h);const d=performance.now(),y=n=>{const x=n-d,w=r.getBoundingClientRect();b(v,w.width,w.height,x),a.current=requestAnimationFrame(y)};return a.current=requestAnimationFrame(y),()=>{window.removeEventListener("resize",h),a.current&&cancelAnimationFrame(a.current)}},[b]),c.useEffect(()=>{if(s){queueMicrotask(()=>f(!1)),g.current=Date.now();return}const v=setInterval(()=>{const h=Date.now();g.current===null&&(g.current=h);const d=h-g.current,y=12e4+Math.random()*6e4;d>=y&&!l&&(f(!0),g.current=h,setTimeout(()=>f(!1),4e3))},5e3);return()=>clearInterval(v)},[s,l]),e.jsx(t.Box,{style:{position:"relative",width:"100%",height:o,overflow:"hidden",pointerEvents:"none",opacity:u?1:.8},children:e.jsx("canvas",{ref:i,style:{width:"100%",height:"100%",display:"block"}})})}const rt="_root_9li00_1",ct="_preview_9li00_11",lt="_info_9li00_15",ee={root:rt,preview:ct,info:lt};function dt({name:s,colors:o,description:i}){const a=`linear-gradient(135deg, ${o[0]} 0%, ${o[1]} 100%)`;return e.jsx(J,{value:a,children:e.jsxs(t.Paper,{className:ee.root,shadow:"lg",radius:"md",children:[e.jsx("div",{className:ee.preview,style:{background:a}}),e.jsxs("div",{className:ee.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),i&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:i}),e.jsxs(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:[o[0]," → ",o[1]]})]})]})})}const ut="_root_1vlvy_1",mt="_video_1vlvy_9",de={root:ut,video:mt};function pe({src:s,opacity:o=.3}){return e.jsx("div",{className:de.root,style:{opacity:o},children:e.jsx("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:de.video,children:e.jsx("source",{src:s,type:"video/mp4"})})})}const ht="_root_1suaa_1",pt="_content_1suaa_8",xt="_label_1suaa_21",ft="_vignette_1suaa_37",_t="_logoWrapper_1suaa_50",vt="_logo_1suaa_50",jt="_glow_1suaa_73",gt="_textWrapper_1suaa_85",yt="_heading_1suaa_91",bt="_shimmer_1suaa_125",wt="_tagline_1suaa_129",It="_primaryButton_1suaa_143",Nt="_secondaryButton_1suaa_148",Ct="_scrollIndicator_1suaa_160",St="_scrollLabel_1suaa_171",Tt="_scrollLine_1suaa_179",C={root:ht,content:pt,label:xt,vignette:ft,logoWrapper:_t,logo:vt,glow:jt,textWrapper:gt,heading:yt,shimmer:bt,tagline:wt,primaryButton:It,secondaryButton:Nt,scrollIndicator:Ct,scrollLabel:St,scrollLine:Tt};function kt({variant:s="logo",heading:o,label:i,tagline:a,logoSrc:l=fe,gradient:f="frequencyAlive",shimmer:g=!0,primaryAction:j,secondaryAction:_,backgroundVideoSrc:u,showWaveform:m,showScrollIndicator:b=!1}){const[r,v]=c.useState(!1),h=typeof l=="string"?l:l==null?void 0:l.src,d=o??(s==="text"?"Your Message":void 0),y=i||(s==="logo"?"Welcome":void 0),n=j||_,x=m??!0,w=_e.gradients[f];return c.useEffect(()=>{v(!0)},[]),e.jsxs(t.Box,{component:"section",className:C.root,children:[u&&e.jsx(pe,{src:u}),e.jsxs("div",{className:C.content,children:[r&&e.jsxs(e.Fragment,{children:[y&&e.jsx(k.motion.p,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.8,delay:.2},className:C.label,children:y}),s==="logo"&&e.jsxs(k.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:C.logoWrapper,children:[x&&e.jsx(te,{}),x&&e.jsx("div",{className:C.vignette}),e.jsx(k.motion.img,{src:h,alt:d??"Frequency",className:C.logo,animate:{rotate:[0,.5,-.5,0]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),e.jsx("div",{className:C.glow})]}),s==="text"&&d&&e.jsxs(k.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:C.textWrapper,children:[x&&e.jsx(te,{}),x&&e.jsx("div",{className:C.vignette}),e.jsx(t.Title,{order:1,className:`${C.heading} ${g?C.shimmer:""}`,style:{backgroundImage:`linear-gradient(135deg, ${w.from}, ${w.to}, ${w.from})`,backgroundSize:g?"200% 100%":void 0},children:d})]}),a&&e.jsx(k.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.7},children:e.jsx(t.Text,{className:C.tagline,children:a})}),n&&e.jsx(k.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.9},children:e.jsxs(t.Group,{gap:"md",justify:"center",wrap:"wrap",children:[j&&e.jsx(t.Button,{component:"a",href:j.href,size:"lg",radius:4,className:C.primaryButton,children:j.label}),_&&e.jsx(t.Button,{component:"a",href:_.href,size:"lg",radius:4,variant:"outline",className:C.secondaryButton,children:_.label})]})})]}),r&&b&&e.jsxs(k.motion.div,{className:C.scrollIndicator,initial:{opacity:0},animate:{opacity:1},transition:{duration:1,delay:1.4},children:[e.jsx("span",{className:C.scrollLabel,children:"Scroll"}),e.jsx(k.motion.div,{className:C.scrollLine,animate:{scaleY:[1,1.5,1]},transition:{duration:1.5,repeat:1/0}})]})]})]})}function se({variant:s,children:o}){const i=s==="do";return e.jsxs(t.Badge,{variant:"light",color:i?"green":"red",size:"lg",radius:"sm",styles:{root:{textTransform:"none",fontWeight:400},label:{whiteSpace:"normal",lineHeight:1.4}},children:[e.jsxs("strong",{children:[i?"Do":"Don't",":"]})," ",o]})}const Mt="_root_13w21_1",zt="_playButton_13w21_11",ue={root:Mt,playButton:zt},Bt={mini:{height:24,buttonSize:20,iconSize:14,waveHeight:16,barWidth:1,barGap:0},small:{height:32,buttonSize:28,iconSize:16,waveHeight:20,barWidth:1,barGap:0},compact:{height:40,buttonSize:32,iconSize:18,waveHeight:24,barWidth:2,barGap:1}},xe=c.forwardRef(({audioUrl:s,size:o="mini",waveColor:i="#CCCCCC",progressColor:a="#169bde",onPlay:l,onPause:f,className:g,style:j},_)=>{const u=c.useRef(null),[m,b]=c.useState(!1),[r,v]=c.useState(0),h=Bt[o];c.useEffect(()=>{const n=u.current;if(!n)return;const x=()=>v(n.currentTime),w=()=>{b(!1),v(0)},M=()=>b(!1),E=()=>b(!0);return n.addEventListener("timeupdate",x),n.addEventListener("ended",w),n.addEventListener("pause",M),n.addEventListener("play",E),()=>{n.removeEventListener("timeupdate",x),n.removeEventListener("ended",w),n.removeEventListener("pause",M),n.removeEventListener("play",E)}},[s]);const d=c.useCallback(()=>{const n=u.current;n&&(m?(n.pause(),f==null||f()):(n.play().catch(()=>{}),l==null||l()))},[m,l,f]),y=c.useCallback(n=>{const x=u.current;x&&!isNaN(n)&&isFinite(n)&&(x.currentTime=n,v(n))},[]);return e.jsxs(t.Group,{ref:_,gap:o==="mini"?6:o==="small"?8:10,wrap:"nowrap",className:`${ue.root} ${g??""}`,style:{height:h.height,...j},children:[e.jsx("audio",{ref:u,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",color:"blue",radius:"xl",size:h.buttonSize,onClick:d,"aria-label":m?"Pause":"Play",className:ue.playButton,children:m?e.jsx(z.IconPlayerPauseFilled,{size:h.iconSize}):e.jsx(z.IconPlayerPlayFilled,{size:h.iconSize})}),e.jsx(t.Box,{style:{flex:1,minWidth:80},children:e.jsx(K,{audioRef:u,currentTime:r,onSeek:y,waveColor:i,progressColor:a,height:h.waveHeight,barWidth:h.barWidth,barGap:h.barGap})})]})});xe.displayName="MiniAudioPlayer";const $t="_root_1bah1_1",Pt={root:$t};function Lt({accentColor:s,title:o,description:i,doHint:a,dontHint:l}){return e.jsxs(t.Paper,{className:Pt.root,p:"lg",radius:"md",style:{borderLeftColor:s},children:[e.jsx(t.Title,{order:3,size:"h4",mb:"xs",children:o}),e.jsx(t.Text,{c:"dimmed",children:i}),(a||l)&&e.jsxs(t.Group,{gap:"sm",mt:"md",wrap:"wrap",children:[a&&e.jsx(se,{variant:"do",children:a}),l&&e.jsx(se,{variant:"dont",children:l})]})]})}const Et="_root_ydu7j_1",Wt="_actions_ydu7j_22",Gt="_fab_ydu7j_43",Rt="_actionButton_ydu7j_61",Y={root:Et,actions:Wt,fab:Gt,actionButton:Rt};function Ft({actions:s,icon:o,openIcon:i,direction:a="up",color:l="blue",size:f=56,defaultOpen:g=!1,open:j,onOpenChange:_,style:u,className:m}){const[b,r]=c.useState(g),v=j??b,h=c.useCallback(()=>{const n=!v;r(n),_==null||_(n)},[v,_]),d=c.useCallback(()=>{r(!1),_==null||_(!1)},[_]),y=a==="up"||a==="down";return e.jsxs(t.Box,{className:`${Y.root} ${m??""}`,style:u,"data-direction":a,children:[e.jsx("div",{className:Y.actions,"data-direction":a,children:s.map((n,x)=>{const w=a==="up"||a==="left"?s.length-1-x:x;return e.jsx(t.Transition,{mounted:v,transition:y?"slide-up":"slide-right",duration:200,timingFunction:"ease",enterDelay:w*40,children:M=>e.jsx(t.Tooltip,{label:n.label,position:y?"left":"top",children:e.jsx(t.ActionIcon,{variant:"filled",color:"gray",radius:"xl",size:f*.7,style:M,className:Y.actionButton,onClick:()=>{n.onClick(),d()},"aria-label":n.label,children:n.icon})})},n.label)})}),e.jsx(t.ActionIcon,{variant:"filled",color:l,radius:"xl",size:f,onClick:h,className:Y.fab,"data-open":v||void 0,"aria-label":v?"Close actions":"Open actions",children:v?i??o??e.jsx(z.IconPlus,{size:f*.45}):o??e.jsx(z.IconPlus,{size:f*.45})})]})}const Dt="_container_9xj91_1",At="_layout_9xj91_16",qt="_reversed_9xj91_29",Ht="_headingSide_9xj91_39",Ot="_sticky_9xj91_49",Vt="_stickyInner_9xj91_54",Ut="_contentSide_9xj91_65",Xt="_title_9xj91_76",Yt="_preTitle_9xj91_82",Kt="_titleHighlight_9xj91_88",Jt="_description_9xj91_95",B={container:Dt,layout:At,reversed:qt,headingSide:Ht,sticky:Ot,stickyInner:Vt,contentSide:Ut,title:Xt,preTitle:Yt,titleHighlight:Kt,description:Jt};function Qt({badge:s,badgeColor:o="violet",subtitle:i,title:a,titleColor:l="blue",preTitle:f,description:g,actions:j,heading:_,children:u,stickyHeading:m=!1,py:b,reversed:r=!1,id:v,className:h}){const d=_??e.jsxs(t.Stack,{gap:"sm",children:[s&&e.jsxs(t.Box,{children:[e.jsx(t.Badge,{color:o,variant:"filled",size:"sm",radius:4,tt:"uppercase",fw:700,children:s}),i&&e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"xs",tt:"uppercase",style:{letterSpacing:"0.05em"},children:i})]}),!s&&i&&e.jsx(t.Text,{size:"sm",c:"dimmed",tt:"uppercase",style:{letterSpacing:"0.05em"},children:i}),(f||a)&&e.jsxs(t.Title,{order:2,className:B.title,children:[f&&e.jsx("span",{className:B.preTitle,children:f}),f&&e.jsx("br",{}),a&&e.jsx(t.Text,{component:"span",inherit:!0,className:B.titleHighlight,c:l,children:a})]}),g&&e.jsx(t.Text,{size:"lg",c:"dimmed",lh:1.7,className:B.description,children:g}),j&&e.jsx(t.Box,{mt:"md",children:j})]});return e.jsx(t.Box,{component:"section",py:b??"calc(var(--mantine-spacing-xl) * 3)",pos:"relative",id:v,className:h,children:e.jsx(t.Box,{className:B.container,children:e.jsxs(t.Box,{className:`${B.layout} ${r?B.reversed:""}`,children:[e.jsx(t.Box,{className:`${B.headingSide} ${m?B.sticky:""}`,children:e.jsx(t.Box,{className:m?B.stickyInner:void 0,children:d})}),e.jsx(t.Box,{className:B.contentSide,children:u})]})})})}const Zt="_root_ioshc_1",es="_quoteIcon_ioshc_6",me={root:Zt,quoteIcon:es};function ts(s){return s.split(" ").map(o=>o[0]).join("").toUpperCase().slice(0,2)}function ss({quote:s,name:o,role:i,company:a,avatarSrc:l,accentColor:f="blue"}){const g=`var(--mantine-color-${f}-filled)`;return e.jsxs(t.Paper,{className:me.root,p:"lg",radius:"md",style:{borderLeftColor:g},children:[e.jsx(z.IconQuote,{size:32,className:me.quoteIcon,color:g}),e.jsx(t.Text,{fs:"italic",mt:"xs",mb:"md",children:s}),e.jsxs(t.Group,{gap:"sm",children:[e.jsx(t.Avatar,{src:l,alt:o,color:f,radius:"xl",size:"md",children:ts(o)}),e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Text,{fw:600,size:"sm",children:o}),(i||a)&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:[i,a].filter(Boolean).join(", ")})]})]})]})}exports.AnimatedCounter=ve;exports.AnimatedWaveform=te;exports.AudioPlayer=Be;exports.AudioWaveform=K;exports.CodeBlock=Le;exports.ColorPalette=Ae;exports.ColorSwatch=Ve;exports.Copyable=J;exports.DosDonts=Ze;exports.ExpandableCard=st;exports.FadeInSection=at;exports.FrequencyWave=it;exports.GradientSwatch=dt;exports.Hero=kt;exports.HintBadge=se;exports.MiniAudioPlayer=xe;exports.PrincipleCard=Lt;exports.SpeedDial=Ft;exports.SplitSection=Qt;exports.TestimonialCard=ss;exports.VideoBackground=pe;