Initial commit

2026-01-04 18:26:51 +00:00
commit 888eecab7c
308 changed files with 62496 additions and 0 deletions
--- a/src/components/shared/TestimonialAuthor.tsx
+++ b/src/components/shared/TestimonialAuthor.tsx
@@ -0,0 +1,73 @@
+"use client";
+
+import { memo } from "react";
+import Image from "next/image";
+import { cls, shouldUseInvertedText } from "@/lib/utils";
+import { useTheme } from "@/providers/themeProvider/ThemeProvider";
+import type { LucideIcon } from "lucide-react";
+
+interface TestimonialAuthorProps {
+    name: string;
+    subtitle: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    icon?: LucideIcon;
+    useInvertedBackground?: "noInvert" | "invertDefault" | "invertCard";
+    className?: string;
+    imageWrapperClassName?: string;
+    imageClassName?: string;
+    iconClassName?: string;
+    nameClassName?: string;
+    subtitleClassName?: string;
+}
+
+const TestimonialAuthor = memo(({
+    name,
+    subtitle,
+    imageSrc,
+    imageAlt,
+    icon: Icon,
+    useInvertedBackground,
+    className = "",
+    imageWrapperClassName = "",
+    imageClassName = "",
+    iconClassName = "",
+    nameClassName = "",
+    subtitleClassName = "",
+}: TestimonialAuthorProps) => {
+    const theme = useTheme();
+    const shouldUseLightText = shouldUseInvertedText(useInvertedBackground, theme.cardStyle);
+
+    return (
+        <div className={cls("relative z-1 flex items-center gap-4", className)}>
+            <div className={cls("relative shrink-0 h-11 w-fit aspect-square rounded-theme flex items-center justify-center primary-button overflow-hidden", imageWrapperClassName)}>
+                {imageSrc ? (
+                    <Image
+                        src={imageSrc}
+                        alt={imageAlt || name}
+                        width={800}
+                        height={800}
+                        className={cls("absolute inset-0 object-cover", imageClassName)}
+                        unoptimized={imageSrc.startsWith('http') || imageSrc.startsWith('//')}
+                        aria-hidden={imageAlt === ""}
+                    />
+                ) : (
+                    <Icon className={cls("h-1/2 w-1/2 text-background", iconClassName)} strokeWidth={1} />
+                )}
+            </div>
+
+            <div className="w-full min-w-0 flex flex-col gap-0">
+                <h3 className={cls("text-2xl font-medium leading-[1.15] truncate", shouldUseLightText ? "text-background" : "text-foreground", nameClassName)}>
+                    {name}
+                </h3>
+                <p className={cls("text-sm leading-[1.15]", shouldUseLightText ? "text-background" : "text-foreground", subtitleClassName)}>
+                    {subtitle}
+                </p>
+            </div>
+        </div>
+    );
+});
+
+TestimonialAuthor.displayName = "TestimonialAuthor";
+
+export default TestimonialAuthor;