---
sidebar_position: 2
---

# Blocks With Bordered Gradients

![Cards](/img/blocks-with-bordered-gradients.png)

```jsx title="Frontend/sections/PricingSections/BlocksWithBorderedGradients.tsx"
<>
      {/* <!-- 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 dark:text-base-100">
            Find the right plan for your team
          </h2>
          <p className="mt-1 text-secondary-content dark:text-base-300">
            Pay as you go service, cancel anytime.
          </p>
        </div>
        {/* <!-- End Title --> */}

        {/* <!-- Grid --> */}
        <div className="mt-12 relative before:absolute before:inset-0 before:-z-[1] before:bg-[radial-gradient(closest-side,#cbd5e1,transparent)] dark:before:bg-[radial-gradient(closest-side,#334155,transparent)]">
          <div className="grid gap-px sm:grid-cols-2 lg:grid-cols-4 lg:items-center">
            {/* <!-- Card --> */}
            <div className="flex flex-col h-full text-center">
              <div className="bg-base-100 pt-8 pb-5 px-8">
                <h4 className="font-medium text-lg text-secondary-content">
                  Free
                </h4>
              </div>

              <div className="h-full bg-base-100 lg:mt-px lg:py-5 px-8">
                <span className="mt-7 font-bold text-5xl text-secondary-content">
                  Free
                </span>
              </div>

              <div className="bg-base-100 flex justify-center lg:mt-px pt-7 px-8">
                <ul className="space-y-2.5 text-center text-sm">
                  <li className="text-secondary-content dark:text-base-300">
                    1 user
                  </li>

                  <li className="text-secondary-content dark:text-base-300">
                    Plan features
                  </li>

                  <li className="text-secondary-content dark:text-base-300">
                    Product support
                  </li>
                </ul>
              </div>

              <div className="bg-base-100 py-8 px-8">
                <a
                  className="py-3 px-4 w-full inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-primary text-primary hover:border-primary/50 hover:text-primary/50 disabled:opacity-50 disabled:pointer-events-none dark:border-primary dark:text-primary dark:hover:text-blue-400 dark:hover:border-blue-400 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-secondary-content"
                  href="#"
                >
                  Sign up
                </a>
              </div>
            </div>
            {/* <!-- End Card --> */}

            {/* <!-- Card --> */}
            <div className="flex flex-col h-full text-center">
              <div className="bg-base-100 pt-8 pb-5 px-8">
                <h4 className="font-medium text-lg text-secondary-content">
                  Startup
                </h4>
              </div>

              <div className="h-full bg-base-100 lg:mt-px lg:py-5 px-8">
                <span className="mt-7 font-bold text-5xl text-secondary-content">
                  <span className="font-bold text-2xl -me-2">$ </span>
                  39
                </span>
              </div>

              <div className="bg-base-100 flex justify-center lg:mt-px pt-7 px-8">
                <ul className="space-y-2.5 text-center text-sm">
                  <li className="text-secondary-content dark:text-base-300">
                    2 users
                  </li>

                  <li className="text-secondary-content dark:text-base-300">
                    Plan features
                  </li>

                  <li className="text-secondary-content dark:text-base-300">
                    Product support
                  </li>
                </ul>
              </div>

              <div className="bg-base-100 py-8 px-8">
                <a
                  className="py-3 px-4 w-full inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-primary text-primary hover:border-primary/50 hover:text-primary/50 disabled:opacity-50 disabled:pointer-events-none dark:border-primary dark:text-primary dark:hover:text-blue-400 dark:hover:border-blue-400 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-secondary-content"
                  href="#"
                >
                  Sign up
                </a>
              </div>
            </div>
            {/* <!-- End Card --> */}

            {/* <!-- Card --> */}
            <div className="flex flex-col h-full text-center">
              <div className="bg-base-100 pt-8 pb-5 px-8">
                <h4 className="font-medium text-lg text-secondary-content">
                  Team
                </h4>
              </div>

              <div className="h-full bg-base-100 lg:mt-px lg:py-5 px-8">
                <span className="mt-7 font-bold text-5xl text-secondary-content">
                  <span className="font-bold text-2xl -me-2">$ </span>
                  89
                </span>
              </div>

              <div className="bg-base-100 flex justify-center lg:mt-px pt-7 px-8">
                <ul className="space-y-2.5 text-center text-sm">
                  <li className="text-secondary-content dark:text-base-300">
                    5 users
                  </li>

                  <li className="text-secondary-content dark:text-base-300">
                    Plan features
                  </li>

                  <li className="text-secondary-content dark:text-base-300">
                    Product support
                  </li>
                </ul>
              </div>

              <div className="bg-base-100 py-8 px-8">
                <a
                  className="py-3 px-4 w-full inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-primary text-primary hover:border-primary/50 hover:text-primary/50 disabled:opacity-50 disabled:pointer-events-none dark:border-primary dark:text-primary dark:hover:text-blue-400 dark:hover:border-blue-400 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-secondary-content"
                  href="#"
                >
                  Sign up
                </a>
              </div>
            </div>
            {/* <!-- End Card --> */}

            {/* <!-- Card --> */}
            <div className="flex flex-col h-full text-center">
              <div className="bg-base-100 pt-8 pb-5 px-8">
                <h4 className="font-medium text-lg text-secondary-content">
                  Enterprise
                </h4>
              </div>

              <div className="h-full bg-base-100 lg:mt-px lg:py-5 px-8">
                <span className="mt-7 font-bold text-5xl text-secondary-content">
                  <span className="font-bold text-2xl -me-2">$ </span>
                  149
                </span>
              </div>

              <div className="bg-base-100 flex justify-center lg:mt-px pt-7 px-8">
                <ul className="space-y-2.5 text-center text-sm">
                  <li className="text-secondary-content dark:text-base-300">
                    10 users
                  </li>

                  <li className="text-secondary-content dark:text-base-300">
                    Plan features
                  </li>

                  <li className="text-secondary-content dark:text-base-300">
                    Product support
                  </li>
                </ul>
              </div>

              <div className="bg-base-100 py-8 px-8">
                <a
                  className="py-3 px-4 w-full inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-primary text-primary hover:border-primary/50 hover:text-primary/50 disabled:opacity-50 disabled:pointer-events-none dark:border-primary dark:text-primary dark:hover:text-blue-400 dark:hover:border-blue-400 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-secondary-content"
                  href="#"
                >
                  Sign up
                </a>
              </div>
            </div>
            {/* <!-- End Card --> */}
          </div>
        </div>
        {/* <!-- End Grid --> */}

        {/* <!-- Comparison table --> */}
        <div className="mt-20">
          <div
            id="hs-pricing-comparision-content"
            className="hs-collapse hidden w-full overflow-hidden transition-[height] duration-300"
            aria-labelledby="hs-pricing-comparision"
          >
            {/* <!-- 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-secondary-content">
                    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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Network growth
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Minus --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-base-300 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

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

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Transaction volume
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Dev activity
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Minus --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-base-300 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Topic search
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content">
                    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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Network growth
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Minus --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-base-300 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

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

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Transaction volume
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Total circulation (beta)
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        ETH gas used
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Dev activity
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Topic search
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Total social volume
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content">
                    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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Network growth
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Exchange flow
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Transaction volume
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Total circulation (beta)
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        ETH gas used
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Dev activity
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Minus --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-base-300 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M5 12h14" />
                        </svg>
                        {/* <!-- Minus --> */}
                        <span className="sr-only">No</span>
                      </td>
                    </tr>

                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Topic search
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Relative social dominance
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-secondary-content"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content">
                    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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Network growth
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Exchange flow
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Transaction volume
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Total circulation (beta)
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        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 dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        ETH gas used
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-secondary-content text-start dark:bg-secondary-content dark:border-secondary-content dark:text-base-100">
                    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 dark:divide-secondary-content">
                    <tr className="border-t border-base-200 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Dev activity
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Topic search
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Relative social dominance
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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 dark:border-secondary-content">
                      <th
                        className="py-5 px-4 text-sm font-normal text-secondary-content text-start base-100space-nowrap dark:text-base-300"
                        scope="row"
                      >
                        Total social volume
                      </th>
                      <td className="py-5 pe-4">
                        {/* <!-- Check --> */}
                        <svg
                          className="flex-shrink-0 ms-auto size-5 text-primary dark:text-primary"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="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-100">
                  <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="dark:text-base-100">Plans</span>
                    </th>

                    <th
                      className="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-secondary-content text-center dark:text-base-100"
                      scope="col"
                    >
                      Free
                    </th>
                    <th
                      className="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-secondary-content text-center dark:text-base-100"
                      scope="col"
                    >
                      Startup
                    </th>
                    <th
                      className="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-secondary-content text-center dark:text-base-100"
                      scope="col"
                    >
                      Team
                    </th>
                    <th
                      className="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-secondary-content text-center dark:text-base-100"
                      scope="col"
                    >
                      Enterprise
                    </th>
                  </tr>
                </thead>
                <tbody className="border-t border-base-200 divide-y divide-base-200 dark:border-secondary-content dark:divide-secondary-content">
                  <tr>
                    <th
                      className="py-3 ps-6 bg-base-100 font-bold text-secondary-content text-start dark:bg-slate-800 dark:text-base-100"
                      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 base-100space-nowrap dark:text-base-300"
                      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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:bg-slate-800 dark:text-base-100"
                      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 base-100space-nowrap dark:text-base-300"
                      scope="row"
                    >
                      Network growth
                    </th>

                    <td className="py-5 px-6">
                      {/* <!-- Check --> */}
                      <svg
                        className="mx-auto flex-shrink-0 size-5 text-primary dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      scope="row"
                    >
                      Exchange flow
                    </th>

                    <td className="py-5 px-6">
                      {/* <!-- Minus --> */}
                      <svg
                        className="mx-auto flex-shrink-0 size-5 text-base-300 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      scope="row"
                    >
                      Transaction volume
                    </th>

                    <td className="py-5 px-6">
                      {/* <!-- Check --> */}
                      <svg
                        className="mx-auto flex-shrink-0 size-5 text-primary dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:bg-slate-800 dark:text-base-100"
                      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 base-100space-nowrap dark:text-base-300"
                      scope="row"
                    >
                      Dev activity
                    </th>

                    <td className="py-5 px-6">
                      {/* <!-- Minus --> */}
                      <svg
                        className="mx-auto flex-shrink-0 size-5 text-base-300 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      scope="row"
                    >
                      Topic search
                    </th>

                    <td className="py-5 px-6">
                      {/* <!-- Check --> */}
                      <svg
                        className="mx-auto flex-shrink-0 size-5 text-primary dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 base-100space-nowrap dark:text-base-300"
                      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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                      >
                        <path d="M5 12h14" />
                      </svg>
                      {/* <!-- Minus --> */}
                      <span className="sr-only">Included in Startup</span>
                    </td>

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

                    <td className="py-5 px-6">
                      {/* <!-- Minus --> */}
                      <svg
                        className="mx-auto flex-shrink-0 size-5 text-primary dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                      >
                        <polyline points="20 6 9 17 4 12" />
                      </svg>
                      {/* <!-- 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 base-100space-nowrap dark:text-base-300"
                      scope="row"
                    >
                      Relative social dominance
                    </th>

                    <td className="py-5 px-6">
                      {/* <!-- Check --> */}
                      <svg
                        className="mx-auto flex-shrink-0 size-5 text-primary dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-secondary-content"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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 dark:text-primary"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="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>

          <div className="text-center mt-12">
            <button
              type="button"
              className="hs-collapse-toggle py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-full border border-base-200 bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:border-secondary-content dark:text-base-100 dark:hover:bg-secondary-content dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-secondary-content"
              id="hs-pricing-comparision"
              data-hs-collapse="#hs-pricing-comparision-content"
            >
              <span className="hs-collapse-open:hidden block">
                View pricing comparision
              </span>
              <span className="hs-collapse-open:block hidden">
                Hide pricing comparision
              </span>
              <svg
                className="hs-collapse-open:rotate-180 flex-shrink-0 size-4"
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
                fill="none"
                stroke="currentColor"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
              >
                <path d="m6 9 6 6 6-6" />
              </svg>
            </button>
          </div>
        </div>
        {/* <!-- End Comparison table --> */}
      </div>
      {/* <!-- End Pricing --> */}
    </>
```