5 Commits

2 changed files with 20 additions and 17 deletions

View File

@@ -3,20 +3,20 @@
/* --vw is set by ThemeProvider */
/* --background: #f7f6f7;;
--card: #f9f5f6;;
--foreground: #4a3c30;;
--primary-cta: #ff9966;;
--secondary-cta: #f9f5f6;;
--accent: #ffdab9;;
--background-accent: #ffe4c4;; */
--card: #1e1e2f;;
--foreground: #e0e0e0;;
--primary-cta: #ffcc00;;
--secondary-cta: #33334d;;
--accent: #ff0000;;
--background-accent: #4d4d66;; */
--background: #f5e6cc;;
--card: #f9f5f6;;
--foreground: #4a3c30;;
--primary-cta: #ff9966;;
--secondary-cta: #f9f5f6;;
--accent: #ffdab9;;
--background-accent: #ffe4c4;;
--background: #1a1a2e;;
--card: #1e1e2f;;
--foreground: #e0e0e0;;
--primary-cta: #ffcc00;;
--secondary-cta: #33334d;;
--accent: #ff0000;;
--background-accent: #4d4d66;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

View File

@@ -5,7 +5,7 @@ import CardStack from "@/components/cardStack/CardStack";
import TestimonialAuthor from "@/components/shared/TestimonialAuthor";
import { cls, shouldUseInvertedText } from "@/lib/utils";
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 { 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} />
)}
<p className={cls("relative z-1 text-lg leading-[1.2]", shouldUseLightText ? "text-background" : "text-foreground", testimonialClassName)}>
{testimonial.testimonial}
</p>
<div className="relative">
<p className={cls("relative z-1 text-lg leading-[1.2]", shouldUseLightText ? "text-background" : "text-foreground", testimonialClassName)}>
{testimonial.testimonial}
</p>
<Heart className="absolute top-0 right-0 h-5 w-auto text-red-500" strokeWidth={1.5} />
</div>
</div>
<TestimonialAuthor