pavle.golubovic
/
website-new
Seguir 1
Destacar 0
Fork 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 0 Wiki Actividad
Explorar el Código

Content

careers
Jovan Petrovic hace 3 años
padre
8388fa7c82
commit
236788a7f7
Se han modificado 2 ficheros con 62 adiciones y 115 borrados
Dividir vista Mostrar estadísticas de diff
  1. 1
    1
      frontend/.env
  2. 61
    114
      frontend/src/pages/Careers.jsx

+ 1
- 1
frontend/.env Ver fichero

@@ -5,7 +5,7 @@ REACT_APP_SERVICE_ID = service_petbzsz
REACT_APP_JOB_TEMPLATE_ID = template_bfuv1sb
REACT_APP_CLIENT_TEMPLATE_ID = template_bd6fjli
REACT_APP_USER_ID = 27spvSZ2Lsf2j8RKw
REACT_APP_API_URL = "https://websitediligentapi.azurewebsites.net"
REACT_APP_API_URL = "https://diligentwebsiteapistart.azurewebsites.net"
//http://localhost:1337
MAILCHIMP_FORM_URL = http://eepurl.com/iaRrv1
GOOGLE_TRACKING_ID = "G-PTZC3WLTZ1"

+ 61
- 114
frontend/src/pages/Careers.jsx Ver fichero

