"use client";

import React from "react";
import { CalButton } from "./cal-button";
import { trackEvent } from "@/lib/analytics";

const LockIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    xmlns="http://www.w3.org/2000/svg"
    width="92"
    height="92"
    viewBox="0 0 92 92"
    fill="none"
  >
    <path
      d="M56.2261 30.72L55.5941 27.532C54.9237 24.15 52.9372 21.1729 50.0717 19.2555C47.2062 17.3381 43.6964 16.6376 40.3144 17.3081C36.9324 17.9785 33.9552 19.965 32.0378 22.8305C30.1205 25.696 29.4199 29.2058 30.0904 32.5878L30.7223 35.7758"
      stroke="#474747"
      strokeWidth="6.5"
      strokeLinecap="round"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M17.5062 37.9928C15.2588 41.3473 16.153 45.8583 17.9403 54.8739L18.5722 58.0618C20.9554 70.0837 22.1473 76.0962 26.6236 79.0886C31.0999 82.081 37.1099 80.893 49.1317 78.5098L55.5076 77.2459C67.5294 74.8627 73.5419 73.6708 76.5344 69.1945C79.5268 64.7181 78.3387 58.7082 75.9556 46.6864L75.3236 43.4984C73.5364 34.4829 72.6422 29.9719 69.2851 27.7284C65.9305 25.481 61.4196 26.3753 52.404 28.1625L33.2762 31.9543C24.2607 33.7415 19.7497 34.6357 17.5062 37.9928ZM47.8959 55.5621C48.7414 55.3945 49.4857 54.8979 49.965 54.1815C50.4443 53.4651 50.6195 52.5876 50.4519 51.7421C50.2843 50.8966 49.7876 50.1524 49.0713 49.673C48.3549 49.1937 47.4774 49.0185 46.6319 49.1862C45.7864 49.3538 45.0421 49.8504 44.5628 50.5668C44.0835 51.2831 43.9083 52.1606 44.0759 53.0061C44.2435 53.8516 44.7402 54.5959 45.4565 55.0752C46.1729 55.5546 47.0504 55.7297 47.8959 55.5621ZM56.8278 50.4782C57.2211 52.4566 56.991 54.5083 56.1694 56.3505C55.3478 58.1927 53.9751 59.7347 52.2403 60.7641L53.6117 67.682L47.2358 68.9459L45.8644 62.028C44.0946 61.772 42.4292 61.0343 41.0503 59.8956C39.6715 58.7569 38.6322 57.2611 38.0462 55.5716C37.4601 53.8821 37.3499 52.064 37.7274 50.316C38.105 48.5681 38.9558 46.9576 40.187 45.6606C41.4181 44.3636 42.9821 43.4301 44.708 42.962C46.434 42.494 48.2553 42.5094 49.9731 43.0067C51.6908 43.504 53.2387 44.464 54.4477 45.7817C55.6566 47.0994 56.48 48.7241 56.8278 50.4782Z"
      fill="white"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M17.5062 37.9928C15.2588 41.3473 16.153 45.8583 17.9403 54.8739L18.5722 58.0618C20.9554 70.0837 22.1473 76.0962 26.6236 79.0886C31.0999 82.081 37.1099 80.893 49.1317 78.5098L55.5076 77.2459C67.5294 74.8627 73.5419 73.6708 76.5344 69.1945C79.5268 64.7181 78.3387 58.7082 75.9556 46.6864L75.3236 43.4984C73.5364 34.4829 72.6422 29.9719 69.2851 27.7284C65.9305 25.481 61.4196 26.3753 52.404 28.1625L33.2762 31.9543C24.2607 33.7415 19.7497 34.6357 17.5062 37.9928ZM47.8959 55.5621C48.7414 55.3945 49.4857 54.8979 49.965 54.1815C50.4443 53.4651 50.6195 52.5876 50.4519 51.7421C50.2843 50.8966 49.7876 50.1524 49.0713 49.673C48.3549 49.1937 47.4774 49.0185 46.6319 49.1862C45.7864 49.3538 45.0421 49.8504 44.5628 50.5668C44.0835 51.2831 43.9083 52.1606 44.0759 53.0061C44.2435 53.8516 44.7402 54.5959 45.4565 55.0752C46.1729 55.5546 47.0504 55.7297 47.8959 55.5621ZM56.8278 50.4782C57.2211 52.4566 56.991 54.5083 56.1694 56.3505C55.3478 58.1927 53.9751 59.7347 52.2403 60.7641L53.6117 67.682L47.2358 68.9459L45.8644 62.028C44.0946 61.772 42.4292 61.0343 41.0503 59.8956C39.6715 58.7569 38.6322 57.2611 38.0462 55.5716C37.4601 53.8821 37.3499 52.064 37.7274 50.316C38.105 48.5681 38.9558 46.9576 40.187 45.6606C41.4181 44.3636 42.9821 43.4301 44.708 42.962C46.434 42.494 48.2553 42.5094 49.9731 43.0067C51.6908 43.504 53.2387 44.464 54.4477 45.7817C55.6566 47.0994 56.48 48.7241 56.8278 50.4782Z"
      fill="url(#paint0_linear_966_2155)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_966_2155"
        x1="44.5608"
        y1="38.5838"
        x2="52.0626"
        y2="77.9268"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E5E5E" />
        <stop offset="1" />
      </linearGradient>
    </defs>
  </svg>
);

const BrushIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    xmlns="http://www.w3.org/2000/svg"
    width="78"
    height="78"
    viewBox="0 0 78 78"
    fill="none"
  >
    <g clipPath="url(#clip0_966_2183)">
      <path
        d="M15.3189 23.1656L14.5194 25.0051C14.3945 25.3046 14.1837 25.5605 13.9136 25.7405C13.6435 25.9205 13.3262 26.0165 13.0017 26.0165C12.6771 26.0165 12.3598 25.9205 12.0897 25.7405C11.8196 25.5605 11.6089 25.3046 11.4839 25.0051L10.6844 23.1656C9.27872 19.9115 6.7044 17.3023 3.46941 15.8531L1.00266 14.7514C0.703394 14.6137 0.449878 14.3931 0.272167 14.1157C0.0944548 13.8384 0 13.5159 0 13.1865C0 12.8571 0.0944548 12.5346 0.272167 12.2572C0.449878 11.9799 0.703394 11.7593 1.00266 11.6216L3.33291 10.5849C6.64922 9.09434 9.2676 6.38872 10.6487 3.02536L11.4742 1.03961C11.5949 0.732007 11.8056 0.467926 12.0786 0.281789C12.3517 0.0956515 12.6744 -0.00390625 13.0049 -0.00390625C13.3354 -0.00390625 13.6582 0.0956515 13.9312 0.281789C14.2043 0.467926 14.4149 0.732007 14.5357 1.03961L15.3579 3.02211C16.7375 6.3861 19.3547 9.09289 22.6704 10.5849L25.0039 11.6249C25.3023 11.7629 25.5549 11.9835 25.7319 12.2605C25.909 12.5375 26.003 12.8594 26.003 13.1881C26.003 13.5169 25.909 13.8387 25.7319 14.1157C25.5549 14.3927 25.3023 14.6133 25.0039 14.7514L22.5339 15.8499C19.2996 17.3005 16.7264 19.9108 15.3222 23.1656M59.2459 7.70536L43.1909 20.1919C30.3664 17.0264 18.0684 24.5241 14.6299 37.3649C14.2984 38.5999 14.1944 39.8511 14.0872 41.1641C13.7134 45.6946 13.2844 50.9304 3.25491 58.4866C11.3799 63.3616 26.0049 68.2431 37.3864 68.2431C41.0817 68.24 44.7279 67.3972 48.0498 65.7786C51.3717 64.16 54.2823 61.8077 56.562 58.8995C58.8417 55.9912 60.4309 52.603 61.2094 48.9907C61.9879 45.3784 61.9355 41.6364 61.0561 38.0474L73.5361 21.9989C74.0225 21.3737 74.2639 20.5924 74.2148 19.8018C74.1657 19.0113 73.8296 18.2658 73.2697 17.7056L63.5391 7.97511C62.9793 7.41466 62.2341 7.07796 61.4435 7.02829C60.653 6.97861 59.8715 7.21939 59.2459 7.70536ZM54.9137 26.9259C54.7071 26.7121 54.4969 26.5019 54.2831 26.2954L50.6302 22.6424L60.9717 14.5986L66.6461 20.2731L58.5992 30.6146L54.9137 26.9259Z"
        fill="white"
      />
      <path
        d="M15.3189 23.1656L14.5194 25.0051C14.3945 25.3046 14.1837 25.5605 13.9136 25.7405C13.6435 25.9205 13.3262 26.0165 13.0017 26.0165C12.6771 26.0165 12.3598 25.9205 12.0897 25.7405C11.8196 25.5605 11.6089 25.3046 11.4839 25.0051L10.6844 23.1656C9.27872 19.9115 6.7044 17.3023 3.46941 15.8531L1.00266 14.7514C0.703394 14.6137 0.449878 14.3931 0.272167 14.1157C0.0944548 13.8384 0 13.5159 0 13.1865C0 12.8571 0.0944548 12.5346 0.272167 12.2572C0.449878 11.9799 0.703394 11.7593 1.00266 11.6216L3.33291 10.5849C6.64922 9.09434 9.2676 6.38872 10.6487 3.02536L11.4742 1.03961C11.5949 0.732007 11.8056 0.467926 12.0786 0.281789C12.3517 0.0956515 12.6744 -0.00390625 13.0049 -0.00390625C13.3354 -0.00390625 13.6582 0.0956515 13.9312 0.281789C14.2043 0.467926 14.4149 0.732007 14.5357 1.03961L15.3579 3.02211C16.7375 6.3861 19.3547 9.09289 22.6704 10.5849L25.0039 11.6249C25.3023 11.7629 25.5549 11.9835 25.7319 12.2605C25.909 12.5375 26.003 12.8594 26.003 13.1881C26.003 13.5169 25.909 13.8387 25.7319 14.1157C25.5549 14.3927 25.3023 14.6133 25.0039 14.7514L22.5339 15.8499C19.2996 17.3005 16.7264 19.9108 15.3222 23.1656M59.2459 7.70536L43.1909 20.1919C30.3664 17.0264 18.0684 24.5241 14.6299 37.3649C14.2984 38.5999 14.1944 39.8511 14.0872 41.1641C13.7134 45.6946 13.2844 50.9304 3.25491 58.4866C11.3799 63.3616 26.0049 68.2431 37.3864 68.2431C41.0817 68.24 44.7279 67.3972 48.0498 65.7786C51.3717 64.16 54.2823 61.8077 56.562 58.8995C58.8417 55.9912 60.4309 52.603 61.2094 48.9907C61.9879 45.3784 61.9355 41.6364 61.0561 38.0474L73.5361 21.9989C74.0225 21.3737 74.2639 20.5924 74.2148 19.8018C74.1657 19.0113 73.8296 18.2658 73.2697 17.7056L63.5391 7.97511C62.9793 7.41466 62.2341 7.07796 61.4435 7.02829C60.653 6.97861 59.8715 7.21939 59.2459 7.70536ZM54.9137 26.9259C54.7071 26.7121 54.4969 26.5019 54.2831 26.2954L50.6302 22.6424L60.9717 14.5986L66.6461 20.2731L58.5992 30.6146L54.9137 26.9259Z"
        fill="url(#paint0_linear_966_2183)"
      />
    </g>
    <defs>
      <linearGradient
        id="paint0_linear_966_2183"
        x1="37.1487"
        y1="12.1718"
        x2="36.6981"
        y2="68.2398"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E5E5E" />
        <stop offset="1" />
      </linearGradient>
      <clipPath id="clip0_966_2183">
        <rect width="78" height="78" fill="white" />
      </clipPath>
    </defs>
  </svg>
);

const DocumentIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    xmlns="http://www.w3.org/2000/svg"
    width="90"
    height="89"
    viewBox="0 0 90 89"
    fill="none"
  >
    <g clipPath="url(#clip0_966_2187)">
      <path
        d="M31.3228 45.6939L57.0246 49.6206L58.0062 43.1951L32.3045 39.2685L31.3228 45.6939ZM29.8503 55.3321L55.5521 59.2588L56.5337 52.8333L30.832 48.9066L29.8503 55.3321ZM28.3778 64.9702L44.4414 67.4244L45.4231 60.999L29.3594 58.5448L28.3778 64.9702ZM20.4798 73.6267C18.7128 73.3568 17.2967 72.4971 16.2316 71.0478C15.1664 69.5985 14.7679 67.9891 15.0361 66.2196L22.8894 14.8161C23.1594 13.0491 24.0201 11.6332 25.4716 10.5683C26.923 9.50348 28.5314 9.10481 30.2965 9.3723L55.9983 13.299L72.3296 35.5203L66.4396 74.073C66.1696 75.84 65.3098 77.2571 63.8602 78.3244C62.4105 79.3917 60.8013 79.7892 59.0325 79.5168L20.4798 73.6267ZM49.3497 35.2972L65.4133 37.7514L51.8039 19.2336L49.3497 35.2972Z"
        fill="white"
      />
      <path
        d="M31.3228 45.6939L57.0246 49.6206L58.0062 43.1951L32.3045 39.2685L31.3228 45.6939ZM29.8503 55.3321L55.5521 59.2588L56.5337 52.8333L30.832 48.9066L29.8503 55.3321ZM28.3778 64.9702L44.4414 67.4244L45.4231 60.999L29.3594 58.5448L28.3778 64.9702ZM20.4798 73.6267C18.7128 73.3568 17.2967 72.4971 16.2316 71.0478C15.1664 69.5985 14.7679 67.9891 15.0361 66.2196L22.8894 14.8161C23.1594 13.0491 24.0201 11.6332 25.4716 10.5683C26.923 9.50348 28.5314 9.10481 30.2965 9.3723L55.9983 13.299L72.3296 35.5203L66.4396 74.073C66.1696 75.84 65.3098 77.2571 63.8602 78.3244C62.4105 79.3917 60.8013 79.7892 59.0325 79.5168L20.4798 73.6267ZM49.3497 35.2972L65.4133 37.7514L51.8039 19.2336L49.3497 35.2972Z"
        fill="url(#paint0_linear_966_2187)"
      />
    </g>
    <defs>
      <linearGradient
        id="paint0_linear_966_2187"
        x1="47.8479"
        y1="23.7848"
        x2="39.2068"
        y2="76.4817"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E5E5E" />
        <stop offset="1" />
      </linearGradient>
      <clipPath id="clip0_966_2187">
        <rect
          width="78"
          height="78"
          fill="white"
          transform="translate(12) rotate(8.68641)"
        />
      </clipPath>
    </defs>
  </svg>
);

const ShieldIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    xmlns="http://www.w3.org/2000/svg"
    width="89"
    height="89"
    viewBox="0 0 89 89"
    fill="none"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M37.3547 12.9244C38.7341 12.1725 40.3391 11.9457 41.8728 12.2858L65.5929 17.5493C66.8849 17.8358 68.0587 18.51 68.9574 19.4815C69.856 20.4531 70.4367 21.6758 70.6217 22.9863L73.061 40.2445C73.8213 45.6232 73.0688 51.1073 70.8878 56.0824C68.7069 61.0574 65.1835 65.3269 60.7127 68.4123L50.6818 75.3312C50.0588 75.7613 49.3441 76.0403 48.5946 76.1463C47.845 76.2522 47.081 76.1821 46.3632 75.9416L34.8072 72.0705C29.6564 70.3449 25.0879 67.2192 21.6136 63.0434C18.1392 58.8677 15.8963 53.8069 15.1362 48.4282L12.6979 31.1764C12.5118 29.8655 12.7304 28.5291 13.3246 27.3459C13.9187 26.1627 14.86 25.1891 16.0225 24.5555L37.3547 12.9244ZM47.1695 42.8405C48.2963 41.9587 49.1006 40.7297 49.4577 39.3441C49.8148 37.9586 49.7048 36.4939 49.1447 35.1773C48.5846 33.8607 47.6057 32.7656 46.3599 32.062C45.114 31.3584 43.6708 31.0855 42.2541 31.2857C40.8373 31.486 39.5263 32.1482 38.5242 33.1695C37.5222 34.1908 36.8851 35.5143 36.7118 36.9345C36.5386 38.3548 36.8388 39.7926 37.5659 41.0249C38.293 42.2572 39.4064 43.2151 40.7335 43.7502L42.2198 54.2666C42.3405 55.1201 42.7952 55.8907 43.484 56.4089C44.1728 56.9271 45.0392 57.1504 45.8927 57.0298C46.7461 56.9092 47.5167 56.4545 48.0349 55.7657C48.5531 55.0769 48.7765 54.2104 48.6559 53.357L47.1695 42.8405Z"
      fill="white"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M37.3547 12.9244C38.7341 12.1725 40.3391 11.9457 41.8728 12.2858L65.5929 17.5493C66.8849 17.8358 68.0587 18.51 68.9574 19.4815C69.856 20.4531 70.4367 21.6758 70.6217 22.9863L73.061 40.2445C73.8213 45.6232 73.0688 51.1073 70.8878 56.0824C68.7069 61.0574 65.1835 65.3269 60.7127 68.4123L50.6818 75.3312C50.0588 75.7613 49.3441 76.0403 48.5946 76.1463C47.845 76.2522 47.081 76.1821 46.3632 75.9416L34.8072 72.0705C29.6564 70.3449 25.0879 67.2192 21.6136 63.0434C18.1392 58.8677 15.8963 53.8069 15.1362 48.4282L12.6979 31.1764C12.5118 29.8655 12.7304 28.5291 13.3246 27.3459C13.9187 26.1627 14.86 25.1891 16.0225 24.5555L37.3547 12.9244ZM47.1695 42.8405C48.2963 41.9587 49.1006 40.7297 49.4577 39.3441C49.8148 37.9586 49.7048 36.4939 49.1447 35.1773C48.5846 33.8607 47.6057 32.7656 46.3599 32.062C45.114 31.3584 43.6708 31.0855 42.2541 31.2857C40.8373 31.486 39.5263 32.1482 38.5242 33.1695C37.5222 34.1908 36.8851 35.5143 36.7118 36.9345C36.5386 38.3548 36.8388 39.7926 37.5659 41.0249C38.293 42.2572 39.4064 43.2151 40.7335 43.7502L42.2198 54.2666C42.3405 55.1201 42.7952 55.8907 43.484 56.4089C44.1728 56.9271 45.0392 57.1504 45.8927 57.0298C46.7461 56.9092 47.5167 56.4545 48.0349 55.7657C48.5531 55.0769 48.7765 54.2104 48.6559 53.357L47.1695 42.8405Z"
      fill="url(#paint0_linear_966_2191)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_966_2191"
        x1="41.1982"
        y1="23.6006"
        x2="48.1167"
        y2="76.2091"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E5E5E" />
        <stop offset="1" />
      </linearGradient>
    </defs>
  </svg>
);

const RecordIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    xmlns="http://www.w3.org/2000/svg"
    width="88"
    height="88"
    viewBox="0 0 88 88"
    fill="none"
  >
    <path
      d="M66.6099 46.4751C67.0222 46.5873 67.4084 46.7797 67.7463 47.0414C68.0841 47.303 68.3671 47.6287 68.579 47.9998C68.7908 48.3709 68.9274 48.7802 68.9809 49.2042C69.0344 49.6281 69.0038 50.0585 68.8908 50.4706C67.378 55.9601 64.1057 60.8016 59.5762 64.2522C55.0466 67.7028 49.51 69.5719 43.8159 69.5726L43.3844 72.997C43.2766 73.8522 42.8335 74.6296 42.1526 75.1581C41.4717 75.6866 40.6087 75.9229 39.7535 75.8152C38.8983 75.7074 38.121 75.2644 37.5925 74.5834C37.064 73.9025 36.8276 73.0396 36.9354 72.1844L37.3669 68.7599C31.8518 67.3456 26.953 64.1611 23.4218 59.6949C19.8906 55.2287 17.922 49.7275 17.8179 44.0349C17.8031 43.173 18.1314 42.3405 18.7305 41.7206C19.3295 41.1006 20.1503 40.7441 21.0122 40.7293C21.8742 40.7146 22.7067 41.0428 23.3266 41.6419C23.9465 42.2409 24.303 43.0617 24.3178 43.9237C24.4046 48.611 26.1769 53.1101 29.3102 56.5974C32.4435 60.0846 36.7281 62.3266 41.3794 62.9127C46.0307 63.4988 50.7375 62.3899 54.638 59.7889C58.5384 57.188 61.3715 53.2692 62.6184 48.7499C62.7313 48.3383 62.9242 47.9529 63.1861 47.6158C63.448 47.2787 63.7737 46.9964 64.1446 46.7852C64.5156 46.574 64.9245 46.438 65.3481 46.3848C65.7716 46.3317 66.1983 46.3621 66.6099 46.4751ZM47.8799 11.3252C50.5208 11.658 52.9333 12.6073 54.9906 14.0097C53.4016 14.8525 52.0767 16.1183 51.1625 17.6672C50.2482 19.2161 49.7802 20.9878 49.8103 22.7861C49.8403 24.5845 50.3672 26.3395 51.3327 27.857C52.2982 29.3745 53.6647 30.5954 55.2809 31.3846L56.4469 31.9574C56.8926 32.1749 57.2825 32.4916 57.5869 32.8831C57.8913 33.2746 58.1021 33.7306 58.2031 34.2161L58.4654 35.4874C58.8104 37.1687 59.5829 38.6812 60.656 39.9138L59.9392 45.6018C59.4004 49.8777 57.1851 53.7645 53.7805 56.4071C50.3759 59.0496 46.0611 60.2315 41.7851 59.6927C37.5092 59.1539 33.6224 56.9385 30.9798 53.534C28.3373 50.1294 27.1554 45.8145 27.6942 41.5386L29.7258 25.4161C30.2646 21.1401 32.48 17.2533 35.8846 14.6108C39.2891 11.9682 43.604 10.7864 47.8799 11.3252ZM70.8578 10.9449C71.461 11.0209 72.0308 11.2646 72.5025 11.6483C72.9741 12.032 73.3287 12.5404 73.5258 13.1155L73.6331 13.5123L73.8987 14.784C74.1776 16.1366 74.7408 17.4144 75.5508 18.533C76.3609 19.6516 77.3993 20.5853 78.5973 21.2723L79.1654 21.5732L80.3319 22.1427C80.9095 22.4247 81.3906 22.8717 81.7142 23.4271C82.0378 23.9824 82.1895 24.6213 82.15 25.2629C82.1106 25.9045 81.8817 26.52 81.4925 27.0315C81.1032 27.543 80.571 27.9276 79.9631 28.1367L79.5631 28.2435L78.2914 28.5091C76.9388 28.7881 75.661 29.3512 74.5424 30.1613C73.4238 30.9713 72.4901 32.0097 71.8031 33.2078L71.5022 33.7759L70.9326 34.9423C70.6503 35.5197 70.2031 36.0005 69.6476 36.3238C69.0921 36.6471 68.4531 36.7984 67.8116 36.7585C67.1701 36.7187 66.5548 36.4896 66.0435 36.1001C65.5322 35.7106 65.1479 35.1782 64.9391 34.5703L64.8319 34.1736L64.5663 32.9019C64.2873 31.5493 63.7242 30.2714 62.9141 29.1528C62.1041 28.0343 61.0657 27.1006 59.8676 26.4135L59.2995 26.1126L58.1331 25.5431C57.5554 25.2611 57.0744 24.8142 56.7508 24.2588C56.4271 23.7034 56.2754 23.0645 56.3149 22.4229C56.3544 21.7813 56.5832 21.1659 56.9725 20.6543C57.3618 20.1428 57.894 19.7582 58.5018 19.5492L58.9018 19.4423L60.1735 19.1767C61.5261 18.8978 62.804 18.3346 63.9226 17.5246C65.0411 16.7145 65.9748 15.6761 66.6619 14.4781L66.9627 13.91L67.5323 12.7435C67.8298 12.1343 68.3103 11.6334 68.9066 11.3109C69.5029 10.9884 70.1851 10.8604 70.8578 10.9449Z"
      fill="white"
    />
    <path
      d="M66.6099 46.4751C67.0222 46.5873 67.4084 46.7797 67.7463 47.0414C68.0841 47.303 68.3671 47.6287 68.579 47.9998C68.7908 48.3709 68.9274 48.7802 68.9809 49.2042C69.0344 49.6281 69.0038 50.0585 68.8908 50.4706C67.378 55.9601 64.1057 60.8016 59.5762 64.2522C55.0466 67.7028 49.51 69.5719 43.8159 69.5726L43.3844 72.997C43.2766 73.8522 42.8335 74.6296 42.1526 75.1581C41.4717 75.6866 40.6087 75.9229 39.7535 75.8152C38.8983 75.7074 38.121 75.2644 37.5925 74.5834C37.064 73.9025 36.8276 73.0396 36.9354 72.1844L37.3669 68.7599C31.8518 67.3456 26.953 64.1611 23.4218 59.6949C19.8906 55.2287 17.922 49.7275 17.8179 44.0349C17.8031 43.173 18.1314 42.3405 18.7305 41.7206C19.3295 41.1006 20.1503 40.7441 21.0122 40.7293C21.8742 40.7146 22.7067 41.0428 23.3266 41.6419C23.9465 42.2409 24.303 43.0617 24.3178 43.9237C24.4046 48.611 26.1769 53.1101 29.3102 56.5974C32.4435 60.0846 36.7281 62.3266 41.3794 62.9127C46.0307 63.4988 50.7375 62.3899 54.638 59.7889C58.5384 57.188 61.3715 53.2692 62.6184 48.7499C62.7313 48.3383 62.9242 47.9529 63.1861 47.6158C63.448 47.2787 63.7737 46.9964 64.1446 46.7852C64.5156 46.574 64.9245 46.438 65.3481 46.3848C65.7716 46.3317 66.1983 46.3621 66.6099 46.4751ZM47.8799 11.3252C50.5208 11.658 52.9333 12.6073 54.9906 14.0097C53.4016 14.8525 52.0767 16.1183 51.1625 17.6672C50.2482 19.2161 49.7802 20.9878 49.8103 22.7861C49.8403 24.5845 50.3672 26.3395 51.3327 27.857C52.2982 29.3745 53.6647 30.5954 55.2809 31.3846L56.4469 31.9574C56.8926 32.1749 57.2825 32.4916 57.5869 32.8831C57.8913 33.2746 58.1021 33.7306 58.2031 34.2161L58.4654 35.4874C58.8104 37.1687 59.5829 38.6812 60.656 39.9138L59.9392 45.6018C59.4004 49.8777 57.1851 53.7645 53.7805 56.4071C50.3759 59.0496 46.0611 60.2315 41.7851 59.6927C37.5092 59.1539 33.6224 56.9385 30.9798 53.534C28.3373 50.1294 27.1554 45.8145 27.6942 41.5386L29.7258 25.4161C30.2646 21.1401 32.48 17.2533 35.8846 14.6108C39.2891 11.9682 43.604 10.7864 47.8799 11.3252ZM70.8578 10.9449C71.461 11.0209 72.0308 11.2646 72.5025 11.6483C72.9741 12.032 73.3287 12.5404 73.5258 13.1155L73.6331 13.5123L73.8987 14.784C74.1776 16.1366 74.7408 17.4144 75.5508 18.533C76.3609 19.6516 77.3993 20.5853 78.5973 21.2723L79.1654 21.5732L80.3319 22.1427C80.9095 22.4247 81.3906 22.8717 81.7142 23.4271C82.0378 23.9824 82.1895 24.6213 82.15 25.2629C82.1106 25.9045 81.8817 26.52 81.4925 27.0315C81.1032 27.543 80.571 27.9276 79.9631 28.1367L79.5631 28.2435L78.2914 28.5091C76.9388 28.7881 75.661 29.3512 74.5424 30.1613C73.4238 30.9713 72.4901 32.0097 71.8031 33.2078L71.5022 33.7759L70.9326 34.9423C70.6503 35.5197 70.2031 36.0005 69.6476 36.3238C69.0921 36.6471 68.4531 36.7984 67.8116 36.7585C67.1701 36.7187 66.5548 36.4896 66.0435 36.1001C65.5322 35.7106 65.1479 35.1782 64.9391 34.5703L64.8319 34.1736L64.5663 32.9019C64.2873 31.5493 63.7242 30.2714 62.9141 29.1528C62.1041 28.0343 61.0657 27.1006 59.8676 26.4135L59.2995 26.1126L58.1331 25.5431C57.5554 25.2611 57.0744 24.8142 56.7508 24.2588C56.4271 23.7034 56.2754 23.0645 56.3149 22.4229C56.3544 21.7813 56.5832 21.1659 56.9725 20.6543C57.3618 20.1428 57.894 19.7582 58.5018 19.5492L58.9018 19.4423L60.1735 19.1767C61.5261 18.8978 62.804 18.3346 63.9226 17.5246C65.0411 16.7145 65.9748 15.6761 66.6619 14.4781L66.9627 13.91L67.5323 12.7435C67.8298 12.1343 68.3103 11.6334 68.9066 11.3109C69.5029 10.9884 70.1851 10.8604 70.8578 10.9449Z"
      fill="url(#paint0_linear_966_2163)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_966_2163"
        x1="51.7465"
        y1="20.8093"
        x2="44.1973"
        y2="76.3701"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E5E5E" />
        <stop offset="1" />
      </linearGradient>
    </defs>
  </svg>
);

const StarsIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    xmlns="http://www.w3.org/2000/svg"
    width="78"
    height="78"
    viewBox="0 0 78 78"
    fill="none"
  >
    <path
      d="M29.5988 17.706C31.5423 12.0185 39.4008 11.8463 41.7051 17.1893L41.9001 17.7093L44.5228 25.3792C45.1239 27.1383 46.0952 28.7479 47.3712 30.0996C48.6472 31.4513 50.1983 32.5137 51.9198 33.215L52.6251 33.4782L60.2951 36.0978C65.9826 38.0413 66.1548 45.8997 60.8151 48.204L60.2951 48.399L52.6251 51.0218C50.8655 51.6224 49.2552 52.5935 47.9029 53.8696C46.5506 55.1456 45.4877 56.6969 44.7861 58.4188L44.5228 59.1208L41.9033 66.794C39.9598 72.4815 32.1013 72.6537 29.8003 67.314L29.5988 66.794L26.9793 59.124C26.3787 57.3644 25.4075 55.7541 24.1315 54.4018C22.8554 53.0495 21.3041 51.9867 19.5823 51.285L18.8803 51.0218L11.2103 48.4022C5.51957 46.4587 5.34732 38.6003 10.6903 36.2992L11.2103 36.0978L18.8803 33.4782C20.6393 32.8772 22.249 31.9059 23.6007 30.6299C24.9524 29.3538 26.0148 27.8027 26.7161 26.0812L26.9793 25.3792L29.5988 17.706ZM61.7511 6.5C62.3591 6.5 62.9549 6.67055 63.4708 6.99228C63.9867 7.31401 64.402 7.77401 64.6696 8.32L64.8256 8.70025L65.9631 12.0348L69.3008 13.1723C69.9101 13.3793 70.4443 13.7625 70.8356 14.2734C71.2268 14.7843 71.4576 15.3999 71.4987 16.0421C71.5398 16.6843 71.3893 17.3242 71.0663 17.8808C70.7433 18.4374 70.2623 18.8856 69.6843 19.1685L69.3008 19.3245L65.9663 20.462L64.8288 23.7997C64.6214 24.4089 64.2379 24.9428 63.7268 25.3337C63.2157 25.7247 62.6001 25.9551 61.9579 25.9958C61.3157 26.0366 60.6759 25.8857 60.1195 25.5625C59.5631 25.2392 59.1152 24.7581 58.8326 24.18L58.6766 23.7997L57.5391 20.4653L54.2013 19.3278C53.592 19.1207 53.0579 18.7375 52.6666 18.2266C52.2753 17.7157 52.0445 17.1001 52.0034 16.4579C51.9623 15.8157 52.1129 15.1758 52.4359 14.6192C52.7589 14.0626 53.2398 13.6144 53.8178 13.3315L54.2013 13.1755L57.5358 12.038L58.6733 8.70025C58.8925 8.05813 59.3071 7.5007 59.859 7.10612C60.411 6.71154 61.0726 6.49959 61.7511 6.5Z"
      fill="white"
    />
    <path
      d="M29.5988 17.706C31.5423 12.0185 39.4008 11.8463 41.7051 17.1893L41.9001 17.7093L44.5228 25.3792C45.1239 27.1383 46.0952 28.7479 47.3712 30.0996C48.6472 31.4513 50.1983 32.5137 51.9198 33.215L52.6251 33.4782L60.2951 36.0978C65.9826 38.0413 66.1548 45.8997 60.8151 48.204L60.2951 48.399L52.6251 51.0218C50.8655 51.6224 49.2552 52.5935 47.9029 53.8696C46.5506 55.1456 45.4877 56.6969 44.7861 58.4188L44.5228 59.1208L41.9033 66.794C39.9598 72.4815 32.1013 72.6537 29.8003 67.314L29.5988 66.794L26.9793 59.124C26.3787 57.3644 25.4075 55.7541 24.1315 54.4018C22.8554 53.0495 21.3041 51.9867 19.5823 51.285L18.8803 51.0218L11.2103 48.4022C5.51957 46.4587 5.34732 38.6003 10.6903 36.2992L11.2103 36.0978L18.8803 33.4782C20.6393 32.8772 22.249 31.9059 23.6007 30.6299C24.9524 29.3538 26.0148 27.8027 26.7161 26.0812L26.9793 25.3792L29.5988 17.706ZM61.7511 6.5C62.3591 6.5 62.9549 6.67055 63.4708 6.99228C63.9867 7.31401 64.402 7.77401 64.6696 8.32L64.8256 8.70025L65.9631 12.0348L69.3008 13.1723C69.9101 13.3793 70.4443 13.7625 70.8356 14.2734C71.2268 14.7843 71.4576 15.3999 71.4987 16.0421C71.5398 16.6843 71.3893 17.3242 71.0663 17.8808C70.7433 18.4374 70.2623 18.8856 69.6843 19.1685L69.3008 19.3245L65.9663 20.462L64.8288 23.7997C64.6214 24.4089 64.2379 24.9428 63.7268 25.3337C63.2157 25.7247 62.6001 25.9551 61.9579 25.9958C61.3157 26.0366 60.6759 25.8857 60.1195 25.5625C59.5631 25.2392 59.1152 24.7581 58.8326 24.18L58.6766 23.7997L57.5391 20.4653L54.2013 19.3278C53.592 19.1207 53.0579 18.7375 52.6666 18.2266C52.2753 17.7157 52.0445 17.1001 52.0034 16.4579C51.9623 15.8157 52.1129 15.1758 52.4359 14.6192C52.7589 14.0626 53.2398 13.6144 53.8178 13.3315L54.2013 13.1755L57.5358 12.038L58.6733 8.70025C58.8925 8.05813 59.3071 7.5007 59.859 7.10612C60.411 6.71154 61.0726 6.49959 61.7511 6.5Z"
      fill="url(#paint0_linear_966_2173)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_966_2173"
        x1="39.1902"
        y1="18.0417"
        x2="38.7257"
        y2="71.1895"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E5E5E" />
        <stop offset="1" />
      </linearGradient>
    </defs>
  </svg>
);

const SendIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    xmlns="http://www.w3.org/2000/svg"
    width="109"
    height="110"
    viewBox="0 0 109 110"
    fill="none"
  >
    <g clipPath="url(#clip0_966_2179)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21.6933 57.4218C16.551 51.7817 19.595 42.6846 27.0988 41.2741L69.3117 33.3341C77.3964 31.8108 83.6163 40.3719 79.6693 47.5902L59.0753 85.2861C55.4151 91.9867 45.8252 92.0686 42.0476 85.4371L35.0418 73.1405L56.3865 57.6326C57.0839 57.126 57.5514 56.3631 57.6862 55.5118C57.8211 54.6604 57.6122 53.7904 57.1055 53.093C56.5989 52.3957 55.836 51.9282 54.9847 51.7934C54.1333 51.6585 53.2633 51.8674 52.5659 52.374L31.2239 67.88L21.6933 57.4218Z"
        fill="white"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21.6933 57.4218C16.551 51.7817 19.595 42.6846 27.0988 41.2741L69.3117 33.3341C77.3964 31.8108 83.6163 40.3719 79.6693 47.5902L59.0753 85.2861C55.4151 91.9867 45.8252 92.0686 42.0476 85.4371L35.0418 73.1405L56.3865 57.6326C57.0839 57.126 57.5514 56.3631 57.6862 55.5118C57.8211 54.6604 57.6122 53.7904 57.1055 53.093C56.5989 52.3957 55.836 51.9282 54.9847 51.7934C54.1333 51.6585 53.2633 51.8674 52.5659 52.374L31.2239 67.88L21.6933 57.4218Z"
        fill="url(#paint0_linear_966_2179)"
      />
    </g>
    <defs>
      <linearGradient
        id="paint0_linear_966_2179"
        x1="44.791"
        y1="39.6572"
        x2="71.6679"
        y2="77.3143"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E5E5E" />
        <stop offset="1" />
      </linearGradient>
      <clipPath id="clip0_966_2179">
        <rect
          width="78"
          height="78"
          fill="white"
          transform="translate(0 46.375) rotate(-36)"
        />
      </clipPath>
    </defs>
  </svg>
);

const MessageIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    xmlns="http://www.w3.org/2000/svg"
    width="90"
    height="90"
    viewBox="0 0 90 90"
    fill="none"
  >
    <g clipPath="url(#clip0_966_2169)">
      <path
        d="M14.8118 22.4516C15.2564 19.717 16.7692 17.271 19.0173 15.6517C21.2654 14.0324 24.0647 13.3725 26.7993 13.8171L72.1568 21.192C74.8915 21.6366 77.3375 23.1494 78.9568 25.3975C80.576 27.6456 81.236 30.4449 80.7913 33.1795L80.7868 33.207L45.0434 44.744L14.8055 22.4901L14.8118 22.4516ZM14.0522 27.1232L9.67048 54.0721C9.22584 56.8068 9.88575 59.6061 11.505 61.8542C13.1243 64.1023 15.5703 65.615 18.305 66.0597L63.6625 73.4345C66.3971 73.8791 69.1964 73.2192 71.4445 71.5999C73.6926 69.9807 75.2054 67.5346 75.65 64.8L80.0331 37.8428L45.3083 49.0516C44.993 49.1534 44.658 49.1787 44.331 49.1256C44.004 49.0724 43.6943 48.9422 43.4276 48.7458L14.0522 27.1232Z"
        fill="white"
      />
      <path
        d="M14.8118 22.4516C15.2564 19.717 16.7692 17.271 19.0173 15.6517C21.2654 14.0324 24.0647 13.3725 26.7993 13.8171L72.1568 21.192C74.8915 21.6366 77.3375 23.1494 78.9568 25.3975C80.576 27.6456 81.236 30.4449 80.7913 33.1795L80.7868 33.207L45.0434 44.744L14.8055 22.4901L14.8118 22.4516ZM14.0522 27.1232L9.67048 54.0721C9.22584 56.8068 9.88575 59.6061 11.505 61.8542C13.1243 64.1023 15.5703 65.615 18.305 66.0597L63.6625 73.4345C66.3971 73.8791 69.1964 73.2192 71.4445 71.5999C73.6926 69.9807 75.2054 67.5346 75.65 64.8L80.0331 37.8428L45.3083 49.0516C44.993 49.1534 44.658 49.1787 44.331 49.1256C44.004 49.0724 43.6943 48.9422 43.4276 48.7458L14.0522 27.1232Z"
        fill="url(#paint0_linear_966_2169)"
      />
      <path
        d="M14.8118 22.4516C15.2564 19.717 16.7692 17.271 19.0173 15.6517C21.2654 14.0324 24.0647 13.3725 26.7993 13.8171L72.1568 21.192C74.8915 21.6366 77.3375 23.1494 78.9568 25.3975C80.576 27.6456 81.236 30.4449 80.7913 33.1795L80.7868 33.207L45.0434 44.744L14.8055 22.4901L14.8118 22.4516ZM14.0522 27.1232L9.67048 54.0721C9.22584 56.8068 9.88575 59.6061 11.505 61.8542C13.1243 64.1023 15.5703 65.615 18.305 66.0597L63.6625 73.4345C66.3971 73.8791 69.1964 73.2192 71.4445 71.5999C73.6926 69.9807 75.2054 67.5346 75.65 64.8L80.0331 37.8428L45.3083 49.0516C44.993 49.1534 44.658 49.1787 44.331 49.1256C44.004 49.0724 43.6943 48.9422 43.4276 48.7458L14.0522 27.1232Z"
        fill="url(#paint1_linear_966_2169)"
      />
    </g>
    <defs>
      <linearGradient
        id="paint0_linear_966_2169"
        x1="47.9965"
        y1="26.8305"
        x2="40.7209"
        y2="69.7025"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E5E5E" />
        <stop offset="1" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_966_2169"
        x1="47.9965"
        y1="26.8305"
        x2="40.7209"
        y2="69.7025"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E5E5E" />
        <stop offset="1" />
      </linearGradient>
      <clipPath id="clip0_966_2169">
        <rect
          width="78"
          height="78"
          fill="white"
          transform="translate(12.7656 0.246094) rotate(9.23513)"
        />
      </clipPath>
    </defs>
  </svg>
);
const CTA = () => {
  return (
    <div className="relative w-full max-w-6xl mx-auto px-4 py-48">
      {/* Floating Icons Container */}
      <div className="absolute inset-0 pointer-events-none">
        <div className="relative w-full h-full">
          {/* --- TOP ROW --- */}
          {/* LockIcon -> Sécurité des Prix (Fixer le budget) */}
          <div className="absolute top-0 left-1/4 transform -translate-x-1/2 p-4">
            <IconCircle
              icon={<LockIcon className="w-10 h-10 md:w-22 md:h-22 p-1" />}
            />
          </div>
          {/* BrushIcon -> Optimisation Fiscale/Précision (Nettoyer les factures) */}
          <div className="absolute top-0 left-1/2 transform -translate-x-1/2 p-4">
            <IconCircle
              icon={<BrushIcon className="w-10 h-10 md:w-22 md:h-22 p-1" />}
            />
          </div>
          {/* DocumentIcon -> Audit de Contrat (Gestion administrative) */}
          <div className="absolute top-0 right-1/4 transform translate-x-1/2 p-4">
            <IconCircle
              icon={<DocumentIcon className="w-10 h-10 md:w-22 md:h-22 p-1" />}
            />
          </div>

          {/* --- MIDDLE ROW --- */}
          {/* ShieldIcon -> Garantie de Service (Pas de coupure) */}
          <div className="absolute top-1/2 left-0 transform -translate-y-1/2 p-4 hidden md:block">
            <IconCircle
              icon={<ShieldIcon className="w-10 h-10 md:w-22 md:h-22 p-1" />}
            />
          </div>
          {/* RecordIcon (Target) -> Ciblage du Meilleur Prix */}
          <div className="absolute top-1/2 right-0 transform -translate-y-1/2 p-4 hidden md:block">
            <IconCircle
              icon={<RecordIcon className="w-10 h-10 md:w-22 md:h-22 p-1" />}
            />
          </div>

          {/* --- BOTTOM ROW --- */}
          {/* StarsIcon -> Énergie Verte & Qualité RSE */}
          <div className="absolute bottom-0 left-1/4 transform -translate-x-1/2 p-4">
            <IconCircle
              icon={<StarsIcon className="w-10 h-10 md:w-22 md:h-22 p-1" />}
            />
          </div>
          {/* SendIcon -> Rapidité d'exécution (Moins de 48h) */}
          <div className="absolute bottom-0 left-1/2 transform -translate-x-1/2 p-4">
            <IconCircle
              icon={<SendIcon className="w-10 h-10 md:w-22 md:h-22 p-1" />}
            />
          </div>
          {/* MessageIcon -> Contact Direct Ingénieur */}
          <div className="absolute bottom-0 right-1/4 transform translate-x-1/2 p-4">
            <IconCircle
              icon={<MessageIcon className="w-10 h-10 md:w-22 md:h-22 p-1" />}
            />
          </div>
        </div>
      </div>

      {/* Main Content */}
      <div className="relative z-20 text-center">
        <h2 className="text-4xl md:text-6xl font-bold leading-tight mb-6 text-slate-900">
          Arrêtez de <span className="text-orange-700">surpayer</span> <br />
          votre énergie.
        </h2>

        <p className="text-lg md:text-xl text-slate-900 mb-8 max-w-2xl mx-auto">
          Votre courtier en énergie à rémunération transparente. Le mode de
          rémunération est défini et validé avant toute mission. Aucun frais
          caché. Aucun impact non maîtrisé sur vos factures.
        </p>

        <div className="flex flex-col sm:flex-row justify-center gap-4">
          <CalButton location="cta_section" className="bg-[#ea580c] hover:bg-[#9a3412] text-white text-lg px-8 py-6 h-auto shadow-lg hover:shadow-xl">
            Lancer mon audit gratuit
          </CalButton>
          <a
            href={`https://wa.me/${process.env.NEXT_PUBLIC_WHATSAPP_NUMBER}`}
            target="_blank"
            rel="noopener noreferrer"
            onClick={() =>
              trackEvent("cta_click", {
                cta_type: "whatsapp",
                cta_location: "cta_section",
              })
            }
            className="font-semibold rounded-full transition-all cursor-pointer border border-slate-300 text-slate-900 hover:bg-slate-50 text-lg px-8 py-6 h-auto inline-flex items-center justify-center gap-2"
          >
            <svg className="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
              <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
            </svg>
            Parler à un expert
          </a>
        </div>

      </div>
    </div>
  );
};

// Helper component for the circular icons
const IconCircle = ({ icon }: { icon: React.ReactNode }) => {
  return (
    <div className="flex shadow-lg h-12 w-12 md:h-24 md:w-24 animate-float items-center justify-center rounded-full bg-linear-180 from-[#ECECEC] from-5.38% to-white to-100.77% p-10 drop-shadow-[0px_30px_10px_rgba(224,224,224,0.02)]">
      <span className="text-xl">{icon}</span>
    </div>
  );
};

export default CTA;
