// @name: Careers Open Roles // @dependencies: lucide-react import { useState } from "react"; import { MapPin, ArrowUpRight } from "lucide-react"; const ROLES = [ { team: "Engineering", title: "Senior Platform Engineer", location: "Remote (EU)", type: "Full time" }, { team: "Engineering", title: "Data Infrastructure Engineer", location: "Berlin", type: "Full time" }, { team: "Engineering", title: "Frontend Engineer, Editor", location: "Remote (EU)", type: "Full time" }, { team: "Design", title: "Product Designer", location: "Berlin", type: "Full time" }, { team: "Support", title: "Solutions Engineer", location: "Remote (US)", type: "Full time" }, ]; const PLACES = ["All locations", "Remote (EU)", "Remote (US)", "Berlin"]; export default function CareersOpenRoles() { const [place, setPlace] = useState("All locations"); const shown = place === "All locations" ? ROLES : ROLES.filter((role) => role.location === place); const teams = Array.from(new Set(shown.map((role) => role.team))); return (

Open roles

Nineteen people, four time zones, one shared on-call rota.

{PLACES.map((option) => ( ))}

{teams.map((team) => (

{team}

{role.title} {role.location} · {role.type} Apply

))}

{shown.length === 0 && (

Nothing open there right now. Send us a note anyway — we read every one.

)}

); }

More careers sections

Careers Perks Grid

Careers Hiring Process

Careers Culture Split