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