Created carousel component for testimonials

apps/client/src/app/pages/landing/landing-page.html

@@ -324,13 +324,44 @@
         What our <strong>users</strong> are saying
       </h2>
     </div>
-    <gf-carousel [aria-label]="'Featured components'">
+    <!-- <div *ngFor="let testimonial of testimonials" class="col-md-6">
-      <a *ngFor="let comp of getTopComponents()" carousel-item class="carousel-item docs-featured-components-carousel-item"
+      <div class="d-flex flex-row py-3">
-         routerLink="/components/{{comp}}">
+        <div class="d-flex justify-content-center">
-        <div class="docs-homepage-img-container">
+          <gf-logo
-          <img alt="" src="../../../assets/screenshots/{{comp}}.scene.png" role="presentation">
+            class="mr-3 mt-2 pt-1"
+            size="medium"
+            [showLabel]="false"
+          ></gf-logo>
+        </div>
+        <div>
+          <div>{{ testimonial.quote }}</div>
+          <div class="mt-2 text-muted">
+            —
+            <a *ngIf="testimonial.url" target="_blank" [href]="testimonial.url"
+              >{{ testimonial.author }}</a
+            >
+            <span *ngIf="!testimonial.url">{{ testimonial.author }}</span>, {{
+            testimonial.country }}
+          </div>
         </div>
+      </div>
+    </div> -->
+    <gf-carousel [aria-label]="'Featured components'">
+      <a *ngFor="let comp of getTopComponents()" carousel-item>
+        <gf-logo
+            class="mr-3 mt-2 pt-1"
+            size="medium"
+            [showLabel]="false"
+        ></gf-logo>
         {{(comp[0].toUpperCase() + comp.slice(1)).replace('-', ' ')}}
+        <div class="mt-2 text-muted">
+          —
+          <a *ngIf="testimonial.url" target="_blank" [href]="testimonial.url"
+            >{{ testimonial.author }}</a
+          >
+          <span *ngIf="!testimonial.url">{{ testimonial.author }}</span>, {{
+          testimonial.country }}
+        </div>
       </a>
     </gf-carousel>
   </div>