feat: Add our clients' logos to the start page

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<InferGetStaticPropsType<typeof getStaticProps>> = ({
@@ -60,7 +61,7 @@ const Stockholm: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
             .
           </p>
         </div>
-
+        <ClientLogos />
         <Tjenesteomrader />
         <ContactForm employees={employees} />
         <h3 className="fancy">Vi söker fler kollegor</h3>

pages/start-page.module.css

@@ -3,7 +3,7 @@
 }
 
 .homepage__intro-container {
-    margin-bottom: 8rem;
+    margin-bottom: 5rem;
 }
 
 .homepage__blob {

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%;
+}