Job Page

Hero Section

The data for the Job page hero section is generated from the CareerHeroData object in the data/data.js file. You can customize the following parameters:

title: The title of the Job page hero section.
paragraph: The subtitle or additional information displayed below the images.
details: Detailed information about the hero section.
image: The hero banner image for this section. The image should be added inside the public/images/career folder. Here is the code from data/data.js for reference:

export const CareerHeroData = {
  title: "We are looking for next talent! Are you ready?",
  paragraph:
    "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.",
  details:
    "At our agency, we're always looking for talented individuals who are passionate about what they do. We believe that our success is driven by our team, and we are committed to creating an environment where our employees can thrive. We offer a collaborative and dynamic work environment where creativity and innovation are encouraged. Our team members are not just employees, they are partners in our success. We value diversity and are committed to creating an inclusive and supportive work environment. If you are ready to take your career to the next level, then we invite you to join our team. We offer competitive salaries, comprehensive benefits, and opportunities for professional growth and development.",
  image: "/images/career/career-banner.png",
};

You can modify the values of these parameters to customize the Job page hero section according to your requirements.

Job Openings

To add jobs to the career page, you need to create Markdown (.md) files inside the data/career folder. Each .md file will generate a new career single page, and a list of these files will be displayed on the career page.

Here is an example of a sample `.md` file, `sample.md`, with its contents:

---
title: "Lead Product Designer"
publishDate: 25 May 2023
jobType: Office
tag: new

---

### About the team

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.

### Job Description

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.

If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. If you have experience selling to inbound prospects and you enjoy working in a start-up environment, this is a rare opportunity to join an early stage, self-funded, customer-centered, and 100% distributed team. You will manage a pipeline of inbound leads, whether that’s reactively offering your time and expertise, or reaching out to prospects to guide them through their purchasing process.

### You Will:

- Manage a pipeline of opportunities at different stages in the sales funnel.

- Understand the needs and challenges of prospective customers by taking a consultative approach to selling.

- Conduct consultative demos and present webinars for both prospects and customers.

- Assist prospects with the procurement process in particular with their legal and security requirements.

- Work with technical members of the Hotjar team to ensure consistency, clarity, and accuracy in all recommendations provided to current and prospective customers.

- Communicate prospective customer needs to product managers and product teams to close the feedback loop.

- Help refine the self-service experience for leads that fall outside of the sales touch.

### Requirments

- 3+ years of inbound sales experience, ideally SaaS and quota carrying.

- You are technically-minded. You can develop a deep knowledge of how Hotjar works, allowing you to speak clearly to customers and communicate their needs to our team.

- You are experienced with taking sales calls, diligently following up, and closing deals.

- Enthusiasm to adapt, learn via coaching, and contribute to an evolving sales team’s strategy.

- Experience with Salesforce or an equivalent tool.

- Desire to work in a respectful, transparent, and collaborative work environment, following Hotjar’s company values, culture and ways of working.

- Must submit to a background check confidentially processed by our third-party.

### Compensation Range

The compensation range for this role is €50,000 to €85,000 annually. This was established after performing market research and is aligned with our approach to compensation. We encourage all candidates to read our Recruitment FAQs to further understand our approach to compensation and how we structure our contracts.

The Markdown file consists of metadata enclosed within ---, followed by the job description and other relevant information. The metadata includes:

title: The title of the job.
publishDate: The publish date of the career.
jobType: The job type of the job.
tag: A tag that can be added to specify whether the job is new or a previous one.

Job Single Page

You can create multiple .md files following this format to add more jobs. Each file will generate a separate job single page, and all the data added in the .md file will be displayed on the respective job page.

Apply Form

Additionally, the job single page includes an apply form, which is generated from the components/Career/CareerForm.jsx file.

To make the form functional, you will need to handle form submission and implement the desired behavior, such as sending the form data to a server or displaying a success message.
Add necessary form validation, such as checking if the email field is filled and if the entered email is valid.
You can use third-party libraries or frameworks to handle form submission and validation, or you can implement your own custom logic.

Please note that configuring the subscription form requires both frontend (HTML, CSS, JSX) and backend (form submission handling) development skills. If you are unfamiliar with web development, it may be helpful to consult with a developer or study relevant documentation and tutorials.

Service Page Portfolio Page