From a2836a0bf0985794fedbfaa1c0556013dd810809 Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <subhajitstd07@gmail.com>
Date: Fri, 29 Sep 2023 14:14:20 +0000
Subject: [PATCH] Created carousel component for testimonials

---
 .../src/app/pages/landing/landing-page.html   | 41 ++++++++++++++++---
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/app/pages/landing/landing-page.html b/apps/client/src/app/pages/landing/landing-page.html
index db0b355d6..bdb2aca88 100644
--- a/apps/client/src/app/pages/landing/landing-page.html
+++ b/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'">
-      <a *ngFor="let comp of getTopComponents()" carousel-item class="carousel-item docs-featured-components-carousel-item"
-         routerLink="/components/{{comp}}">
-        <div class="docs-homepage-img-container">
-          <img alt="" src="../../../assets/screenshots/{{comp}}.scene.png" role="presentation">
+    <!-- <div *ngFor="let testimonial of testimonials" class="col-md-6">
+      <div class="d-flex flex-row py-3">
+        <div class="d-flex justify-content-center">
+          <gf-logo
+            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>