import React from "react";

function Cards() {
  return (
    <>
      {/* <!-- Pricing --> */}
      <div className="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
        {/* <!-- Title --> */}
        <div className="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
          <h2 className="text-2xl font-bold md:text-4xl md:leading-tight">
            Pricing
          </h2>
          <p className="mt-1 text-secondary-content">
            Whatever your status, our offers evolve according to your needs.
          </p>
        </div>
        {/* <!-- End Title --> */}

        {/* <!-- Switch --> */}
        <div className="flex justify-center items-center">
          <label className="min-w-14 text-sm text-secondary-content me-3">
            Monthly
          </label>

          <input
            type="checkbox"
            id="hs-basic-with-description"
            className="relative w-[3.25rem] h-7 p-px bg-base-100 border-transparent text-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:ring-primary disabled:opacity-50 disabled:pointer-events-none checked:bg-none checked:text-primary checked:border-primary focus:checked:border-primary dark:focus:ring-offset-neutral

    before:inline-block before:size-6 before:bg-white checked:before:bg-white before:translate-x-0 checked:before:translate-x-full before:rounded-full before:shadow before:transform before:ring-0 before:transition before:ease-in-out before:duration-200"
            checked
          />

          <label className="relative min-w-14 text-sm text-secondary-content ms-3">
            Annual
            <span className="absolute -top-10 start-auto -end-28">
              <span className="flex items-center">
                <svg
                  className="w-14 h-8 -me-6"
                  width="45"
                  height="25"
                  viewBox="0 0 45 25"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M43.2951 3.47877C43.8357 3.59191 44.3656 3.24541 44.4788 2.70484C44.5919 2.16427 44.2454 1.63433 43.7049 1.52119L43.2951 3.47877ZM4.63031 24.4936C4.90293 24.9739 5.51329 25.1423 5.99361 24.8697L13.8208 20.4272C14.3011 20.1546 14.4695 19.5443 14.1969 19.0639C13.9242 18.5836 13.3139 18.4152 12.8336 18.6879L5.87608 22.6367L1.92723 15.6792C1.65462 15.1989 1.04426 15.0305 0.563943 15.3031C0.0836291 15.5757 -0.0847477 16.1861 0.187863 16.6664L4.63031 24.4936ZM43.7049 1.52119C32.7389 -0.77401 23.9595 0.99522 17.3905 5.28788C10.8356 9.57127 6.58742 16.2977 4.53601 23.7341L6.46399 24.2659C8.41258 17.2023 12.4144 10.9287 18.4845 6.96211C24.5405 3.00476 32.7611 1.27399 43.2951 3.47877L43.7049 1.52119Z"
                    fill="currentColor"
                    className="fill-base-300"
                  />
                </svg>
                <span className="mt-3 inline-block whitespace-nowrap text-[11px] leading-5 font-semibold tracking-wide uppercase bg-primary text-white rounded-full py-1 px-2.5">
                  Save up to 10%
                </span>
              </span>
            </span>
          </label>
        </div>
        {/* <!-- End Switch --> */}

        {/* <!-- Grid --> */}
        <div className="mt-12 grid sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:items-center">
          {/* <!-- Card --> */}
          <div className="flex flex-col border border-base-200 text-center rounded-xl p-8">
            <h4 className="font-medium text-lg text-secondary-content ">
              Free
            </h4>
            <span className="mt-7 font-bold text-5xl text-secondary-content">
              Free
            </span>
            <p className="mt-2 text-sm text-secondary-content">Forever free</p>

            <ul className="mt-7 space-y-2.5 text-sm">
              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">1 user</span>
              </li>

              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  Plan features
                </span>
              </li>

              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  Product support
                </span>
              </li>
            </ul>

            <a
              className="mt-5 py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-base-200 text-primary hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral"
              href="#"
            >
              Sign up
            </a>
          </div>
          {/* <!-- End Card --> */}

          {/* <!-- Card --> */}
          <div className="flex flex-col border-2 border-primary text-center shadow-xl rounded-xl p-8">
            <p className="mb-3">
              <span className="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs uppercase font-semibold bg-base-200 text-primary">
                Most popular
              </span>
            </p>
            <h4 className="font-medium text-lg text-secondary-content ">
              Startup
            </h4>
            <span className="mt-5 font-bold text-5xl text-secondary-content">
              <span className="font-bold text-2xl -me-2">$ </span>
              39
            </span>
            <p className="mt-2 text-sm text-secondary-content">
              All the basics for starting a new business
            </p>

            <ul className="mt-7 space-y-2.5 text-sm">
              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  2 users
                </span>
              </li>

              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  Plan features
                </span>
              </li>

              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  Product support
                </span>
              </li>
            </ul>

            <a
              className="mt-5 py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-primary text-white hover:bg-primary/50 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral"
              href="https://github.com/htmlstreamofficial/preline/tree/main/examples/html"
            >
              Sign up
            </a>
          </div>
          {/* <!-- End Card --> */}

          {/* <!-- Card --> */}
          <div className="flex flex-col border border-base-200 text-center rounded-xl p-8">
            <h4 className="font-medium text-lg text-secondary-content ">
              Team
            </h4>
            <span className="mt-5 font-bold text-5xl text-secondary-content">
              <span className="font-bold text-2xl -me-2">$ </span>
              89
            </span>
            <p className="mt-2 text-sm text-secondary-content">
              Everything you need for a growing business
            </p>

            <ul className="mt-7 space-y-2.5 text-sm">
              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  5 users
                </span>
              </li>

              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  Plan features
                </span>
              </li>

              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  Product support
                </span>
              </li>
            </ul>

            <a
              className="mt-5 py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-base-200 text-primary hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral"
              href="#"
            >
              Sign up
            </a>
          </div>
          {/* <!-- End Card --> */}

          {/* <!-- Card --> */}
          <div className="flex flex-col border border-base-200 text-center rounded-xl p-8">
            <h4 className="font-medium text-lg text-secondary-content ">
              Enterprise
            </h4>
            <span className="mt-5 font-bold text-5xl text-secondary-content">
              <span className="font-bold text-2xl -me-2">$ </span>
              149
            </span>
            <p className="mt-2 text-sm text-secondary-content">
              Advanced features for scaling your business
            </p>

            <ul className="mt-7 space-y-2.5 text-sm">
              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  10 users
                </span>
              </li>

              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  Plan features
                </span>
              </li>

              <li className="flex space-x-2">
                <svg
                  className="flex-shrink-0 mt-0.5 size-4 text-primary "
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                >
                  <polyline points="20 6 9 17 4 12" />
                </svg>
                <span className="text-secondary-content">
                  Product support
                </span>
              </li>
            </ul>

            <a
              className="mt-5 py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-base-200 text-primary hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral"
              href="#"
            >
              Sign up
            </a>
          </div>
          {/* <!-- End Card --> */}
        </div>
        {/* <!-- End Grid --> */}

        {/* <!-- Comparison table --> */}
        <div className="mt-20 lg:mt-32">
          <div className="lg:text-center mb-10 lg:mb-20">
            <h3 className="text-2xl font-semibold">
              Compare plans
            </h3>
          </div>

          {/* <!-- xs to lg --> */}
          <div className="space-y-24 lg:hidden">
            <section>
              <div className="px-4 mb-4">
                <h2 className="text-lg leading-6 font-medium text-neutral">
                  Free
                </h2>
              </div>
              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  Financial data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Open/High/Low/Close
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Price-volume difference indicator
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>
                </tbody>
              </table>

              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  On-chain data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Network growth
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Average token age consumed
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Exchange flow
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total ERC20 exchange funds flow
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Transaction volume
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total circulation (beta)
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Velocity of tokens (beta)
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      ETH gas used
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>
                </tbody>
              </table>

              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  Social data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Dev activity
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Topic search
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Relative social dominance
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total social volume
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </section>

            <section>
              <div className="px-4 mb-4">
                <h2 className="text-lg leading-6 font-medium text-neutral">
                  Startup
                </h2>
              </div>
              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  Financial data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Open/High/Low/Close
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Price-volume difference indicator
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>
                </tbody>
              </table>

              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  On-chain data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Network growth
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Average token age consumed
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Exchange flow
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total ERC20 exchange funds flow
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Transaction volume
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total circulation (beta)
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Velocity of tokens (beta)
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      ETH gas used
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>
                </tbody>
              </table>

              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  Social data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Dev activity
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Topic search
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Relative social dominance
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total social volume
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </section>

            <section>
              <div className="px-4 mb-4">
                <h2 className="text-lg leading-6 font-medium text-neutral">
                  Team
                </h2>
              </div>
              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  Financial data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Open/High/Low/Close
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Price-volume difference indicator
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>
                </tbody>
              </table>

              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  On-chain data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Network growth
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Average token age consumed
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Exchange flow
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total ERC20 exchange funds flow
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Transaction volume
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total circulation (beta)
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Velocity of tokens (beta)
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      ETH gas used
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>
                </tbody>
              </table>

              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  Social data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Dev activity
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Topic search
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Relative social dominance
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total social volume
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Minus --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-base-300"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">No</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </section>

            <section>
              <div className="px-4 mb-4">
                <h2 className="text-lg leading-6 font-medium text-neutral">
                  Enterprise
                </h2>
              </div>
              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  Financial data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Open/High/Low/Close
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Price-volume difference indicator
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>
                </tbody>
              </table>

              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  On-chain data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Network growth
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Average token age consumed
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Exchange flow
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total ERC20 exchange funds flow
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Transaction volume
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total circulation (beta)
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Velocity of tokens (beta)
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      ETH gas used
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>
                </tbody>
              </table>

              <table className="w-full">
                <caption className="bg-base-100 border-t border-base-200 py-3 px-4 text-sm font-bold text-primary-content text-start">
                  Social data
                </caption>
                <thead>
                  <tr>
                    <th className="sr-only" scope="col">
                      Feature
                    </th>
                    <th className="sr-only" scope="col">
                      Included
                    </th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-base-200">
                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Dev activity
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Topic search
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Relative social dominance
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>

                  <tr className="border-t border-base-200">
                    <th
                      className="py-5 px-4 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                      scope="row"
                    >
                      Total social volume
                    </th>
                    <td className="py-5 pe-4">
                      {/* <!-- Check --> */}
                      <svg
                        className="flex-shrink-0 ms-auto size-5 text-primary "
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- End Solid Check --> */}
                      <span className="sr-only">Yes</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </section>
          </div>
          {/* <!-- End xs to lg --> */}

          {/* <!-- lg+ --> */}
          <div className="hidden lg:block">
            <table className="w-full h-px">
              <caption className="sr-only">Pricing plan comparison</caption>
              <thead className="sticky top-0 inset-x-0 bg-base-300">
                <tr>
                  <th
                    className="py-4 ps-6 pe-6 text-sm font-medium text-secondary-content text-start"
                    scope="col"
                  >
                    <span className="sr-only">Feature by</span>
                    <span className="">Plans</span>
                  </th>

                  <th
                    className="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-secondary-content text-center"
                    scope="col"
                  >
                    Free
                  </th>
                  <th
                    className="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-secondary-content text-center"
                    scope="col"
                  >
                    Startup
                  </th>
                  <th
                    className="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-secondary-content text-center"
                    scope="col"
                  >
                    Team
                  </th>
                  <th
                    className="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-secondary-content text-center"
                    scope="col"
                  >
                    Enterprise
                  </th>
                </tr>
              </thead>
              <tbody className="border-t border-base-300 divide-y divide-base-300">
                <tr>
                  <th
                    className="py-3 ps-6 bg-base-100 font-bold text-secondary-content text-start"
                    colSpan={5}
                    scope="colgroup"
                  >
                    Financial data
                  </th>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Open/High/Low/Close
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Price-volume difference indicator
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Not included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-3 ps-6 bg-base-100 font-bold text-secondary-content text-start"
                    colSpan={5}
                    scope="colgroup"
                  >
                    On-chain data
                  </th>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Network growth
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Average token age consumed
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Not included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Exchange flow
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Not included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Total ERC20 exchange funds flow
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Not included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Transaction volume
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Total circulation (beta)
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Not included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Velocity of tokens (beta)
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Not included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    ETH gas used
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Not included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-3 ps-6 bg-base-100 font-bold text-secondary-content text-start"
                    colSpan={5}
                    scope="colgroup"
                  >
                    Social data
                  </th>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Dev activity
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Topic search
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Relative social dominance
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Minus --> */}
                    {/* <!-- Minus --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>

                <tr>
                  <th
                    className="py-5 ps-6 pe-6 text-sm font-normal text-secondary-content text-start whitespace-nowrap"
                    scope="row"
                  >
                    Relative social dominance
                  </th>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Free</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Startup</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-base-300"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <path d="M5 12h14" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Team</span>
                  </td>

                  <td className="py-5 px-6">
                    {/* <!-- Check --> */}
                    <svg
                      className="mx-auto flex-shrink-0 size-5 text-primary "
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      strokeWidth="2"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    >
                      <polyline points="20 6 9 17 4 12" />
                    </svg>
                    {/* <!-- End Solid Check --> */}
                    <span className="sr-only">Included in Enterprise</span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          {/* <!-- End lg+ --> */}
        </div>
        {/* <!-- End Comparison table --> */}
      </div>
      {/* <!-- End Pricing --> */}
    </>
  );
}

export default Cards;
