bender/60762bf7-20a9-46cd-9494-58ba5a8cff77
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_5 into main #3

Merged
bender merged 1 commits from version_5 into main 2026-02-27 07:54:13 +00:00
Conversation 0 Commits 1 Files Changed 1 +19 -3
1 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/sections/testimonial/TestimonialCardOne.tsx
View File

@@ -4,7 +4,7 @@ import { memo } from "react";
import CardStack from "@/components/cardStack/CardStack";
import MediaContent from "@/components/shared/MediaContent";
import { cls } from "@/lib/utils";
import { Star } from "lucide-react";
import { Star, Heart } from "lucide-react";
import type { LucideIcon } from "lucide-react";
import type { ButtonConfig, ButtonAnimationType, CardAnimationTypeWith3D, GridVariant, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
@@ -164,7 +164,22 @@ const TestimonialCardOne = ({
textBoxButtonTextClassName = "",
}: TestimonialCardOneProps) => {
return (
<CardStack
<div className="relative">
{/* Decorative hearts around section */}
<div className="absolute -top-8 left-1/4 text-red-500 opacity-60 animate-pulse">
<Heart size={24} fill="currentColor" />
</div>
<div className="absolute -top-6 right-1/4 text-red-500 opacity-50 animate-pulse" style={{ animationDelay: "0.5s" }}>
<Heart size={20} fill="currentColor" />
</div>
<div className="absolute -bottom-8 left-1/3 text-red-500 opacity-60 animate-pulse" style={{ animationDelay: "1s" }}>
<Heart size={22} fill="currentColor" />
</div>
<div className="absolute -bottom-6 right-1/3 text-red-500 opacity-50 animate-pulse" style={{ animationDelay: "0.3s" }}>
<Heart size={18} fill="currentColor" />
</div>
<CardStack
mode={carouselMode}
gridVariant={gridVariant}
uniformGridCustomHeightClasses={uniformGridCustomHeightClasses}
@@ -210,7 +225,8 @@ const TestimonialCardOne = ({
companyClassName={companyClassName}
/>
))}
</CardStack>
</CardStack>
</div>
);
};