changes

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "private": true,
   "dependencies": {
     "@faceless-ui/slider": "^1.1.14",

frontend/src/assets/icons/LegalJob.svg

@@ -0,0 +1,15 @@
+<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="68" height="68" rx="34" fill="url(#paint0_linear_1350_34817)"/>
+<path d="M30.25 46.5H37.75C44 46.5 46.5 44 46.5 37.75V30.25C46.5 24 44 21.5 37.75 21.5H30.25C24 21.5 21.5 24 21.5 30.25V37.75C21.5 44 24 46.5 30.25 46.5Z" stroke="white" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M41.5 28.6875V37.125C41.5 35.75 40.375 34.625 39 34.625H29C27.625 34.625 26.5 35.75 26.5 37.125V28.6875C26.5 27.3125 27.625 26.1875 29 26.1875H39C40.375 26.1875 41.5 27.3125 41.5 28.6875Z" stroke="white" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M42.75 38.6875H41.5" stroke="white" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26.5 38.6875H25.25" stroke="white" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M41.5 36.5V32.75C41.5 31.375 40.375 30.25 39 30.25H29C27.625 30.25 26.5 31.375 26.5 32.75V36.5" stroke="white" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M41.5 37.125V38.6875H37.125C37.125 40.4125 35.725 41.8125 34 41.8125C32.275 41.8125 30.875 40.4125 30.875 38.6875H26.5V37.125C26.5 35.75 27.625 34.625 29 34.625H39C40.375 34.625 41.5 35.75 41.5 37.125Z" stroke="white" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_1350_34817" x1="34" y1="0" x2="34" y2="68" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9F36F0"/>
+<stop offset="1" stop-color="#922994"/>
+</linearGradient>
+</defs>
+</svg>

frontend/src/components/CareerCardsTemplates/CareerCard.jsx

@@ -1,11 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import net from './../../assets/icons/net.svg';
-
-const _card = {
-  role: '.Net Developer',
-  shortDetails: 'All levels of experience',
-};
 
 const CareerCard = ({ card, setExpanded, setExpandedCard }) => {
   return (
@@ -17,12 +11,12 @@ const CareerCard = ({ card, setExpanded, setExpandedCard }) => {
       className={'card max-w-[360px]'}
     >
       <img
-        src={net}
-        alt=".NET"
-        className={'ml-auto mr-auto block w-[70px] bg-baby-blue text-dark-gray'}
+        src={card.icon}
+        alt="icon alt"
+        className={'ml-auto mr-auto block w-[70px] bg-none text-dark-gray'}
       />
       <h3 className={'mt-6 font-semibold text-2xl'}>{card.role}</h3>
-      <p className={'mt-6 text-sm'}>{_card.shortDetails}</p>
+      <p className={'mt-6 text-sm'}>{card.shortDetails}</p>
       <a
         href={'#'}
         className={

frontend/src/components/CareerCardsTemplates/ExpandedCard.jsx

@@ -49,8 +49,8 @@ const ExpandedCard = ({ card, setExpanded, setExpandedCard, forwarderdRef }) =>
             </div>
 
             <img
-              src={net}
-              className="ml-auto mr-auto block w-[70px] bg-baby-blue text-dark-gray"
+              src={card.icon}
+              className="ml-auto mr-auto block w-[70px] text-dark-gray bg-none"
             />
             <h3 className="ml-6 w-full font-semibold text-2xl">{card.role}</h3>
           </div>

frontend/src/pages/Careers.jsx

@@ -36,6 +36,8 @@ import { strapiApiBuilder } from './../utils/strapiApiBuilder';
 import useDataApi from './../hooks/useDataApi';
 import ReactHelmet from './../components/shared/ReactHelmet';
 import JobCardsWrapper from '../components/CareerCardsTemplates/JobCardsWrapper';
+import net from '../assets/icons/net.svg'
+import legal from '../assets/icons/LegalJob.svg';
 
 const api_url = process.env.REACT_APP_API_URL;
 
@@ -67,8 +69,9 @@ const _data = {
       templateFlag: 1,
       role: '.Net Developer',
       nugget: '.Net',
+      icon: 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.',
+        'All Levels of Experience',
       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.',
@@ -103,10 +106,11 @@ const _data = {
     {
       id: 2,
       templateFlag: 1,
-      role: 'Pravno Administrativni Satadnik',
-      nugget: 'Legal',
+      role: 'Legal Assistant',
+      nugget: 'LegalAssistant',
+      icon: legal,
       shortDetails:
-        '',
+        '+1 Years of Experience',
       extended: {
         // paragraph:
         //   'Team Diligent Legalllllllll',