import Link from 'next/link'
export default function CommunitySection() {
return (
<section className="py-16 md:py-32">
<div className="mx-auto max-w-5xl px-6">
<div className="text-center">
<h2 className="text-3xl font-semibold">
Built by the Community <br /> for the Community
</h2>
<p className="mt-6">Harum quae dolore orrupti aut temporibus ariatur.</p>
</div>
<div className="mx-auto mt-12 flex max-w-lg flex-wrap justify-center gap-3">
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/b1/b1f6209ae26207ebe11c243a659f0e5e15a0a48232261ecf3c05211a40af2225.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/71/716cfb40836039a4e9e34d89320b6398ba7871ea7882e32b7397029586f6dda7.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/4c/4cff4f892ece6dca0865313df96f11ac30e11b6dcbf3b9a86bad86a3049aa6e1.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/d1/d1db668ef30403e132bab1de4720f1c9159e8ba03dc0f3d65d5bf95f3985b80a.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/32/32afb68c9233445d08f7c4af3e781f648c6eeeb7dadeb5bdd341a003684d1c93.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/af/af66f803b7eca79bf82dcf20589825a624672f03141b801dc0e2adf2e858cd26.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/f2/f25b1b7a6a351c0f748d81bf4fcaf8c5a2f8ed036563c2693d4c1ca3718d9d5d.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/b1/b1f6209ae26207ebe11c243a659f0e5e15a0a48232261ecf3c05211a40af2225.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/b4/b471183ac240bde44afd6592c20daa6d5cae530c67c6c03952c72a034f021fef.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/62/6252a3b6790cbb48919cb8ea756a4e1ce829f3271a141731226871b3c3df9d6d.jpg" loading="lazy" width={120} height={120} />
</Link>
<Link href="https://github.com/meschacirung" target="_blank" title="Méschac Irung" className="size-16 rounded-full border *:size-full *:rounded-full *:object-cover">
<img alt="John Doe" src="https://cdn.21st.dev/assets/mirror/a2/a2c119fd54bdd0e0148ab84a5fe314357a8e5c9dd7c15c0ef574749128437830.jpg" loading="lazy" width={120} height={120} />
</Link>
</div>
</div>
</section>
)
}
Part of Tailark — browse the full library on 21st.dev.