2 Commits

Author SHA1 Message Date
0f84616d2d Bob AI: Add decorative red hearts around the testimonials section (a 2026-02-27 07:53:33 +00:00
9efac29bb7 Merge version_4 into main
Merge version_4 into main
2026-02-27 07:52:11 +00:00

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>
);
};