111 lines
3.9 KiB
React
111 lines
3.9 KiB
React
|
import React from "react";
|
|||
|
|
import "./FrequentlyAskedQuestions.scss";
|
|||
|
|
import AuthHeader from "../../components/AuthHeader/AuthHeader";
|
|||
|
|
import SideBar from "../../components/SideBar/SideBar";
|
|||
|
|
import arrow from "./../../images/faq/arrow.svg";
|
|||
|
|
import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs";
|
|||
|
|
import { Footer } from "../../components/Footer/Footer";
|
|||
|
|
import { FREQUENTLY_ASKED_QUESTIONS_ROUTE } from "../../constants/router-path";
|
|||
|
|
import { FrequentlyAskedQuestionsItem } from "../../components/FrequentlyAskedQuestionsItem/FrequentlyAskedQuestionsItem";
|
|||
|
|
|
|||
|
|
|
|||
|
|
export const FrequentlyAskedQuestions = () => {
|
|||
|
|
|
|||
|
|
const rubrics = [
|
|||
|
|
{
|
|||
|
|
title: 'Общие вопросы ',
|
|||
|
|
questions: [
|
|||
|
|
{
|
|||
|
|
id: 1,
|
|||
|
|
title: 'Это фриланс-платформа?'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 2,
|
|||
|
|
title: 'Чем вы отличаетесь от традиционного процесса выбора исполнителя?'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 3,
|
|||
|
|
title: 'Это фриланс-платформа?'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 4,
|
|||
|
|
title: 'Чем вы отличаетесь от традиционного процесса выбора исполнителя?'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: 'Поиск специалиста',
|
|||
|
|
questions: [
|
|||
|
|
{
|
|||
|
|
id: 11,
|
|||
|
|
title: 'Это фриланс-платформа?'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 22,
|
|||
|
|
title: 'Чем вы отличаетесь от традиционного процесса выбора исполнителя?'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 33,
|
|||
|
|
title: 'Это фриланс-платформа?'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 44,
|
|||
|
|
title: 'Чем вы отличаетесь от традиционного процесса выбора исполнителя?'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: 'Бронирование специалиста',
|
|||
|
|
questions: [
|
|||
|
|
{
|
|||
|
|
id: 11,
|
|||
|
|
title: 'Это фриланс-платформа?'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: 'Работа с выбранным специалистом',
|
|||
|
|
questions: [
|
|||
|
|
{
|
|||
|
|
id: 11,
|
|||
|
|
title: 'Чем вы отличаетесь от традиционного процесса выбора исполнителя?'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div className="frequently-asked-questions">
|
|||
|
|
<AuthHeader />
|
|||
|
|
<SideBar />
|
|||
|
|
|
|||
|
|
<div className="frequently-asked-questions__container container">
|
|||
|
|
<ProfileBreadcrumbs
|
|||
|
|
links={[
|
|||
|
|
{ name: "Главная", link: "/profile-candidate" },
|
|||
|
|
{ name: "FAQ (часто задаваемые вопросы)", link: FREQUENTLY_ASKED_QUESTIONS_ROUTE },
|
|||
|
|
]}
|
|||
|
|
/>
|
|||
|
|
<div className="frequently-asked-questions__about">
|
|||
|
|
<div className="frequently-asked-questions__title">FAQ</div>
|
|||
|
|
<div className="frequently-asked-questions__arrow">
|
|||
|
|
<img src={arrow} alt="arrow" />
|
|||
|
|
</div>
|
|||
|
|
<div className="frequently-asked-questions__description">
|
|||
|
|
База знаний, которая дает ответы на популярные вопросы, тем самым
|
|||
|
|
помогая нашим клиентам разобраться в продукте, сервисе и вариантах
|
|||
|
|
сотрудничества с нашей компанией.
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="frequently-asked-questions__items">
|
|||
|
|
{
|
|||
|
|
rubrics.map((rubric,index)=><FrequentlyAskedQuestionsItem rubric={rubric} key={index} />)
|
|||
|
|
}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<Footer />
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|