feat(landing): add partners carousel

assets/sass/carousel.scss

@@ -103,16 +103,14 @@ $height: 30rem;
     position: relative;
     flex: 0 0 100%;
     width: 100%;
-    background-color: #f99;
     counter-increment: item;
 }
 
-.carousel__slide:nth-child(even) {
-    background-color: #99f;
-}
+// .carousel__slide:nth-child(even) {
+//     background-color: #99f;
+// }
 
 .carousel__slide:before {
-    content: counter(item);
     position: absolute;
     top: 50%;
     left: 50%;
@@ -157,10 +155,9 @@ $height: 30rem;
 .carousel__navigation {
     position: absolute;
     right: 0;
-    bottom: 0;
+    bottom: 1rem;
     left: 0;
     text-align: center;
-    padding-bottom: 1rem;
 }
 
 .carousel__navigation-list,
@@ -173,7 +170,7 @@ $height: 30rem;
     display: inline-block;
     width: 1.5rem;
     height: 1.5rem;
-    background-color: #333;
+    background-color: rgba(51, 51, 51, 0.7);
     background-clip: content-box;
     border: 0.25rem solid transparent;
     border-radius: 50%;
@@ -236,6 +233,7 @@ $height: 30rem;
 .carousel__navigation-item.enabled {
     .carousel__navigation-button {
         opacity: 0.5;
-        background-color: white;
+        background-color: #eeeeee;
+        box-shadow: inset 0 0 2px black;
     }
 }

assets/sass/landing.scss

@@ -167,3 +167,56 @@
     }
 }
 
+
+.partner-comment__container {
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    background: rgba(1, 1, 1, 0.05);
+
+    .partner-comment {
+        padding-bottom: 1rem;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    .partner-comment__quote {
+        width: 75%;
+        text-align: center;
+        margin: 3rem auto 0 auto;
+        position: relative;
+        display: block;
+        font-style: italic;
+        font-weight: 300;
+        &::before, &::after {
+            font-size: 8rem;
+            color: rgba(0, 0, 0, 0.2);
+            position: absolute;
+        }
+        &::before {
+            content: "“";
+            top: -6rem;
+        }
+        &::after {
+            content: "”";
+            right: -1rem;
+            bottom: -9rem;
+        }
+    }
+    .partner-comment__author {
+        margin-top: 1rem;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    .partner-comment__author-picture {
+        width: 9rem;
+        aspect-ratio: 1;
+        // border-radius: 50%;
+    }
+    .partner-comment__author-name {
+        margin-top: .5rem;
+    }
+}