forked from mrwyndham/fastpocket
99 KiB
99 KiB
| sidebar_position |
|---|
| 2 |
With 2 Cards
<>
{/* <!-- Features --> */}
<div className="overflow-hidden">
<div className="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
{/* <!-- Title --> */}
<div className="mx-auto max-w-2xl mb-8 lg:mb-14 text-center">
<h2 className="text-3xl lg:text-4xl text-secondary-content font-bold">
Solo, agency or team? We’ve got you covered.
</h2>
</div>
{/* <!-- End Title --> */}
<div className="relative xl:w-10/12 xl:mx-auto">
{/* <!-- Grid --> */}
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8">
<div>
{/* <!-- Card --> */}
<div className="p-4 relative z-10 bg-base-100 border rounded-xl md:p-10">
<h3 className="text-xl font-bold text-secondary-content">
Professional
</h3>
<div className="text-sm text-secondary-content">
Everything a small team needs.
</div>
<div className="mt-5">
<span className="text-6xl font-bold text-secondary-content">
$18
</span>
<span className="text-lg font-bold text-secondary-content">
.00
</span>
<span className="ms-3 text-secondary-content">
USD / monthly
</span>
</div>
<div className="mt-5 grid sm:grid-cols-2 gap-y-2 py-4 first:pt-0 last:pb-0 sm:gap-x-6 sm:gap-y-0">
{/* <!-- List --> */}
<ul className="space-y-2 text-sm sm:text-base">
<li className="flex space-x-3">
<span className="mt-0.5 size-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
<svg
className="flex-shrink-0 size-3.5"
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>
</span>
<span className="text-secondary-content">
Up to 10 people
</span>
</li>
<li className="flex space-x-3">
<span className="mt-0.5 size-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
<svg
className="flex-shrink-0 size-3.5"
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>
</span>
<span className="text-secondary-content">
Collect data
</span>
</li>
<li className="flex space-x-3">
<span className="mt-0.5 size-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
<svg
className="flex-shrink-0 size-3.5"
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>
</span>
<span className="text-secondary-content">
Code extensibility
</span>
</li>
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="space-y-2 text-sm sm:text-base">
<li className="flex space-x-3">
<span className="size-5 flex justify-center items-center rounded-full bg-base-100 text-secondary-content">
<svg
className="flex-shrink-0 size-3.5"
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="M18 6 6 18" />
<path d="m6 6 12 12" />
</svg>
</span>
<span className="text-secondary-content">
Custom reports
</span>
</li>
<li className="flex space-x-3">
<span className="size-5 flex justify-center items-center rounded-full bg-base-100 text-secondary-content">
<svg
className="flex-shrink-0 size-3.5"
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="M18 6 6 18" />
<path d="m6 6 12 12" />
</svg>
</span>
<span className="text-secondary-content">
Product support
</span>
</li>
<li className="flex space-x-3">
<span className="size-5 flex justify-center items-center rounded-full bg-base-100 text-secondary-content">
<svg
className="flex-shrink-0 size-3.5"
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="M18 6 6 18" />
<path d="m6 6 12 12" />
</svg>
</span>
<span className="text-secondary-content">
Activity reporting
</span>
</li>
</ul>
{/* <!-- End List --> */}
</div>
<div className="mt-5 grid grid-cols-2 gap-x-4 py-4 first:pt-0 last:pb-0">
<div>
<p className="text-sm text-secondary-content">
Cancel anytime.
</p>
<p className="text-sm text-secondary-content">
No card required.
</p>
</div>
<div className="flex justify-end">
<button
type="button"
className="py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-base-200 bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
>
Start free trial
</button>
</div>
</div>
</div>
{/* <!-- End Card --> */}
</div>
<div>
{/* <!-- Card --> */}
<div className="shadow-xl shadow-base-200 p-5 relative z-10 bg-base-100 border rounded-xl md:p-10">
<h3 className="text-xl font-bold text-secondary-content">
Teams
</h3>
<div className="text-sm text-secondary-content">
For growing businesses.
</div>
<span className="absolute top-0 end-0 rounded-se-xl rounded-es-xl text-xs font-medium bg-secondary-content text-base-100 py-1.5 px-3">
Most popular
</span>
<div className="mt-5">
<span className="text-6xl font-bold text-secondary-content">
$36
</span>
<span className="text-lg font-bold text-secondary-content">
.99
</span>
<span className="ms-3 text-secondary-content">
USD / monthly
</span>
</div>
<div className="mt-5 grid sm:grid-cols-2 gap-y-2 py-4 first:pt-0 last:pb-0 sm:gap-x-6 sm:gap-y-0">
{/* <!-- List --> */}
<ul className="space-y-2 text-sm sm:text-base">
<li className="flex space-x-3">
<span className="mt-0.5 size-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
<svg
className="flex-shrink-0 size-3.5"
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>
</span>
<span className="text-secondary-content">
Up to 10 people
</span>
</li>
<li className="flex space-x-3">
<span className="mt-0.5 size-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
<svg
className="flex-shrink-0 size-3.5"
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>
</span>
<span className="text-secondary-content">
Collect data
</span>
</li>
<li className="flex space-x-3">
<span className="mt-0.5 size-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
<svg
className="flex-shrink-0 size-3.5"
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>
</span>
<span className="text-secondary-content">
Code extensibility
</span>
</li>
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="space-y-2 text-sm sm:text-base">
<li className="flex space-x-3">
<span className="mt-0.5 size-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
<svg
className="flex-shrink-0 size-3.5"
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>
</span>
<span className="text-secondary-content">
Custom reports
</span>
</li>
<li className="flex space-x-3">
<span className="mt-0.5 size-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
<svg
className="flex-shrink-0 size-3.5"
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>
</span>
<span className="text-secondary-content">
Product support
</span>
</li>
<li className="flex space-x-3">
<span className="mt-0.5 size-5 flex justify-center items-center rounded-full bg-base-100 text-primary">
<svg
className="flex-shrink-0 size-3.5"
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>
</span>
<span className="text-secondary-content">
Activity reporting
</span>
</li>
</ul>
{/* <!-- End List --> */}
</div>
<div className="mt-5 grid grid-cols-2 gap-x-4 py-4 first:pt-0 last:pb-0">
<div>
<p className="text-sm text-secondary-content">
Cancel anytime.
</p>
<p className="text-sm text-secondary-content">
No card required.
</p>
</div>
<div className="flex justify-end">
<button
type="button"
className="py-3 px-4 inline-flex items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-primary text-base-100 hover:bg-primary/50 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
>
Start free trial
</button>
</div>
</div>
</div>
{/* <!-- End Card --> */}
</div>
</div>
{/* <!-- End Grid --> */}
{/* <!-- SVG Element --> */}
<div className="hidden md:block absolute top-0 end-0 translate-y-16 translate-x-16">
<svg
className="w-16 h-auto text-orange-500"
width="121"
height="135"
viewBox="0 0 121 135"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 16.4754C11.7688 27.4499 21.2452 57.3224 5 89.0164"
stroke="currentColor"
stroke-width="10"
stroke-linecap="round"
/>
<path
d="M33.6761 112.104C44.6984 98.1239 74.2618 57.6776 83.4821 5"
stroke="currentColor"
stroke-width="10"
stroke-linecap="round"
/>
<path
d="M50.5525 130C68.2064 127.495 110.731 117.541 116 78.0874"
stroke="currentColor"
stroke-width="10"
stroke-linecap="round"
/>
</svg>
</div>
{/* <!-- End SVG Element --> */}
{/* <!-- SVG Element --> */}
<div className="hidden md:block absolute bottom-0 start-0 translate-y-16 -translate-x-16">
<svg
className="w-56 h-auto text-cyan-500"
width="347"
height="188"
viewBox="0 0 347 188"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4 82.4591C54.7956 92.8751 30.9771 162.782 68.2065 181.385C112.642 203.59 127.943 78.57 122.161 25.5053C120.504 2.2376 93.4028 -8.11128 89.7468 25.5053C85.8633 61.2125 130.186 199.678 180.982 146.248L214.898 107.02C224.322 95.4118 242.9 79.2851 258.6 107.02C274.299 134.754 299.315 125.589 309.861 117.539L343 93.4426"
stroke="currentColor"
stroke-width="7"
stroke-linecap="round"
/>
</svg>
</div>
{/* <!-- End SVG Element --> */}
</div>
<div className="mt-7 text-center">
<p className="text-xs text-base-300">
Prices in USD. Taxes may apply.
</p>
</div>
</div>
</div>
{/* <!-- End Features --> */}
{/* <!-- Comparison Table --> */}
<div className="relative">
<div className="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 md:py-14 lg:py-20 mx-auto">
<div className="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
<h2 className="text-2xl font-bold md:text-3xl md:leading-tight">
Compare plans
</h2>
</div>
{/* <!-- Header --> */}
<div className="hidden lg:block sticky top-0 start-0 py-2 bg-base-100/60 backdrop-blur-md/60">
{/* <!-- Grid --> */}
<div className="grid grid-cols-6 gap-6">
<div className="col-span-2">
<span className="font-semibold text-lg text-secondary-content">
Features
</span>
</div>
{/* <!-- End Col --> */}
<div className="col-span-1">
<span className="font-semibold text-lg text-secondary-content">
Free
</span>
<p className="mt-2 text-sm text-secondary-content">
Free forever
</p>
</div>
{/* <!-- End Col --> */}
<div className="col-span-1">
<span className="font-semibold text-lg text-secondary-content">
Startup
</span>
<p className="mt-2 text-sm text-secondary-content">
$39 per month billed annually
</p>
</div>
{/* <!-- End Col --> */}
<div className="col-span-1">
<span className="font-semibold text-lg text-secondary-content">
Team
</span>
<p className="mt-2 text-sm text-secondary-content">
$89 per month billed annually
</p>
</div>
{/* <!-- End Col --> */}
<div className="col-span-1">
<span className="font-semibold text-lg text-secondary-content">
Enterprise
</span>
<p className="mt-2 text-sm text-secondary-content">
$149 per month billed annually
</p>
</div>
{/* <!-- End Col --> */}
</div>
{/* <!-- End Grid --> */}
</div>
{/* <!-- End Header --> */}
{/* <!-- Section --> */}
<div className="space-y-4 lg:space-y-0">
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 lg:py-3">
<span className="text-lg font-semibold text-secondary-content">
General
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Number of seats
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<span className="text-sm text-secondary-content">1</span>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<span className="text-sm text-secondary-content">
Up to 3
</span>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<span className="text-sm text-secondary-content">
Up to 10
</span>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<span className="text-sm text-secondary-content">
Unlimited
</span>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Storage
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<span className="text-sm text-secondary-content">15 GB</span>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<span className="text-sm text-secondary-content">1 TB</span>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<span className="text-sm text-secondary-content">15 TB</span>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<span className="text-sm text-secondary-content">
Unlimited
</span>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Email sharing
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Any time, anywhere access
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
</div>
{/* <!-- End Section --> */}
{/* <!-- Section --> */}
<div className="mt-6 space-y-4 lg:space-y-0">
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 lg:py-3">
<span className="text-lg font-semibold text-secondary-content">
Financial data
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Open/High/Low/Close
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Price-volume difference indicator
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
</div>
{/* <!-- End Section --> */}
{/* <!-- Section --> */}
<div className="mt-6 space-y-4 lg:space-y-0">
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 lg:py-3">
<span className="text-lg font-semibold text-secondary-content">
On-chain data
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Network growth
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Average token age consumed
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Exchange flow
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Total ERC20 exchange funds flow
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Transaction volume
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Total circulation (beta)
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Velocity of tokens (beta)
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
ETH gas used
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
</div>
{/* <!-- End Section --> */}
{/* <!-- Section --> */}
<div className="mt-6 space-y-4 lg:space-y-0">
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 lg:py-3">
<span className="text-lg font-semibold text-secondary-content">
Social data
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center"></li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Dev activity
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Topic search
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
{/* <!-- List --> */}
<ul className="grid lg:grid-cols-6 lg:gap-6">
{/* <!-- Item --> */}
<li className="lg:col-span-2 pb-1.5 lg:py-3">
<span className="font-semibold lg:font-normal text-sm text-secondary-content">
Relative social dominance
</span>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Free
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Startup
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Team
</span>
<svg
className="flex-shrink-0 size-5 text-base-300"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
{/* <!-- Item --> */}
<li className="col-span-1 py-1.5 lg:py-3 border-b border-base-300">
<div className="grid grid-cols-2 md:grid-cols-6 lg:block">
<span className="lg:hidden md:col-span-2 text-sm text-secondary-content">
Enterprise
</span>
<svg
className="flex-shrink-0 size-5 text-primary"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12" />
</svg>
</div>
</li>
{/* <!-- End Item --> */}
</ul>
{/* <!-- End List --> */}
</div>
{/* <!-- End Section --> */}
{/* <!-- Header --> */}
<div className="hidden lg:block mt-6">
{/* <!-- Grid --> */}
<div className="grid grid-cols-6 gap-6">
<div className="col-span-2"></div>
{/* <!-- End Col --> */}
<div className="col-span-1">
<a
className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-base-200 bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
href="#"
>
Get started
</a>
</div>
{/* <!-- End Col --> */}
<div className="col-span-1">
<a
className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-primary text-base-100 hover:bg-primary/50 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
href="#"
>
Get started
</a>
</div>
{/* <!-- End Col --> */}
<div className="col-span-1">
<a
className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-base-200 bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
href="#"
>
Get started
</a>
</div>
{/* <!-- End Col --> */}
<div className="col-span-1">
<a
className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-base-200 bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
href="#"
>
Get started
</a>
</div>
{/* <!-- End Col --> */}
</div>
{/* <!-- End Grid --> */}
</div>
{/* <!-- End Header --> */}
{/* <!-- Button Group --> */}
<div className="mt-8 md:mt-12 flex justify-center items-center gap-x-3">
<p className="text-sm text-secondary-content">
Need a custom plan?
</p>
<button
type="button"
className="py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-base-200 bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
>
Contact us
</button>
</div>
{/* <!-- End Button Group --> */}
</div>
</div>
{/* <!-- End Comparison Table --> */}
</>