Landing pages · React
Careers page
Hiring page with open roles and salary bands, benefits, a three-step process, team members and an open application form.
What you get
A careers page for a growing company: a hero with the hiring promise, company numbers, open roles grouped by team with salary bands, benefits, a three-step hiring process, people you'd work with, employee quotes, an FAQ and an open application form. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = { "brand": "Fernway", "nav": [ { "label": "Open roles", "href": "#roles" }, { "label": "Benefits", "href": "#benefits" }, { "label": "How we hire", "href": "#process" } ], "navCta": { "label": "See open roles", "href": "#roles" }, "sections": [ { "kind": "hero", "variant": "split", "eyebrow": "Careers at Fernway", "title": "Help physiotherapy clinics spend less time on admin.", "text": "Fernway builds booking and notes software for 2,100 independent clinics. We're a team of 64 working remotely across UK and European time zones, and we're hiring seven people this winter.", "primary": { "label": "See open roles", "href": "#roles" }, "secondary": { "label": "How we hire", "href": "#process" }, "visual": { "type": "card", "tone": "#115e59", "title": "Hiring now: 7 roles", "lines": [ "Remote, UTC−1 to UTC+3", "Salary band on every role", "A reply to every applicant within 10 days" ] } }, { "kind": "stats", "items": [ { "value": "64", "label": "People" }, { "value": "11", "label": "Countries" }, { "value": "2,100", "label": "Clinics using Fernway" }, { "value": "2019", "label": "Founded" } ] }, { "kind": "menu", "id": "roles", "eyebrow": "Open roles", "title": "Seven roles open now", "text": "All roles are remote. Salaries are the same wherever you live.", "groups": [ { "name": "Engineering and product", "items": [ { "name": "Senior backend engineer", "text": "Go, Postgres, scheduling and payments", "price": "£85–100k" }, { "name": "Product engineer, mobile", "text": "React Native, offline-first notes app", "price": "£70–85k" }, { "name": "Product designer", "text": "Clinical notes and patient booking flows", "price": "£65–78k" }, { "name": "Data engineer", "text": "Reporting for clinic owners", "price": "£72–86k" } ] }, { "name": "Customers and operations", "items": [ { "name": "Clinic onboarding specialist", "text": "Physio or clinic admin background a plus", "price": "£38–44k" }, { "name": "Support team lead", "text": "Lead a team of six, UK hours", "price": "£48–55k" }, { "name": "Finance operations manager", "text": "Billing, revenue and month-end", "price": "£55–62k" } ] } ] }, { "kind": "features", "id": "benefits", "eyebrow": "Benefits", "title": "What working here includes", "columns": 3, "items": [ { "title": "30 days off, plus holidays", "text": "And the week between Christmas and New Year, when the whole company closes.", "icon": "sun" }, { "title": "£1,500 home office budget", "text": "When you join, plus £500 every two years after that.", "icon": "home" }, { "title": "Private health cover", "text": "For you and your family, including physio. Obviously.", "icon": "heart" }, { "title": "Learning budget", "text": "£1,000 a year for courses, books and conferences.", "icon": "book" }, { "title": "Two meet-ups a year", "text": "The whole company gets together for four days, travel paid.", "icon": "users" }, { "title": "Parental leave", "text": "20 weeks at full pay for every parent, however your family arrives.", "icon": "shield" } ] }, { "kind": "steps", "id": "process", "eyebrow": "How we hire", "title": "Three steps, about three weeks", "items": [ { "title": "Intro call · 30 min", "text": "A conversation with the hiring manager about the role and what you want next. No trick questions." }, { "title": "Paid exercise · 3 hours", "text": "A realistic task or a pairing session. We pay £150 for your time, whatever the outcome." }, { "title": "Meet the team · 2 calls", "text": "Talk to two future colleagues, then we make a decision within five working days." } ] }, { "kind": "team", "eyebrow": "People you'd work with", "title": "Some of the team", "items": [ { "name": "Aoife Brennan", "role": "Head of engineering, Dublin", "tone": "#115e59" }, { "name": "Kofi Mensah", "role": "Product designer, Lisbon", "tone": "#44403c" }, { "name": "Marta Nowak", "role": "Support lead, Kraków", "tone": "#365314" }, { "name": "Sam Patel", "role": "Co-founder and physio, Leeds", "tone": "#57534e" } ] }, { "kind": "quotes", "eyebrow": "From the team", "title": "Why people stay", "items": [ { "quote": "I talk to a clinic owner most weeks. You see exactly who your work is for.", "name": "Kofi M.", "role": "Product designer, joined 2023" }, { "quote": "The salary band was on the advert. That alone told me a lot about the place.", "name": "Hélène D.", "role": "Backend engineer, joined 2024" }, { "quote": "Remote, but not lonely. The meet-ups are the best week of the year.", "name": "Marta N.", "role": "Support lead, joined 2021" } ] }, { "kind": "faq", "eyebrow": "FAQ", "title": "Questions candidates ask", "items": [ { "q": "Do I need a healthcare background?", "a": "No. A few roles say it's a plus, but most of the team learned about clinics on the job." }, { "q": "Can I work from anywhere?", "a": "Anywhere between UTC−1 and UTC+3 where we can employ you directly or through our employer-of-record partner." }, { "q": "Do you sponsor visas?", "a": "Not at the moment, as all roles are remote from your current country." } ] }, { "kind": "contact", "id": "contact", "eyebrow": "Open application", "title": "Don't see your role?", "text": "Tell us what you do and what you'd like to work on. We keep open applications for six months and reach out when something fits.", "fields": [ "name", "email", "message" ], "button": "Send application" } ], "footer": { "text": "Booking and clinical notes software for independent physiotherapy clinics.", "columns": [ { "title": "Careers", "links": [ "Open roles", "Benefits", "How we hire" ] }, { "title": "Company", "links": [ "About", "Blog", "Contact" ] }, { "title": "Legal", "links": [ "Candidate privacy notice", "Terms" ] } ], "legal": "© Fernway. Sample content: replace it in src/site.ts." }};Remix
Remix this template
Describe what to change and the agent starts from Careers page's files. The box is already started for you: finish “Start from Careers page and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Budgeting app launch
Launch page for a household budgeting app with a live budget mock, pricing, beta reviews and an early-access form.
Design conference
Bold two-day design conference page with speakers, programme, venue, ticket tiers and an FAQ, ready for ticket sales.
30-day running plan
Friendly sign-up page for a free 30-day plan that takes beginners from walking to running 20 minutes without stopping.
Build on Careers page
Create a free account, start from this template, and ask the AI agent to turn it into your app.