From 8cb5902200a731fdbb552a735955223e9db0dec5 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Fri, 17 Apr 2026 07:24:23 +0530
Subject: [PATCH] feat: truncate testimonial title snippet to 35 characters
 with line-clamp support

---
 src/components/profile/TestimonialCard.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/profile/TestimonialCard.tsx b/src/components/profile/TestimonialCard.tsx
index b967c5c..3c60cee 100644
--- a/src/components/profile/TestimonialCard.tsx
+++ b/src/components/profile/TestimonialCard.tsx
@@ -11,6 +11,8 @@ interface TestimonialCardProps {
 }
 
 export function TestimonialCard({ text, author, role, rating }: TestimonialCardProps) {
+  // Title snippet: first ~35 chars of the testimonial text (matches mobile behavior)
+  const titleSnippet = text.length > 35 ? `${text.slice(0, 35)} ..` : text;
   return (
     <div className="p-4 border border-[#00293D]/10 rounded-[15px] h-full flex flex-col">
       <div className="mb-4">
@@ -21,7 +23,7 @@ export function TestimonialCard({ text, author, role, rating }: TestimonialCardP
           height={13}
           className="mb-3"
         />
-        <p className="font-medium text-[#00293D] text-[14px] leading-[17px] font-fractul">I have been working with Lorem .</p>
+        <p className="font-medium text-[#00293D] text-[14px] leading-[17px] font-fractul line-clamp-1">{titleSnippet}</p>
       </div>
       <p className="text-[#00293D] text-[14px] leading-[19px] font-normal font-serif mb-4 flex-1">{text}</p>
       <div className="pt-4 border-t border-[#00293D]/20 space-y-2">