From ff1f027faf42da5406c057f441da08f2d6af9f02 Mon Sep 17 00:00:00 2001
From: Martin Artola <martin@chillicream.com>
Date: Fri, 25 Aug 2023 18:23:17 +0200
Subject: [PATCH] update companies

- website: added Galaxus to companies who trust us
---
 .../components/widgets/companies-section.tsx  | 39 ++++++++++++-------
 website/src/images/companies/galaxus.svg      |  6 +++
 2 files changed, 31 insertions(+), 14 deletions(-)
 create mode 100644 website/src/images/companies/galaxus.svg

diff --git a/website/src/components/widgets/companies-section.tsx b/website/src/components/widgets/companies-section.tsx
index 3a7455fa58a..cc729eb67ba 100644
--- a/website/src/components/widgets/companies-section.tsx
+++ b/website/src/components/widgets/companies-section.tsx
@@ -25,6 +25,7 @@ import E2mLogoSvg from "@/images/companies/e2m.svg";
 import ExlrtLogoSvg from "@/images/companies/exlrt.svg";
 import EzeepLogoSvg from "@/images/companies/ezeep.svg";
 import FulcrumLogoSvg from "@/images/companies/fulcrum.svg";
+import GalaxusLogoSvg from "@/images/companies/galaxus.svg";
 import GiaLogoSvg from "@/images/companies/gia.svg";
 import HiloLogoSvg from "@/images/companies/hilo.svg";
 import IncloudLogoSvg from "@/images/companies/incloud.svg";