@@ -298,7 +298,7 @@ export default function Careers({ forwardedRef }) {
vid.playbackRate = 2;
axios
.get(
`${api_url}/api/careerspage?populate[0]=heading&populate[1]=info&populate[2]=job.icon`,
`${api_url}/api/n-careerspage?populate[0]=diligent_life&populate[1]=diligent_life.heading_section&populate[2]=diligent_life.CTO&populate[3]=diligent_life.media_text.media&populate[4]=selection_process.heading&populate[5]=selection_process.steps.media&populate[6]=positions_heading&populate[7]=positions_card.Image&populate[8]=benefits_heading&populate[9]=benefits_card.media`,
)
.then(res => {
//console.log(res.data.data.attributes);
@@ -331,17 +331,19 @@ export default function Careers({ forwardedRef }) {
<Wrapper padding={' py-90p'}>
<PageTitle
left
heading={_data.life.heading}
subheading={_data.life.subheading}
heading={cntCareers.diligent_life.heading_section.heading}
subheading={cntCareers.diligent_life.heading_section.subheading}
/>

<div className="my-20p">
<div>
<p className="paragraph">{_data.life.italic.paragraph}</p>
<p className="paragraph">
{cntCareers.diligent_life.heading_section.paragraph}
</p>
<div className="w-full py-72p">
<iframe
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"
src={cntCareers.diligent_life.heading_section.link}
title="YouTube video player"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ -353,13 +355,10 @@ export default function Careers({ forwardedRef }) {

<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.
{cntCareers.diligent_life.CTO.cto_paragraph}
</p>
<button className="btn-secondary" onClick={() => link('/diligentlife')}>
Read More
{cntCareers.diligent_life.CTO.cto_button}
</button>
</div>

@@ -388,8 +387,8 @@ export default function Careers({ forwardedRef }) {
<Wrapper bg padding={' py-90p'}>
<PageTitle
left
heading="Becoming a Part of Our Team"
subheading="Selection Process"
heading={cntCareers.selection_process.heading.heading}
subheading={cntCareers.selection_process.heading.subheading}
/>
<div className="no-scroll flex flex-col items-center justify-start overflow-auto h-[75vh] pt-72p pl-3">
{/* Dynamic Image */}
@@ -400,84 +399,30 @@ export default function Careers({ forwardedRef }) {
className="absolute top-1/4 left-1/2 w-2/5 bg-fixed"
/>

{/* Section 1 */}
<div
id="steps-container"
className="relative flex flex-row items-start justify-center gap-16 min-h-[54vh] max-h[100vh]"
>
{/* Line */}
<hr className="bg-gray-400 w-full absolute -left-1/2 rotate-90" />
{/* Dot */}
<div className="z-10 p-[0.36rem] rounded-full bg-white border-solid border border-dg-primary-900 absolute -left-[0.63%] top-[1%]"></div>
<div className="w-1/2 ml-8">
<h3 className="h3-heading">{_data.selectionProcess.stepOne.heading}</h3>
<p className="text-sm text-dark-gray dark:text-white mt-4">
{_data.selectionProcess.stepOne.paragraph}
</p>
<button className="btn-secondary mt-6">Open Positions</button>
</div>
<div className="w-1/2"></div>
</div>

{/* Section 2 */}
<div className="relative flex flex-row items-start justify-center gap-16 min-h-[54vh] max-h[100vh]">
{/* Line */}
<hr className="bg-gray-400 w-full absolute -left-1/2 rotate-90" />
{/* Dot */}
<div className="z-10 p-[0.36rem] rounded-full bg-white border-solid border border-dg-primary-900 absolute -left-[0.63%] top-[1%]"></div>
<div className="w-1/2 ml-8">
<h3 className="h3-heading">{_data.selectionProcess.stepTwo.heading}</h3>
<p className="text-sm text-dark-gray dark:text-white mt-4">
{_data.selectionProcess.stepTwo.paragraph}
</p>
</div>
<div className="w-1/2"></div>
</div>

{/* Section 3 */}
<div className="relative flex flex-row items-start justify-center gap-16 min-h-[54vh] max-h[100vh]">
{/* Line */}
<hr className="bg-gray-400 w-full absolute -left-1/2 rotate-90" />
{/* Dot */}
<div className="z-10 p-[0.36rem] rounded-full bg-white border-solid border border-dg-primary-900 absolute -left-[0.63%] top-[1%]"></div>
<div className="w-1/2 ml-8">
<h3 className="h3-heading">{_data.selectionProcess.stepThree.heading}</h3>
<p className="text-sm text-dark-gray dark:text-white mt-4">
{_data.selectionProcess.stepThree.paragraph}
</p>
</div>
<div className="w-1/2"></div>
</div>

{/* Section 4 */}
<div className="relative flex flex-row items-start justify-center gap-16 min-h-[54vh] max-h[100vh]">
{/* Line */}
<hr className="bg-gray-400 w-full absolute -left-1/2 rotate-90" />
{/* Dot */}
<div className="z-10 p-[0.36rem] rounded-full bg-white border-solid border border-dg-primary-900 absolute -left-[0.63%] top-[1%]"></div>
<div className="w-1/2 ml-8">
<h3 className="h3-heading">{_data.selectionProcess.stepFour.heading}</h3>
<p className="text-sm text-dark-gray dark:text-white mt-4">
{_data.selectionProcess.stepFour.paragraph}
</p>
</div>
<div className="w-1/2"></div>
</div>

{/* Section 5 */}
<div className="relative flex flex-row items-start justify-center gap-16 min-h-[54vh] max-h[100vh]">
{/* Line */}
<hr className="bg-gray-400 w-full absolute -left-1/2 rotate-90" />
{/* Dot */}
<div className="z-10 p-[0.36rem] rounded-full bg-white border-solid border border-dg-primary-900 absolute -left-[0.63%] top-[1%]"></div>
<div className="w-1/2 ml-8">
<h3 className="h3-heading">{_data.selectionProcess.stepFive.heading}</h3>
<p className="text-sm text-dark-gray dark:text-white mt-4">
{_data.selectionProcess.stepFive.paragraph}
</p>
</div>
<div className="w-1/2"></div>
</div>
{cntCareers.selection_process.steps.map((item, index) => (
<>
{/* Section */}
<div
id={item.id}
className="relative flex flex-row items-start justify-center gap-16 min-h-[54vh] max-h[100vh]"
>
{/* Line */}
<hr className="bg-gray-400 w-full absolute -left-1/2 rotate-90" />
{/* Dot */}
<div className="z-10 p-[0.36rem] rounded-full bg-white border-solid border border-dg-primary-900 absolute -left-[0.63%] top-[1%]"></div>
<div className="w-1/2 ml-8">
<h3 className="h3-heading">{item.heading}</h3>
<p className="text-sm text-dark-gray dark:text-white mt-4">
{item.paragraph}
</p>
{item.cto != null && (
<button className="btn-secondary mt-6">{item.cto}</button>
)}
</div>
<div className="w-1/2"></div>
</div>
</>
))}
</div>
</Wrapper>

@@ -485,8 +430,8 @@ export default function Careers({ forwardedRef }) {
<Wrapper padding={' py-90p'}>
<h1 className="hidden">Careers - Join our Team</h1>
<PageTitle
heading={_data.heading.heading}
subheading={_data.heading.subheading}
heading={cntCareers.positions_heading.heading}
subheading={cntCareers.positions_heading.subheading}
left
color
/>
@@ -511,13 +456,13 @@ export default function Careers({ forwardedRef }) {
<Wrapper bg padding={' py-90p'}>
<section id="values" className="flex flex-row items-center justify-center">
<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>
<h2 className="heading text-dg-secondary">{cntCareers.benefits_heading.heading}</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-16 w-full mt-8">
{_data.values.cards.map((item, index) => (
{cntCareers.benefits_card.map((item, index) => (
<CardValues
key={index}
image={item.iconUrl}
heading={item.title}
image={item.media}
heading={item.heading}
paragraph={item.paragraph}
/>
))}
@@ -552,25 +497,27 @@ export default function Careers({ forwardedRef }) {
</div>

{/* Event's Timeline */}
<Wrapper padding={' py-90p'}>
<PageTitle left heading="Event's Timeline" subheading="Events" />
<div className="mt-20p flex flex-col gap-8 items-center justify-center">
<p className="paragraph">
The main objective is to create a solution that meets the requirements of
stakeholders while integrating with existing IT systems to get data without
impacting the system. The solution should use only an MS stack of
technologies while taking care of sensitive data, and maintaining and
providing up-to-date data. The solution should also be a comfortable and
reliable, user-friendly solution for everyday work.
</p>
<div className="w-screen">
<AboutUsSlider />
<div className="hidden">
<Wrapper padding={' py-90p'}>
<PageTitle left heading="Event's Timeline" subheading="Events" />
<div className="mt-20p flex flex-col gap-8 items-center justify-center">
<p className="paragraph">
The main objective is to create a solution that meets the requirements of
stakeholders while integrating with existing IT systems to get data
without impacting the system. The solution should use only an MS stack of
technologies while taking care of sensitive data, and maintaining and
providing up-to-date data. The solution should also be a comfortable and
reliable, user-friendly solution for everyday work.
</p>
<div className="w-screen">
<AboutUsSlider />
</div>
<button className="btn-secondary" onClick={() => link('/eventstimeline')}>
Find Out More
</button>
</div>
<button className="btn-secondary" onClick={() => link('/eventstimeline')}>
Find Out More
</button>
</div>
</Wrapper>
</Wrapper>
</div>

{/* Action Card */}
<Wrapper>

Escribir Vista previa
Cargando…
Cancelar
Guardar