|
|
|
@@ -1,6 +1,13 @@ |
|
|
|
import { useState, useEffect } from 'react'; |
|
|
|
import axios from 'axios'; |
|
|
|
|
|
|
|
import Care from './../assets/icons/values/care.svg'; |
|
|
|
import Doing from './../assets/icons/values/doing.svg'; |
|
|
|
import Culture from './../assets/icons/values/culture.svg'; |
|
|
|
import Ideas from './../assets/icons/values/ideas.svg'; |
|
|
|
|
|
|
|
import CardsGrid from '../components/CardsGrid'; |
|
|
|
|
|
|
|
import Animation_Diligent from '../assets/animation_diligent.webm'; |
|
|
|
import Wrapper from '../layout/Wrapper'; |
|
|
|
import PageTitle from '../components/shared/PageTitle'; |
|
|
|
@@ -21,81 +28,83 @@ const _data = { |
|
|
|
subheading: 'Careers', |
|
|
|
}, |
|
|
|
job: { |
|
|
|
NetDev: { |
|
|
|
id:1, |
|
|
|
templateFlag:1, |
|
|
|
role: '.Net Developer', |
|
|
|
nugget: '.Net', |
|
|
|
shortDetails:'An idea solves a problem. We help you to create that idea, build a product and scale it to be successful in your business.', |
|
|
|
extended: { |
|
|
|
paragraph: 'Team Diligent is constantly growing! We are looking for a team player that will work with experienced engineers. If technology is your passion and you are ready to move the boundaries of your knowledge every day, then, Diligent is the right place for you. If you are not from Niš, we are offering a full remote position.', |
|
|
|
requirements: [ |
|
|
|
'Good software development fundamentals and knowledge of .NET architecture concepts & patterns', |
|
|
|
'Good knowledge of software design patterns', |
|
|
|
'Good knowledge of databases and database design', |
|
|
|
'Experience in working with microservices is a big plus', |
|
|
|
'The ability to work in a big team but also to work independently', |
|
|
|
'Excellent communication skills' |
|
|
|
], |
|
|
|
key: [ |
|
|
|
'Working as a full-stack developer on various project and products', |
|
|
|
'Working with 3rd-party APIs', |
|
|
|
'Working on different integration scenarios', |
|
|
|
'Setting up project structure and architecture', |
|
|
|
'Being involved in full project development, from writing a specification to deploying a finished product' |
|
|
|
], |
|
|
|
offer: [ |
|
|
|
'Full Remote position', |
|
|
|
'A fast-growth company with stable projects and strong international clients', |
|
|
|
'Opportunity to work in teams with experienced engineers', |
|
|
|
'Competitive employment conditions', |
|
|
|
'An environment that will make you feel good about your job', |
|
|
|
'Challenging and diverse projects', |
|
|
|
'Support in your personal and professional growth', |
|
|
|
'Flexible working hours', |
|
|
|
'Private health insurance', |
|
|
|
], |
|
|
|
}, |
|
|
|
|
|
|
|
NetDev: { |
|
|
|
id: 1, |
|
|
|
templateFlag: 1, |
|
|
|
role: '.Net Developer', |
|
|
|
nugget: '.Net', |
|
|
|
shortDetails: |
|
|
|
'An idea solves a problem. We help you to create that idea, build a product and scale it to be successful in your business.', |
|
|
|
extended: { |
|
|
|
paragraph: |
|
|
|
'Team Diligent is constantly growing! We are looking for a team player that will work with experienced engineers. If technology is your passion and you are ready to move the boundaries of your knowledge every day, then, Diligent is the right place for you. If you are not from Niš, we are offering a full remote position.', |
|
|
|
requirements: [ |
|
|
|
'Good software development fundamentals and knowledge of .NET architecture concepts & patterns', |
|
|
|
'Good knowledge of software design patterns', |
|
|
|
'Good knowledge of databases and database design', |
|
|
|
'Experience in working with microservices is a big plus', |
|
|
|
'The ability to work in a big team but also to work independently', |
|
|
|
'Excellent communication skills', |
|
|
|
], |
|
|
|
key: [ |
|
|
|
'Working as a full-stack developer on various project and products', |
|
|
|
'Working with 3rd-party APIs', |
|
|
|
'Working on different integration scenarios', |
|
|
|
'Setting up project structure and architecture', |
|
|
|
'Being involved in full project development, from writing a specification to deploying a finished product', |
|
|
|
], |
|
|
|
offer: [ |
|
|
|
'Full Remote position', |
|
|
|
'A fast-growth company with stable projects and strong international clients', |
|
|
|
'Opportunity to work in teams with experienced engineers', |
|
|
|
'Competitive employment conditions', |
|
|
|
'An environment that will make you feel good about your job', |
|
|
|
'Challenging and diverse projects', |
|
|
|
'Support in your personal and professional growth', |
|
|
|
'Flexible working hours', |
|
|
|
'Private health insurance', |
|
|
|
], |
|
|
|
}, |
|
|
|
NetDevIntern: { |
|
|
|
id:2, |
|
|
|
templateFlag:2, |
|
|
|
role: '.Net Developer Internship', |
|
|
|
nugget: '.NetInernship', |
|
|
|
shortDetails:'An idea solves a problem. We help you to create that idea, build a product and scale it to be successful in your business.', |
|
|
|
extended: { |
|
|
|
paragraph: 'Team Diligent is constantly growing! We are looking for a team player that will work with experienced engineers. If technology is your passion and you are ready to move the boundaries of your knowledge every day, then, Diligent is the right place for you. If you are not from Niš, we are offering a full remote position.', |
|
|
|
offer: [ |
|
|
|
'Paid internship', |
|
|
|
'Full Remote position', |
|
|
|
'A fast-growth company with stable projects and strong international clients', |
|
|
|
'Experience of working in a team', |
|
|
|
'Work on real project with real clients', |
|
|
|
'Mentorship from industry leaders', |
|
|
|
'Support in your personal and professional growth', |
|
|
|
'Lots of team activities and perks', |
|
|
|
'Modern working place with a positive and fun atmosphere', |
|
|
|
], |
|
|
|
requirements: [ |
|
|
|
'Fundamentals of data structures ', |
|
|
|
'Fundamentals and knowledge of .NET architecture concepts & patterns', |
|
|
|
'Fundamentals of databases and database design', |
|
|
|
'Team player and fast learner', |
|
|
|
'Analytical and problem-solving skills', |
|
|
|
], |
|
|
|
selectionProcess: [ |
|
|
|
'Application', |
|
|
|
'CV Screening', |
|
|
|
'HR Interview', |
|
|
|
'Technical Interview', |
|
|
|
'Internship - offer & contract' |
|
|
|
], |
|
|
|
conslusionParagraph: 'At the end of the selection process, we will select interns able to join our team for a 3 months internship and arrange the beginning of the practice personally with you.' |
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
NetDevIntern: { |
|
|
|
id: 2, |
|
|
|
templateFlag: 2, |
|
|
|
role: '.Net Developer Internship', |
|
|
|
nugget: '.NetInernship', |
|
|
|
shortDetails: |
|
|
|
'An idea solves a problem. We help you to create that idea, build a product and scale it to be successful in your business.', |
|
|
|
extended: { |
|
|
|
paragraph: |
|
|
|
'Team Diligent is constantly growing! We are looking for a team player that will work with experienced engineers. If technology is your passion and you are ready to move the boundaries of your knowledge every day, then, Diligent is the right place for you. If you are not from Niš, we are offering a full remote position.', |
|
|
|
offer: [ |
|
|
|
'Paid internship', |
|
|
|
'Full Remote position', |
|
|
|
'A fast-growth company with stable projects and strong international clients', |
|
|
|
'Experience of working in a team', |
|
|
|
'Work on real project with real clients', |
|
|
|
'Mentorship from industry leaders', |
|
|
|
'Support in your personal and professional growth', |
|
|
|
'Lots of team activities and perks', |
|
|
|
'Modern working place with a positive and fun atmosphere', |
|
|
|
], |
|
|
|
requirements: [ |
|
|
|
'Fundamentals of data structures ', |
|
|
|
'Fundamentals and knowledge of .NET architecture concepts & patterns', |
|
|
|
'Fundamentals of databases and database design', |
|
|
|
'Team player and fast learner', |
|
|
|
'Analytical and problem-solving skills', |
|
|
|
], |
|
|
|
selectionProcess: [ |
|
|
|
'Application', |
|
|
|
'CV Screening', |
|
|
|
'HR Interview', |
|
|
|
'Technical Interview', |
|
|
|
'Internship - offer & contract', |
|
|
|
], |
|
|
|
conslusionParagraph: |
|
|
|
'At the end of the selection process, we will select interns able to join our team for a 3 months internship and arrange the beginning of the practice personally with you.', |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
life: { |
|
|
|
heading: 'A Culture That’s Serious About Work and Fun', |
|
|
|
@@ -133,6 +142,65 @@ const _data = { |
|
|
|
}, |
|
|
|
], |
|
|
|
}, |
|
|
|
values: { |
|
|
|
heading: 'Values', |
|
|
|
cards: [ |
|
|
|
{ |
|
|
|
id: 0, |
|
|
|
iconUrl: Care, |
|
|
|
title: 'Care', |
|
|
|
paragraph: |
|
|
|
'We believe that by working together and being kind to one another, we can make a difference. We care about work colleagues, ourselves, partnerships, but also the planet. We constantly strive to be helpful, kind, and inclusive in everything we do and looking for ways to be more sustainable. ', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 1, |
|
|
|
iconUrl: Culture, |
|
|
|
title: 'Culture', |
|
|
|
paragraph: |
|
|
|
'Our people love what they do. We provide a fun and supportive environment that empowers our staff to grow, learn, and thrive. We are consistent and transparent in our actions and committed to our clients and colleagues. We believe that together we can achieve more.', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 2, |
|
|
|
iconUrl: Doing, |
|
|
|
title: 'Learn by Doing', |
|
|
|
paragraph: |
|
|
|
'Our legacy is our impact on the people around us. By being kind and helping others, we can make a positive difference and leave a lasting impression. We grow as individuals, as well as we grow as a team.', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 3, |
|
|
|
iconUrl: Ideas, |
|
|
|
title: 'Ideas Over Hierarchy', |
|
|
|
paragraph: |
|
|
|
'We believe that the best ideas can come from anywhere, both inside and outside our company. Our job is to seek out those ideas, shape and improve them through candid debate, and take them from concept to action.', |
|
|
|
}, |
|
|
|
], |
|
|
|
}, |
|
|
|
cards: [ |
|
|
|
{ |
|
|
|
id: 0, |
|
|
|
title: 'BI Healthcare Solution System', |
|
|
|
imgUrl: |
|
|
|
'https://lh6.googleusercontent.com/D7N87i3udAln4YBp5SbaSI-9r2pVnnT5K2VT6p0G3dQanVgTMC2tdgz71PWOYco-7yQ=w2400', |
|
|
|
alt: 'BI Healthcare Solution System', |
|
|
|
link: '/casestudybi', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 1, |
|
|
|
title: 'Resource Planning System', |
|
|
|
imgUrl: |
|
|
|
'https://lh5.googleusercontent.com/HLOh5coHfcEgDuftj1pOA9f1865xiIom5vyxTWNMKqMiivxL8Lg4c9ACzbfYYUdeuqQ=w2400', |
|
|
|
alt: 'Resource Planning System', |
|
|
|
link: '/casestudyresource', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 2, |
|
|
|
title: 'Ticketing System for Passengers', |
|
|
|
imgUrl: |
|
|
|
'https://lh5.googleusercontent.com/f_G0H0C_qLHhsU8PBj6uTkNigzKiXzd24B_pgJ6UqVmBKlU2Lyxv2r5lf6uvY9d_0PY=w2400', |
|
|
|
alt: 'Ticketing System for Passengers', |
|
|
|
link: '/casestudyticketing', |
|
|
|
}, |
|
|
|
], |
|
|
|
connect: { |
|
|
|
heading: 'Connect and Grow With Us', |
|
|
|
paragraph: |
|
|
|
@@ -141,10 +209,9 @@ const _data = { |
|
|
|
sliderImages: [], |
|
|
|
}, |
|
|
|
ActionCard: { |
|
|
|
heading: 'Contact Us and Step up Your Career!', |
|
|
|
heading: 'Step up Your Career!', |
|
|
|
paragraph: |
|
|
|
'We are continuously on the lookout for talented people to grow our business.', |
|
|
|
paragraph2: "Don't be shy - Apply!", |
|
|
|
primaryBtn: 'Apply', |
|
|
|
secondaryBtn: 'About Us', |
|
|
|
}, |
|
|
|
@@ -157,8 +224,6 @@ export default function Careers({ forwardedRef }) { |
|
|
|
|
|
|
|
const api_url = process.env.REACT_APP_API_URL; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
document.title = 'Careers'; |
|
|
|
}, []); |
|
|
|
@@ -197,43 +262,21 @@ export default function Careers({ forwardedRef }) { |
|
|
|
return ( |
|
|
|
<PageLayout> |
|
|
|
<div className="bg-white dark:bg-dg-primary-1700 w-full pt-90p overflow-hidden"> |
|
|
|
{/* Diligent Life */} |
|
|
|
<Wrapper padding={' py-90p'}> |
|
|
|
<h1 className="hidden">Careers - Join our Team</h1> |
|
|
|
<PageTitle |
|
|
|
heading={_data.heading.heading} |
|
|
|
subheading={_data.heading.subheading} |
|
|
|
left |
|
|
|
color |
|
|
|
/> |
|
|
|
</Wrapper> |
|
|
|
<Wrapper padding={' py-90p'}> |
|
|
|
<div className="absolute hidden -ml-64 md:block"> |
|
|
|
<OrbitOnScroll /> |
|
|
|
</div> |
|
|
|
<section |
|
|
|
id="jobs" |
|
|
|
className="flex items-center justify-center max-w-custom m-auto" |
|
|
|
> |
|
|
|
<div className="w-full"> |
|
|
|
<CardCareers2 cards={_data.job} /> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</Wrapper> |
|
|
|
<Wrapper bg padding={' py-90p'}> |
|
|
|
<PageTitle |
|
|
|
left |
|
|
|
heading={_data.life.heading} |
|
|
|
subheading={_data.life.subheading} |
|
|
|
/> |
|
|
|
|
|
|
|
<div className="my-90p"> |
|
|
|
<div className="my-90p"> |
|
|
|
<h3 className="title-italic">{_data.life.italic.heading}</h3> |
|
|
|
<div className="my-20p"> |
|
|
|
<div> |
|
|
|
<p className="paragraph">{_data.life.italic.paragraph}</p> |
|
|
|
<div className="w-full py-90p"> |
|
|
|
<div className="w-full py-72p"> |
|
|
|
<iframe |
|
|
|
className="m-auto w-[300px] h-[180px] md:w-[500px] md:h-[400px] lg:w-[800px] lg:h-[560px]" |
|
|
|
src="https://www.youtube.com/embed/PFHIqqHRS4s?controls=0" |
|
|
|
className="m-auto w-[300px] h-[180px] md:w-[500px] md:h-[400px] lg:w-[960px] lg:h-[540px]" |
|
|
|
src="https://www.youtube.com/embed/PFHIqqHRS4s?controls=0&autoplay=0&mute=1" |
|
|
|
title="YouTube video player" |
|
|
|
frameBorder="0" |
|
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" |
|
|
|
@@ -241,10 +284,19 @@ export default function Careers({ forwardedRef }) { |
|
|
|
></iframe> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<h3 className="title-italic">{_data.life.italic.heading2}</h3> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div className=""> |
|
|
|
<div className="flex flex-col md:flex-row items-center justify-center gap-8"> |
|
|
|
<p className="paragraph w-full md:w-1/2 lg:w-3/4"> |
|
|
|
If you have a mindset that is continuously focused on pushing through and |
|
|
|
beyond your boundaries, conquering a whole new challenge every day in an |
|
|
|
atmosphere where you constantly learn and improve, this is the place for |
|
|
|
you. We'd love to learn more about you. |
|
|
|
</p> |
|
|
|
<button className="btn-secondary">Read More</button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div className="hidden"> |
|
|
|
<section |
|
|
|
id="life" |
|
|
|
className="dark:bg-dg-primary-1700 flex flex-row items-center justify-center" |
|
|
|
@@ -264,18 +316,95 @@ export default function Careers({ forwardedRef }) { |
|
|
|
</section> |
|
|
|
</div> |
|
|
|
</Wrapper> |
|
|
|
|
|
|
|
{/* Selection Process */} |
|
|
|
<Wrapper bg padding={' py-90p'}> |
|
|
|
<PageTitle |
|
|
|
left |
|
|
|
heading="Selection Process" |
|
|
|
subheading="Becoming a part of our team" |
|
|
|
/> |
|
|
|
</Wrapper> |
|
|
|
|
|
|
|
{/* Main Heading */} |
|
|
|
<Wrapper padding={' py-90p'}> |
|
|
|
<PageTitle heading={_data.connect.heading} color /> |
|
|
|
<p className="paragraph my-32p">{_data.connect.paragraph}</p> |
|
|
|
<h1 className="hidden">Careers - Join our Team</h1> |
|
|
|
<PageTitle |
|
|
|
heading={_data.heading.heading} |
|
|
|
subheading={_data.heading.subheading} |
|
|
|
left |
|
|
|
color |
|
|
|
/> |
|
|
|
</Wrapper> |
|
|
|
<Wrapper> |
|
|
|
<section id="highlight" className="flex flex-col items-center justify-center"> |
|
|
|
<HighlighedText text={_data.connect.subtitle} /> |
|
|
|
|
|
|
|
{/* Open Positions */} |
|
|
|
<Wrapper padding={' py-90p'}> |
|
|
|
<div className="absolute hidden -ml-64 md:block"> |
|
|
|
<OrbitOnScroll /> |
|
|
|
</div> |
|
|
|
<section |
|
|
|
id="jobs" |
|
|
|
className="flex items-center justify-center max-w-custom m-auto" |
|
|
|
> |
|
|
|
<div className="w-full"> |
|
|
|
<CardCareers2 cards={_data.job} /> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</Wrapper> |
|
|
|
<Wrapper> |
|
|
|
<AboutUsSlider /> |
|
|
|
|
|
|
|
{/* Values Section */} |
|
|
|
<Wrapper bg padding={' py-90p'}> |
|
|
|
<section |
|
|
|
id="values" |
|
|
|
className="flex flex-row items-center justify-center mt-16" |
|
|
|
> |
|
|
|
<div className="my-8 flex flex-col justify-center items-start w-full max-w-custom m-auto px-8 xl:px-0"> |
|
|
|
<h2 className="heading text-dg-secondary">{_data.values.heading}</h2> |
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-16 w-full mt-8"> |
|
|
|
{_data.values.cards.map((item, index) => ( |
|
|
|
<CardValues |
|
|
|
key={index} |
|
|
|
image={item.iconUrl} |
|
|
|
heading={item.title} |
|
|
|
paragraph={item.paragraph} |
|
|
|
/> |
|
|
|
))} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</Wrapper> |
|
|
|
|
|
|
|
{/* Diligent Minds */} |
|
|
|
<Wrapper padding={' py-90p'}> |
|
|
|
<PageTitle |
|
|
|
left |
|
|
|
heading="Personal Development & Success Stories" |
|
|
|
subheading="Diligent Minds" |
|
|
|
/> |
|
|
|
<Wrapper padding={' py-72p'}> |
|
|
|
<CardsGrid data={_data.cards} /> |
|
|
|
</Wrapper> |
|
|
|
<div className="flex flex-col md:flex-row items-center justify-center gap-8"> |
|
|
|
<p className="paragraph w-full md:w-1/2 lg:w-3/4"> |
|
|
|
If you have a mindset that is continuously focused on pushing through and |
|
|
|
beyond your boundaries, conquering a whole new challenge every day in an |
|
|
|
atmosphere where you constantly learn and improve, this is the place for |
|
|
|
you. We'd love to learn more about you. |
|
|
|
</p> |
|
|
|
<button className="btn-secondary">Read More</button> |
|
|
|
</div> |
|
|
|
</Wrapper> |
|
|
|
|
|
|
|
{/* Event's Timeline */} |
|
|
|
<Wrapper bg padding={' py-90p'}> |
|
|
|
<PageTitle |
|
|
|
left |
|
|
|
heading="Event's Timeline" |
|
|
|
subheading="Events" |
|
|
|
/> |
|
|
|
</Wrapper> |
|
|
|
|
|
|
|
{/* Action Card */} |
|
|
|
<Wrapper> |
|
|
|
<div className="my-90p"> |
|
|
|
<ActionCard |
|
|
|
@@ -285,10 +414,25 @@ export default function Careers({ forwardedRef }) { |
|
|
|
btn2={_data.ActionCard.secondaryBtn} |
|
|
|
link1={'/contact'} |
|
|
|
link2={'/about'} |
|
|
|
text2={_data.ActionCard.paragraph2} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</Wrapper> |
|
|
|
|
|
|
|
{/* Other */} |
|
|
|
<div className="hidden"> |
|
|
|
<Wrapper bg padding={' py-90p'}> |
|
|
|
<PageTitle heading={_data.connect.heading} color /> |
|
|
|
<p className="paragraph my-32p">{_data.connect.paragraph}</p> |
|
|
|
</Wrapper> |
|
|
|
<Wrapper> |
|
|
|
<section id="highlight" className="flex flex-col items-center justify-center"> |
|
|
|
<HighlighedText text={_data.connect.subtitle} /> |
|
|
|
</section> |
|
|
|
</Wrapper> |
|
|
|
<Wrapper> |
|
|
|
<AboutUsSlider /> |
|
|
|
</Wrapper> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</PageLayout> |
|
|
|
); |
