From e9a10b0cb018df79cbfeeb13c8d5d7718804930c Mon Sep 17 00:00:00 2001 From: Andrea Mogren Date: Fri, 22 Dec 2023 11:01:43 +0100 Subject: [PATCH] feat: add our clients' logos to the start page --- pages/index.tsx | 3 +- pages/start-page.module.css | 2 +- src/assets/client-logos/720gruppen-logo.svg | 104 ++++++++++++++++++ src/assets/client-logos/axs_logo.svg | 10 ++ src/assets/client-logos/eghed_logo.png | Bin 0 -> 6297 bytes src/assets/client-logos/feedbackfrog_logo.svg | 3 + src/assets/client-logos/froda_logo.svg | 14 +++ .../client-logos/lansforsakringar_logo.svg | 9 ++ src/assets/client-logos/munters_logo.svg | 19 ++++ src/assets/client-logos/ramboll_logo.svg | 9 ++ .../client-logos/strategiradet_logo.svg | 9 ++ src/assets/client-logos/vattenfall_logo.svg | 12 ++ .../client-logos/client-logos.module.css | 16 +++ src/components/client-logos/index.tsx | 33 ++++++ 14 files changed, 241 insertions(+), 2 deletions(-) create mode 100644 src/assets/client-logos/720gruppen-logo.svg create mode 100644 src/assets/client-logos/axs_logo.svg create mode 100644 src/assets/client-logos/eghed_logo.png create mode 100644 src/assets/client-logos/feedbackfrog_logo.svg create mode 100644 src/assets/client-logos/froda_logo.svg create mode 100644 src/assets/client-logos/lansforsakringar_logo.svg create mode 100644 src/assets/client-logos/munters_logo.svg create mode 100644 src/assets/client-logos/ramboll_logo.svg create mode 100644 src/assets/client-logos/strategiradet_logo.svg create mode 100644 src/assets/client-logos/vattenfall_logo.svg create mode 100644 src/components/client-logos/client-logos.module.css create mode 100644 src/components/client-logos/index.tsx 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 0000000000000000000000000000000000000000..c95036e41c6d55d41a15ea0aaa88717affdb4f24 GIT binary patch literal 6297 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 + + 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;