# Herova - Saas Website Template

## 📸 Photos 📸

<div data-full-width="false"><figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2Fuc5RLjcOvBxr2Y38gDCt%2FMockup%20Herova.jpg?alt=media&#x26;token=7813c9eb-cb98-477e-8012-6002150dda8d" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FR6LTD2MLRpg17uIDD3R9%2FMockup%20Screens%20Herova.jpg?alt=media&#x26;token=501f95ce-aa23-4dc3-9736-b0af253a4517" alt="" width="563"><figcaption></figcaption></figure> <figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2Fxt2eFArcjkFT3jbxMOjH%2FMockup%20Mobile%20Screens%20Herova.jpg?alt=media&#x26;token=f34dea8d-7caf-4326-aa41-c375fc3b0941" alt="" width="563"><figcaption></figcaption></figure></div>

## 👀 Model Overview 👀

Herova SaaS Website Template is a complete and modern template for SaaS companies. It includes a dynamic blog and an intuitive admin interface to easily manage articles and job postings. Fully responsive, ensuring a smooth experience on all devices.

## ⚡️ Features ⚡️

* **Fully Responsive**

Enjoy a fully adaptive design, offering a smooth and optimized experience on all devices (computers, tablets and smartphones).

* **Modern Design**

A contemporary, clean and professional design designed to enhance your brand image and offer intuitive navigation.

* **Fully Editable**

Customize every aspect of the template easily, without coding skills, to adapt it to your specific needs.

* **Blog**

Create, edit and publish articles to share your news, improve your SEO and engage your audience.

* **Jobs**

Post job offers, manage applications and present your career opportunities in a clear and professional way.

* **Admin Interface**

Manage your blog posts and job postings via an intuitive admin interface, simplifying updates and content management.

## 📄 Pages 📄

### Index&#x20;

Home page presenting your SaaS with an overview of features, customer testimonials, pricing plans and a CTA to request a demo.

### About\_us

Presents your company’s history, mission and values, as well as the team behind your SaaS.

### Admin

Interface dedicated to administrators to easily manage blog posts and job offers.

### Article

Page detailing a blog post with title, content, author, date of publication and social sharing.

### Blog

Page listing blog posts in grid form, with a preview of the title, summary and link to read the full article.

### Careers

Presentation of career opportunities with a list of open positions and a CTA to apply for.

### Contact\_us

Contact page with a form to send messages and essential information (address, email, phone).

### Faq

Section dedicated to frequently asked questions with clear answers.

### Features

Detail of the main features of SaaS, illustrated by clear descriptions and icons.

### Integration

List of applications and services compatible with your SaaS, with an attractive visual presentation.

### Job\_details

Page detailing a specific position with description, tasks, requirements and a button to apply.

### Password\_admin

Secure page to access the administration interface via a password.

### Pricing

Presents the different pricing plans with their associated features and a sign up button.

### Reviews

Displays testimonials from satisfied users to strengthen the credibility of your SaaS.

## ♻️ Reusable Element ♻️

### Articles&#x20;

Component listing blog posts with title, summary and link to full reading.

### Book Demo&#x20;

CTA inviting visitors to request a demo of the product to discover its functionalities.

### FAQ&#x20;

Dynamic list of the most common questions/answers, organized for easy reading.

### Footer&#x20;

Footer with essential links (legal notices, contact, social networks, etc.).

### Header&#x20;

Header with logo, main navigation and call to action button.

### Integrations&#x20;

Presents the applications compatible with your SaaS, facilitating their discovery and connection.

### Modal Article Delete&#x20;

Confirmation window to delete a blog post safely.

### Modal Job Delete&#x20;

Confirmation window to remove a job offer from the platform.

### Plan Features&#x20;

Displays the features included in each rate plan as a list.

### Pricing Plan

Component presenting the different offers, their prices and a registration button.

### Testimonials&#x20;

Section dedicated to customer reviews with citation, name and role to build trust.

## ⚙️ Workflows ⚙️&#x20;

### Color

* **Blue -** Blue is used for workflows involving navigation, such as redirects to other pages or links.

<figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FxgrUz93EWKSxBFtLXhY1%2FCapture%20d%E2%80%99e%CC%81cran%202024-11-17%20a%CC%80%2015.12.06.png?alt=media&#x26;token=851e1328-f1f4-421f-98d1-88230c51bdd8" alt=""><figcaption></figcaption></figure>

