Work with us

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.

Open roles Internship program Our values Meet our leadership
Offices worldwide
12
Full-time colleagues
300+
Hours per week
40
Paid time off
Unlimited

GeneriCon 2023Join us in Denver from June 7 – 9 to see what’s coming next.

Register now
import { useState } from ‘react’ import { Tab } from ‘@headlessui/react’ function classNames(…classes) { return classes.filter(Boolean).join(‘ ‘) } export default function Example() { let [categories] = useState({ Recent: [ { id: 1, title: ‘Does drinking coffee make you smarter?’, date: ‘5h ago’, commentCount: 5, shareCount: 2, }, { id: 2, title: “So you’ve bought coffee… now what?”, date: ‘2h ago’, commentCount: 3, shareCount: 2, }, ], Popular: [ { id: 1, title: ‘Is tech making coffee better or worse?’, date: ‘Jan 7’, commentCount: 29, shareCount: 16, }, { id: 2, title: ‘The most innovative things happening in coffee’, date: ‘Mar 19’, commentCount: 24, shareCount: 12, }, ], Trending: [ { id: 1, title: ‘Ask Me Anything: 10 answers to your questions about coffee’, date: ‘2d ago’, commentCount: 9, shareCount: 5, }, { id: 2, title: “The worst advice we’ve ever heard about coffee”, date: ‘4d ago’, commentCount: 1, shareCount: 2, }, ], }) return (
{Object.keys(categories).map((category) =>( classNames( ‘w-full rounded-lg py-2.5 text-sm font-medium leading-5’, ‘ring-white/60 ring-offset-2 ring-offset-blue-400 focus:outline-none focus:ring-2’, selected ? ‘bg-white text-blue-700 shadow’ : ‘text-blue-100 hover:bg-white/[0.12] hover:text-white’ ) } >{category} ))} {Object.values(categories).map((posts, idx) =>(
    {posts.map((post) =>(

  • {post.title}

    • {post.date}
    • ·
    • {post.commentCount} comments
    • ·
    • {post.shareCount} shares
    • ))}
))}
) }