diff --git a/pages/index.tsx b/pages/index.tsx index d4fcf52..b75703d 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -9,6 +9,7 @@ import { JobList } from '../src/jobs/components/job-list'; import { getFileListingData } from '../src/jobs/utils/getListings'; import Tjenesteomrader from 'src/tjenesteomrader'; import { useMediaQuery } from '../src/utils/use-media-query'; +import ClientLogos from '@components/client-logos'; const stockholmBlobUrl = require('src/stockholm/assets/stokontor.png'); const Stockholm: NextPage> = ({ @@ -60,7 +61,7 @@ const Stockholm: NextPage> = ({ .

- +

Vi söker fler kollegor

diff --git a/pages/start-page.module.css b/pages/start-page.module.css index 184d52d..1835b20 100644 --- a/pages/start-page.module.css +++ b/pages/start-page.module.css @@ -3,7 +3,7 @@ } .homepage__intro-container { - margin-bottom: 8rem; + margin-bottom: 5rem; } .homepage__blob { diff --git a/src/assets/client-logos/720gruppen-logo.svg b/src/assets/client-logos/720gruppen-logo.svg new file mode 100644 index 0000000..c141fd0 --- /dev/null +++ b/src/assets/client-logos/720gruppen-logo.svg @@ -0,0 +1,104 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/client-logos/axs_logo.svg b/src/assets/client-logos/axs_logo.svg new file mode 100644 index 0000000..66e2368 --- /dev/null +++ b/src/assets/client-logos/axs_logo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/client-logos/eghed_logo.png b/src/assets/client-logos/eghed_logo.png new file mode 100644 index 0000000..c95036e Binary files /dev/null and b/src/assets/client-logos/eghed_logo.png differ diff --git a/src/assets/client-logos/feedbackfrog_logo.svg b/src/assets/client-logos/feedbackfrog_logo.svg new file mode 100644 index 0000000..0a50e67 --- /dev/null +++ b/src/assets/client-logos/feedbackfrog_logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/client-logos/froda_logo.svg b/src/assets/client-logos/froda_logo.svg new file mode 100644 index 0000000..e7469be --- /dev/null +++ b/src/assets/client-logos/froda_logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/client-logos/lansforsakringar_logo.svg b/src/assets/client-logos/lansforsakringar_logo.svg new file mode 100644 index 0000000..de04588 --- /dev/null +++ b/src/assets/client-logos/lansforsakringar_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/client-logos/munters_logo.svg b/src/assets/client-logos/munters_logo.svg new file mode 100644 index 0000000..18fa48d --- /dev/null +++ b/src/assets/client-logos/munters_logo.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/client-logos/ramboll_logo.svg b/src/assets/client-logos/ramboll_logo.svg new file mode 100644 index 0000000..89db8c8 --- /dev/null +++ b/src/assets/client-logos/ramboll_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/client-logos/strategiradet_logo.svg b/src/assets/client-logos/strategiradet_logo.svg new file mode 100644 index 0000000..5403547 --- /dev/null +++ b/src/assets/client-logos/strategiradet_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/client-logos/vattenfall_logo.svg b/src/assets/client-logos/vattenfall_logo.svg new file mode 100644 index 0000000..497fc1e --- /dev/null +++ b/src/assets/client-logos/vattenfall_logo.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/components/client-logos/client-logos.module.css b/src/components/client-logos/client-logos.module.css new file mode 100644 index 0000000..41ea56f --- /dev/null +++ b/src/components/client-logos/client-logos.module.css @@ -0,0 +1,16 @@ +.client-logos__container { + margin-bottom: 5rem; +} + +.client-logos__img-container { + display: flex; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + margin-top: 2rem; + gap: 2.5rem 6rem; +} + +.client-logos__img-container img { + max-width: 100%; +} \ No newline at end of file diff --git a/src/components/client-logos/index.tsx b/src/components/client-logos/index.tsx new file mode 100644 index 0000000..3ea4645 --- /dev/null +++ b/src/components/client-logos/index.tsx @@ -0,0 +1,33 @@ +import style from './client-logos.module.css'; +const ClientLogos = () => { + const Eghed = require('src/assets/client-logos/eghed_logo.png'); + const Vattenfall = require('src/assets/client-logos/vattenfall_logo.svg'); + const SjuTjugoGruppen = require('src/assets/client-logos/720gruppen-logo.svg'); + const Ramboll = require('src/assets/client-logos/ramboll_logo.svg'); + const Lansforsakringar = require('src/assets/client-logos/lansforsakringar_logo.svg'); + const Munters = require('src/assets/client-logos/munters_logo.svg'); + const Froda = require('src/assets/client-logos/froda_logo.svg'); + const FeedbackFrog = require('src/assets/client-logos/feedbackfrog_logo.svg'); + const StrategiRadet = require('src/assets/client-logos/strategiradet_logo.svg'); + const Axs = require('src/assets/client-logos/axs_logo.svg'); + + return ( +
+

Företag vi samarbetat med

+
+ Egheds logga + Vattenfalls logga + 720gruppens logga + Rambolls logga + Länsförsäkringars logga + Munters logga + Frodas logga + FeedbackFrogs logga + Strategirådets logga + Axs logga +
+
+ ); +}; + +export default ClientLogos;