* **Green -** Green indicates workflows involving the database, such as creating or updating data in the database or the registration/connection system.

<figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FAyD3bu88c8Sx6RR4OhUk%2FCapture%20d%E2%80%99e%CC%81cran%202024-11-17%20a%CC%80%2015.04.30.png?alt=media&#x26;token=472cd57a-5cd8-483d-98f2-1127238accef" alt=""><figcaption></figcaption></figure>

* **Red -** Red indicates workflows that have an impact on deleting data or resetting values.

<figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FIPlaIoZCeZQhXgqIkjTA%2FCapture%20d%E2%80%99e%CC%81cran%202024-11-17%20a%CC%80%2015.05.33.png?alt=media&#x26;token=8b81a196-18e7-4720-a0f1-32f7bfe9cf35" alt=""><figcaption></figcaption></figure>

* **Orange -** Orange is reserved for visual elements, such as showing or disappearing pop-ups, floating groups, and other such interactive elements.

<figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FZ0AwyDZccDk0XfZv0PjT%2FCapture%20d%E2%80%99e%CC%81cran%202024-11-17%20a%CC%80%2015.06.48.png?alt=media&#x26;token=beadca4a-9b2d-4835-8a12-4c9031af57bb" alt=""><figcaption></figcaption></figure>

* **Purple -** This color is reserved for elements related to APIs and Plugins

<figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FrDAvmMVILyYNQGMeBG5o%2FCapture%20d%E2%80%99e%CC%81cran%202024-11-17%20a%CC%80%2015.12.53.png?alt=media&#x26;token=2af70754-8668-4c7b-83d5-32c4544d5ac5" alt=""><figcaption></figcaption></figure>

* **Cyan -** The Cyan color indicates specific interactions triggered by custom events or custom states

<figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FCSS2AHC38QRFaWfRn3FT%2FCapture%20d%E2%80%99e%CC%81cran%202024-11-17%20a%CC%80%2015.03.33.png?alt=media&#x26;token=af7bbf78-e6a1-4eb8-bb91-b8adccfea765" alt=""><figcaption></figcaption></figure>

* **Brown -** Brown is use for email send

<figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2F6h4gPAujQKYmkUoRl1uR%2FCapture%20d%E2%80%99e%CC%81cran%202024-11-17%20a%CC%80%2015.14.08.png?alt=media&#x26;token=ad668dc9-c989-4fd6-a069-39d4eaa373d7" alt=""><figcaption></figcaption></figure>

* **Gray -** Grey is use for all workflows who limites features and are in relation with Data Type Access✅

<figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2Fm4RlomdMw8CCZe8i4TUP%2FCapture%20d%E2%80%99e%CC%81cran%202024-11-17%20a%CC%80%2015.17.49.png?alt=media&#x26;token=d418f20f-750f-46e8-bfa9-7794888e58a7" alt=""><figcaption></figcaption></figure>

### Folders

Folders are also a good way to organize your workflows by subject. In this example, all workflows are distributed in a specific Folders. If you click on the Folders Database, you will find all the workflows interacting with the Database.

<figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2Fyfkhllt6COeKAw5k2P3V%2FCapture%20d%E2%80%99e%CC%81cran%202024-11-17%20a%CC%80%2014.46.42.png?alt=media&#x26;token=1c416f34-39cc-4c4d-a594-8710452bf881" alt=""><figcaption></figcaption></figure>

## 🗂️ Datatypes 🗂️

### Blog

| Field Name  | Type    | Note                                                                              |
| ----------- | ------- | --------------------------------------------------------------------------------- |
| `category`  | `text`  | `Article category to organize the content.`                                       |
| `content`   | `text`  | `Main content of the article, including full text with images and formatting.`    |
| `subtitle`  | `text`  | `Subtitle of the article providing a concise summary or supplement to the title.` |
| `thumbnail` | `image` | `Preview image used to illustrate the blog page article.`                         |
| `title`     | `text`  | `Main article title, displayed on the blog page and detailed article.`            |

### Jobs

