Staaarter

Careers Blocks

Copy-paste React sections for careers and job pages: job listings and detail pages, benefits and perks grids, hiring process timelines, team culture and testimonials, and application forms. Each block ships as plain, editable component code, not a runtime dependency.

job-listings-list

Job Listings List

A vertical list of open roles with department badge, location, employment type, and an apply link per row.

job-openings-grid

Job Openings Grid

A responsive card grid of open roles with department badge, location, employment type, and an apply link.

department-grouped-positions

Department-Grouped Positions

Open jobs grouped under department headings with minimal single-line rows for title, location, and type.

perks-open-positions

Perks & Open Positions

A benefits icon grid followed by a list of open positions with title, department, and location.

featured-role-with-positions

Featured Role with Positions

A larger featured job card with a 'Hiring now' badge, followed by a compact list of additional openings.

tab-filtered-job-board

Tab-Filtered Job Board

Department tabs (All/Engineering/Design/Marketing) that filter which job list is shown.

culture-stats-with-positions

Culture Stats with Positions

A company culture stats bar followed by detailed job position cards with a one-line description each.

job-detail-page

Job Detail Page

A single job posting page with header, responsibilities, requirements, nice-to-haves, and an apply button.

employee-benefits-grid

Employee Benefits Grid

Responsive grid of icon cards covering health, remote work, learning budget, and more.

hiring-process-timeline

Hiring Process Timeline

Numbered step-by-step timeline walking candidates through the hiring process.

culture-values

Culture & Values

Grid of company value cards with an employee testimonial quote below.

career-growth-ladder

Career Growth Ladder

Vertical list of levels from Associate to Principal with role descriptions and key skill tags.

office-locations-grid

Office Locations Grid

Grid of office photo cards with city name, team size, and a one-line tagline.

meet-the-team-gallery

Meet the Team Gallery

Grid of square team photos with name and role captions, for a leadership showcase.

day-in-the-life-timeline

Day in the Life Timeline

Timestamped timeline of a typical workday, each entry with an icon and description.

employee-testimonials

Employee Testimonials

Grid of quote cards with avatar, name, and role for a wall of employee testimonials.

job-application-form

Job Application Form

Two-column application form with contact fields and a resume upload area alongside a position summary sidebar.

department-overview-grid

Department Overview Grid

Grid of department cards with team lead avatar, headcount, open-roles badge, and a view-roles link.

internship-program

Internship Program

Internship program highlights, a mentorship blurb, a program summary card, and an apply CTA.

diversity-inclusion

Diversity & Inclusion

Representation stat cards followed by a grid of D&I initiative cards with icon, title, and description.

compensation-total-rewards

Compensation & Total Rewards

Salary, equity, bonus, and perks cards with one featured card explaining the compensation philosophy.

employee-spotlight-story

Employee Spotlight Story

Featured employee portrait, pull-quote, and a small career-milestone timeline of role changes.

employee-referral-program

Employee Referral Program

Numbered referral steps, a bonus highlight card with a large dollar figure, and a refer-someone CTA.

onboarding-journey-preview

Onboarding Journey Preview

A first-90-days timeline with three phase cards, each showing a heading and an activity checklist.

remote-work-setup

Remote Work Setup

Two-column breakdown of remote-work equipment provided and the async work policies the team follows.

hiring-by-the-numbers

Hiring by the Numbers

Recruitment stats dashboard with top-line metric cards and a detailed hiring-stage breakdown with bars.

speculative-application-cta

Speculative Application CTA

Bottom-of-page CTA inviting general applications, with an email capture field and trust-badge row.

learning-development

Learning & Development

Four program cards covering conference budget, online courses, mentorship, and weekly tech talks.

team-events-gallery

Team Events Gallery

A masonry photo grid of company offsite and event photos with varying heights per item.

team-blog-highlights

Team Blog Highlights

Article preview cards with thumbnail, title, excerpt, and an author row for a team engineering blog.

role-comparison-table

Role Comparison Table

A real comparison table across team, skills, experience, and salary range, with a stacked-card mobile fallback.

alumni-network-showcase

Alumni Network Showcase

Cards showing former employees' career progression from their role here to their next role.

hr-job-posting-detail

HR Job Posting Detail

A formal job posting layout with responsibilities, qualifications, benefits, and a sidebar summary card.

engineering-principles

Engineering Principles

A numbered list of engineering principles, each with a large decorative counter beside a heading and description.

salary-bands-table

Salary Bands Table

Level/role rows with a visual horizontal range bar showing each band's position within the company's overall salary range, plus an equity note.

hiring-manager-profiles

Hiring Manager Profiles

Cards for team leads with photo, name, title, a short bio, and a department badge.

job-alerts-signup

Job Alerts Signup

Email subscription input and button with a trust-indicator row showing subscriber count and a no-spam note.

work-perks-bento-grid

Work Perks Bento Grid

A bento-style mosaic grid mixing a large featured photo tile with smaller icon-and-label perk tiles.

candidate-experience-guide

Candidate Experience Guide

Two columns of interview-prep tips and hiring-process commitments, with a contact footer line.

open-roles

Open Roles

A minimal, studio-style jobs list with role title, department/location meta, a salary line, and a trailing arrow icon.

benefits-perks

Benefits & Perks

Studio-style benefits grid with one accent-bordered featured card and several icon-led perk cards.

studio-culture

Studio Culture

Culture statement and value tenets beside an asymmetric three-image collage.

hiring-process

Hiring Process

Numbered, connected step flow walking through the studio's hiring process.

roles-by-department

Roles By Department

Studio-style department tabs filtering a list of open roles per department.

life-at-the-studio

Life At The Studio

Captioned masonry photo wall with an intro paragraph and a closing 'See open roles' CTA.

role-spotlight

Role Spotlight

Full job posting with a responsibilities/requirements main column and a sticky apply sidebar.

why-join-us

Why Join Us

Team stats band followed by a grid of icon-led benefit highlight cards.

join-the-studio

Join The Studio

Sticky employer-value intro column beside a scrollable open-roles list column.

benefits-breakdown

Benefits Breakdown

Four categorized benefit cards, each with a checklist of what's included.

careers-gallery-header

Careers Gallery Header

Centered intro heading over a wide photo and two portrait shots of the team.

filterable-open-roles-list

Filterable Open Roles List

Editorial roles list with a sticky culture photo and real department filter pills.