2 Commits

View File

@@ -5,7 +5,7 @@ import CardStack from "@/components/cardStack/CardStack";
import TestimonialAuthor from "@/components/shared/TestimonialAuthor"; import TestimonialAuthor from "@/components/shared/TestimonialAuthor";
import { cls, shouldUseInvertedText } from "@/lib/utils"; import { cls, shouldUseInvertedText } from "@/lib/utils";
import { useTheme } from "@/providers/themeProvider/ThemeProvider"; import { useTheme } from "@/providers/themeProvider/ThemeProvider";
import { Quote, Star } from "lucide-react"; import { Heart, Quote, Star } from "lucide-react";
import type { LucideIcon } from "lucide-react"; import type { LucideIcon } from "lucide-react";
import type { ButtonConfig, ButtonAnimationType, CardAnimationTypeWith3D, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types"; import type { ButtonConfig, ButtonAnimationType, CardAnimationTypeWith3D, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
@@ -115,9 +115,12 @@ const TestimonialCard = memo(({
<Quote className="h-6 w-auto text-accent fill-accent" strokeWidth={1.5} /> <Quote className="h-6 w-auto text-accent fill-accent" strokeWidth={1.5} />
)} )}
<p className={cls("relative z-1 text-lg leading-[1.2]", shouldUseLightText ? "text-background" : "text-foreground", testimonialClassName)}> <div className="relative">
{testimonial.testimonial} <Heart className="absolute top-0 right-0 h-5 w-auto text-red-500" strokeWidth={1.5} />
</p> <p className={cls("relative z-1 text-lg leading-[1.2]", shouldUseLightText ? "text-background" : "text-foreground", testimonialClassName)}>
{testimonial.testimonial}
</p>
</div>
</div> </div>
<TestimonialAuthor <TestimonialAuthor