From b9b690bae5af7cdadcd24b2c2a93a6fa0c4c59f5 Mon Sep 17 00:00:00 2001
From: Tushar Mathur <tusharmath@gmail.com>
Date: Thu, 15 Aug 2024 17:37:24 +0530
Subject: [PATCH] add testimonials

---
 src/components/home/CustomerFeedbackCard.tsx |  8 +++++---
 src/components/home/Testimonials.tsx         |  6 +++---
 src/constants/index.tsx                      | 10 +++++-----
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/home/CustomerFeedbackCard.tsx b/src/components/home/CustomerFeedbackCard.tsx
index 3d9e17fe1a..f3ce80eeb6 100644
--- a/src/components/home/CustomerFeedbackCard.tsx
+++ b/src/components/home/CustomerFeedbackCard.tsx
@@ -26,7 +26,7 @@ const CustomerFeedbackCard: React.FC<CustomerFeedbackCardProps> = ({
         isCenterCard && "md:!relative md:-top-10"
       }`}
     >
-      {display === "Show" && department && (
+      {department && (
         <>
           <span className={`sm:text-content-medium lg:text-content-large !font-bold !text-title-large`}>
             {`Loved by `}
@@ -37,9 +37,11 @@ const CustomerFeedbackCard: React.FC<CustomerFeedbackCardProps> = ({
       <span className="text-content-small sm:text-content-medium">{`“${citation}”`}</span>
       <span className="flex flex-col">
         {display === "Show" && name && (
-          <span className="text-content-small sm:text-content-medium lg:text-content-large !font-bold">{name}</span>
+          <>
+            <span className="text-content-tiny sm:text-content-small">{designation}</span>
+            <span className="text-content-small sm:text-content-medium lg:text-content-large !font-bold">{name}</span>
+          </>
         )}
-        <span className="text-content-tiny sm:text-content-small">{designation}</span>
       </span>
     </div>
   )
diff --git a/src/components/home/Testimonials.tsx b/src/components/home/Testimonials.tsx
index f4e20c9708..e5d2d4cb44 100644
--- a/src/components/home/Testimonials.tsx
+++ b/src/components/home/Testimonials.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import Heading from "@theme/Heading"
 import CustomerFeedbackCard from "./CustomerFeedbackCard"
-import {customerFeedbacks} from "@site/src/constants"
+import {testimonials} from "@site/src/constants"
 
 export enum TestimonialDisplay {
   Hide = "Hide",
@@ -14,7 +14,7 @@ interface AppConfig {
 }
 
 const config: AppConfig = {
-  testimonials: TestimonialDisplay.Hide, // Default value
+  testimonials: TestimonialDisplay.Anon, // Default value
 }
 
 const Testimonials = () => {
@@ -35,7 +35,7 @@ const Testimonials = () => {
           </Heading>
         </div>
         <div className="flex flex-col space-y-SPACE_10 md:flex-row md:space-x-SPACE_02 md:space-y-0 mt-SPACE_18">
-          {customerFeedbacks.map((feedback) => (
+          {testimonials.map((feedback) => (
             <CustomerFeedbackCard
               key={feedback.id}
               isCenterCard={feedback.id === 2}
diff --git a/src/constants/index.tsx b/src/constants/index.tsx
index 035c5a4146..2ca7807e25 100644
--- a/src/constants/index.tsx
+++ b/src/constants/index.tsx
@@ -516,24 +516,24 @@ export enum Theme {
   Tailcall = "tailcall",
 }
 
-export const customerFeedbacks: CustomerFeedback[] = [
+export const testimonials: CustomerFeedback[] = [
   {
     id: 1,
-    citation: `I stopped writing orchestration code, and now I get low-latency GraphQL APIs quickly, which let me ship low-latency apps.`,
-    designation: `Sr. Frontend Engineer - Big Co. Inc.`,
+    citation: `Having a completely open-source GraphQL solution under my control is a dream. I can customize everything to fit our exact needs, with full transparency and flexibility. No more blocking on backend teams—I can iterate and build and deploy the frontend faster than ever before.`,
+    designation: `Sr. Frontend Engineer`,
     name: "John Doe",
     department: "Front-end",
   },
   {
     id: 2,
-    citation: `I save so much time building APIs that are better than I could write by hand. Front-end engineers finally leave me alone!`,
+    citation: `I love that I no longer have to wrangle with GraphQL for the frontend teams. It saves me a ton of time, reduces complexity, and lets me focus on what I do best—optimizing our microservices. The clear separation of concerns has made collaboration smoother, and now with Tailcall's static verification, I can expose APIs with even more confidence.`,
     designation: `Sr. Backend Engineer - Big Co. Inc.`,
     name: "John Doe",
     department: "Backend",
   },
   {
     id: 3,
-    citation: `I get the telemetry I need to monitor our GraphQL APIs  with a runtime that’s easy to scale, which doesn’t surprise me in production.`,
+    citation: `Switching to a battle-tested, open-source GraphQL solution has been a game-changer. It’s rock-solid, easy to manage, and scales effortlessly. I no longer worry about security gaps, and the faster iteration cycle means I can focus on bigger challenges. It's like having a superpower in my toolkit!`,
     designation: `Sr. Frontend Engineer - Big Co. Inc.`,
     name: "John Doe",
     department: "Ops",