Add linkedinUrl support to TestimonialCardTwo

This commit is contained in:
2026-01-21 17:50:39 +02:00
parent 650d8ea404
commit b5bb06f117

View File

@@ -15,7 +15,7 @@ type Testimonial = {
name: string;
role: string;
linkedinUrl?: string;
testimoniall: string;
testimonial: string;
imageSrc?: string;
imageAlt?: string;
icon?: LucideIcon;
@@ -23,7 +23,7 @@ type Testimonial = {
interface TestimonialCardTwoProps {
testimonials: Testimonial[];
carouselelMode?: "auto" | "buttons";
carouselMode?: "auto" | "buttons";
uniformGridCustomHeightClasses?: string;
animationType: CardAnimationType;
title: string;
@@ -38,7 +38,7 @@ interface TestimonialCardTwoProps {
className?: string;
containerClassName?: string;
cardClassName?: string;
textBoxxTitleClassName?: string;
textBoxTitleClassName?: string;
textBoxTitleImageWrapperClassName?: string;
textBoxTitleImageClassName?: string;
textBoxDescriptionClassName?: string;
@@ -98,33 +98,15 @@ const TestimonialCard = memo(({
/>
) : (
<Icon className={cls("h-1/2 w-1/2 text-background", iconClassName)} strokeWidth={1} />
{testimonial.linkedinUrl && (
<a href={testimonial.linkedinUrl} target='_blank' rel='noopener noreferrer'>
<Linkedin className='h-5 w-5 text-background ml-2' />
</a>
)}
{testimonial.linkedinUrl && (
<a href={testimonial.linkedinUrl} target='_blank' rel='noopener noreferrer'>
<Linkedin className='h-5 w-5 text-background ml-2' />
</a>
)}
{testimonial.linkedinUrl && (
<a href={testimonial.linkedinUrl} target='_blank' rel='noopener noreferrer'>
<Linkedin className='h-5 w-5 text-background ml-2' />
</a>
)}
)}
</div>
{testimonial.linkedinUrl && (
<a href={testimonial.linkedinUrl} target="_blank" rel="noopener noreferrer">
<Linkedin className="h-5 w-5 text-background" />
</a>
)}
<div className="relative z-1 flex items-center gap-1">
{testimonial.linkedinUrl && (
<a href={testimonial.linkedinUrl} target="_blank" rel="noopener noreferrer">
<Linkedin className={cls("h-5 w-5", shouldUseLightText ? "text-background" : "text-foreground")} />
</a>
)}
</div>
<div className="relative z-1 flex flex-col gap-1 mt-1">
<h3 className={cls("text-2xl font-medium leading-[1.1]", shouldUseLightText ? "text-background" : "text-foreground", nameClassName)}>
{testimonial.name}
@@ -187,7 +169,7 @@ const TestimonialCardTwo = ({
gridVariant="uniform-all-items-equal"
uniformGridCustomHeightClasses={uniformGridCustomHeightClasses}
animationType={animationType}
title={title}
titleSegments={titleSegments}
description={description}