<table data-full-width="false"><thead><tr><th width="253">Field Name</th><th width="245">Type</th><th width="248">Note</th></tr></thead><tbody><tr><td><code>educational_qualification</code></td><td><code>text</code></td><td><code>Level of education required for the position.</code></td></tr><tr><td><code>experience</code></td><td><code>number</code></td><td><code>Years of experience required or recommended for the position.</code></td></tr><tr><td><code>location</code></td><td><code>text</code></td><td><code>location of the position</code></td></tr><tr><td><code>max_salary</code></td><td><code>number</code></td><td><code>Maximum salary proposed for the position.</code></td></tr><tr><td><code>min_salary</code></td><td><code>number</code></td><td><code>Proposed minimum wage for the position.</code></td></tr><tr><td><code>overview</code></td><td><code>text</code></td><td><code>Brief job and company introduction.</code></td></tr><tr><td><code>requirements</code></td><td><code>text</code></td><td><code>Skills and qualifications required for the position.</code></td></tr><tr><td><code>responsibilities</code></td><td><code>text</code></td><td><code>List of missions and tasks to be performed.</code></td></tr><tr><td><code>title</code></td><td><code>text</code></td><td><code>Job title</code></td></tr><tr><td><strong><code>type</code></strong></td><td><strong><code>Job Type</code></strong></td><td><strong><code>Type of contract (Option Sets).</code></strong></td></tr><tr><td><code>working_days</code></td><td><code>number</code></td><td><code>Working days.</code></td></tr></tbody></table>

### Password

| Field Name | Type   | Note                                                                        |
| ---------- | ------ | --------------------------------------------------------------------------- |
| `password` | `text` | `Mot de passe sécurisé requis pour accéder à l’interface d’administration.` |

## 🔗 Option Sets 🔗

### Dashboard Admin&#x20;

{% hint style="info" %}
**Attributes**

* `Display` `(text)`

* `Icon (text)`
  {% endhint %}

* **Home**

* **Create Article**

* **Articles**

* **Create Job**

* **Jobs**

### FAQ

{% hint style="info" %}
**Attributes**&#x20;

* `Display` `(text)`

* `Answer` `(text)`
  {% endhint %}

* **How do I get started with Herova?**&#x20;

* **Is there a self-help knowledge base available?**

* **How is my data secured on Herova?**

* **What integrations does Herova support?**

* **Can I collaborate with my team on Herova?**

* **Is there a knowledge base available for self-help?**

### Job Type

{% hint style="info" %}
**Attributes**

* `Display` `(text)`
  {% endhint %}

* **Full-Time**

* **Part-Time**

* &#x20;**Apprenticeship**

* **Traineeship**

* **Internship**

## 🔌 Plugins 🔌

{% hint style="danger" %} <mark style="color:red;">I advise you to install these plugins when using the template.</mark>
{% endhint %}

### Classify

{% hint style="success" %}
**Free (By Julien Allard)**&#x20;
{% endhint %}

<div align="left"><figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FCGifC6OrjS6f5srWetp5%2Fclassify-plugin.png?alt=media&#x26;token=763841b8-4eed-479c-be47-44a1a305ec06" alt="" width="128"><figcaption></figcaption></figure></div>

### Rich Text Editor

{% hint style="success" %}
**Free (By Bubble)**
{% endhint %}

<div align="left"><figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FmeEYdUPlMYTD9BGy9Cyt%2FRich%20text%20editor%20plugin%20icon.png?alt=media&#x26;token=bee65c57-6b39-4f9f-9394-3bd7b0caa1a7" alt=""><figcaption></figcaption></figure></div>

### Iconify

{% hint style="success" %}
**Free (By Pticon)**
{% endhint %}

<div align="left"><figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FjoySVRFgtxAGCiqtPbQm%2Ficonify-icon.png?alt=media&#x26;token=6375f863-e93c-4913-af31-cf09ee0d7ea2" alt="" width="148"><figcaption></figcaption></figure></div>

## Support❓

<div align="left"><figure><img src="https://4148061692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5rgFU5HVCXAQiigmyTtt%2Fuploads%2FahDVvc7djozKdk2VCJrX%2FLogo%20Tempo.jpg?alt=media&#x26;token=f1aa3298-95ba-4812-abd2-ffa86319f38e" alt="" width="250"><figcaption></figcaption></figure></div>

Your satisfaction is my priority. Do not hesitate to contact me if you have any questions or problems.

**Language :**&#x20;

🇪🇸 🇫🇷 🇬🇧

**Contact me :**&#x20;

📨  <mark style="color:blue;">**<brikl@hatchimike.com>**</mark>

**Website**

{% embed url="<https://brikl.co>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://brikl-creator.gitbook.io/templates/herova-saas-website-template.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.