forked from sashaastiadi/www_mycelium_net
47 lines
1.8 KiB
TypeScript
47 lines
1.8 KiB
TypeScript
import { CheckIcon } from '@heroicons/react/20/solid'
|
|
|
|
const features = [
|
|
{
|
|
name: 'Documentation',
|
|
description: 'Documentation for Mycelium.',
|
|
},
|
|
{ name: 'Support', description: 'Talk to an expert.' },
|
|
{
|
|
name: 'Forum',
|
|
description: 'Forum for all your questions.',
|
|
},
|
|
{ name: 'Community', description: 'Join our Developers community on telegram.' },
|
|
|
|
]
|
|
|
|
export function DevHub() {
|
|
return (
|
|
<div className="bg-gray-900 py-24 sm:py-32">
|
|
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
|
<div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-5">
|
|
<div className="col-span-2">
|
|
<h2 className="text-base/7 font-semibold text-cyan-500 mb-2">Get Started</h2>
|
|
<p className="text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl">
|
|
Developer Hub
|
|
</p>
|
|
<p className="mt-6 text-base/7 text-gray-300">
|
|
Our Developer Hub is a resource center for developers looking to build on top of Mycelium. Join our Developers community on telegram to get started.
|
|
</p>
|
|
</div>
|
|
<dl className="col-span-3 grid grid-cols-1 gap-x-8 gap-y-10 text-base/7 text-gray-400 sm:grid-cols-2 lg:gap-y-16">
|
|
{features.map((feature) => (
|
|
<div key={feature.name} className="relative pl-9">
|
|
<dt className="font-semibold text-white">
|
|
<CheckIcon aria-hidden="true" className="absolute top-1 left-0 size-5 text-indigo-400" />
|
|
{feature.name}
|
|
</dt>
|
|
<dd className="mt-2">{feature.description}</dd>
|
|
</div>
|
|
))}
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|