@@ -66,6 +67,11 @@ export const CompaniesSection: FC = () => (
               <Company {...SwissLifeLogoSvg} />
             </Link>
           </SwissLifeLogo>
+          <GalaxusLogo>
+            <Link to="https://www.galaxus.ch">
+              <Company {...GalaxusLogoSvg} />
+            </Link>
+          </GalaxusLogo>
         </Carousel>
         <Ticker>
           <GenericLogo width={140}>
@@ -250,20 +256,12 @@ export const CompaniesSection: FC = () => (
 );
 
 const FADE = keyframes`
-  0% {
-    opacity: 1;
-    z-index: 1;
+  0%, 33% {
+    opacity: 0;
   }
-  25% {
+  8%, 24% {
     opacity: 1;
   }
-  49% {
-    z-index: 1;
-  }
-  50% {
-    opacity: 0;
-    z-index: 0;
-  }
 `;
 
 const Carousel = styled.div`
@@ -283,17 +281,21 @@ const Carousel = styled.div`
 
   & > * {
     position: absolute;
-    animation: 12s ${FADE} linear infinite;
+    animation: ${FADE} 15s infinite;
     opacity: 0;
     z-index: 0;
   }
 
   & > *:nth-child(1) {
-    animation-delay: 0s;
+    animation-delay: 0;
   }
 
   & > *:nth-child(2) {
-    animation-delay: 6s;
+    animation-delay: 5s;
+  }
+
+  & > *:nth-child(3) {
+    animation-delay: 10s;
   }
 `;
 
@@ -313,6 +315,15 @@ const SwissLifeLogo = styled.div`
   }
 `;
 
+const GalaxusLogo = styled.div`
+  & svg {
+    min-height: 30px;
+    min-width: 150px;
+    height: 90px;
+    margin: 20px;
+  }
+`;
+
 const TICKER = keyframes`
   0% {
     transform: translate3d(0, 0, 0);
diff --git a/website/src/images/companies/galaxus.svg b/website/src/images/companies/galaxus.svg
new file mode 100644
index 00000000000..f0f0b5f7e9a
--- /dev/null
+++ b/website/src/images/companies/galaxus.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 441.5 141.9">
+  <path
+    d="M89.1 79.9c-.9 2.2-2.3 4.2-3.9 5.9.3.7.5 1.5.5 2.2.4 3.7 8.6 3.2 9 2.4s-.6-8-5.6-10.5M72.6 91.2c-1.1 0-2.1-.1-3.1-.3a7 7 0 0 0 5.7 6.9c1.4.2 2.8 0 4.1-.7h-.4c-3-.5-4-3.1-3.7-6.1l-2.6.2m-22.2-.9c.4.8 8.5 1.4 8.8-2.3.1-.8.2-1.5.5-2.2-1.7-1.7-3-3.7-3.9-5.9-4.9 2.5-5.8 9.7-5.4 10.4m5.7-26.2c1-2.3 2.5-4.3 4.3-6-3.8-3.2-10.4-3.5-11-3.1s-.7 8.5 3.3 8.4c1.1 0 2.3.2 3.4.7m21.8-13.9c0-.9.9-2.4.9-3.2s-2.4-2-3.5-3-2-2.8-2.8-2.9h-.1c-.8 0-1.8 1.9-2.8 2.9s-3.5 2.3-3.5 3 .9 2.2.9 3.2c-.1.9-.3 1.7-.6 2.5-.1.4.2.5.5 1.3h.2c3.5-1.1 7.2-1.2 10.7-.1h.2c.3-.8.6-.9.5-1.3l-.6-2.4m8.6 15.1c-.9-2-2.1-3.8-3.7-5.3a15 15 0 0 0-9.1-4.1l-1.2-.1-1.2.1a15 15 0 0 0-9.1 4.1 17.1 17.1 0 0 0-.6 23.7 14.7 14.7 0 0 0 11 4.9h1.1c3.8-.3 7.3-2 9.8-4.8a16.9 16.9 0 0 0 3-18.5M95.6 55c-.6-.4-7.2-.1-11 3.1a20 20 0 0 1 4.3 6 7 7 0 0 1 3.5-.6c3.9 0 3.9-8 3.2-8.5M382 80.4c0 2.7-2.8 4.2-5.9 4.2-5.1 0-6.6-5.2-6.6-5.2l-5.4 2.4s1.8 8.4 12 8.4c7.5 0 12-4.2 12-9.9 0-6.5-4.6-8.7-10-10.8-4.8-1.9-7.1-3-7.1-5.8 0-2.2 2-4 5.5-4 4.8 0 6.4 4.7 6.4 4.7l5.3-2.4s-2.1-8-11.6-8c-7.5 0-11.5 4.6-11.5 9.8 0 6.2 5.2 9 10.5 11 4 1.5 6.5 2.8 6.4 5.6m-37.7-4.1c0 5-2.5 8.3-7.5 8.3s-7.5-3.3-7.5-8.3V54.7h-6V77c0 7.7 5 13.3 13.5 13.3s13.5-5.6 13.5-13.3V54.7h-6v21.6zM303 89.7h7.1l-11.4-18 10.8-17h-6.9L295.2 67l-7.5-12.3h-7.1l10.8 16.8-11.3 18.2h6.9l8-13.3 8 13.3zm-48.3-28 5.3 14.4h-10.5l5.2-14.4zm-16.7 28h6.4l2.9-8H262l3 8h6.5l-13.4-35h-6.8l-13.3 35zm-29.5 0h21V84h-15V54.7h-6v35zm-28.1-28 5.2 14.4h-10.5l5.3-14.4zm-16.7 28h6.4l3-8h14.7l2.9 8h6.5l-13.4-35H177l-13.3 35zm-23.3-5.1c-6.8 0-12.4-5.5-12.5-12.3 0-6.8 5.5-12.4 12.3-12.5 3.5 0 6.8 1.4 9.2 3.9l3.9-4.3s-4.2-5.3-13.2-5.3a18 18 0 1 0 .2 36.2c8.5 0 13.4-3.8 13.4-3.8V70h-14v5.6h8.2V83c.1 0-2.5 1.6-7.5 1.6"
+    fill="#000"
+  />
+</svg>