"use client"; import { cn } from "@/lib/utils"; import { motion, useReducedMotion } from "motion/react"; import { useState } from "react"; const PAGE_SPRINGS = [ { initial: { rotate: -3.5, x: -36, y: 4, scale: 0.98 }, open: { rotate: -11, x: -78, y: -88, scale: 1 }, transition: { type: "spring" as const, stiffness: 170, damping: 20, mass: 0.85, }, }, { initial: { rotate: 0.5, x: 0, y: 0, scale: 1 }, open: { rotate: 1.5, x: 4, y: -108, scale: 1.02 }, transition: { type: "spring" as const, stiffness: 200, damping: 22, mass: 0.8, }, }, { initial: { rotate: 4, x: 40, y: 3, scale: 0.98 }, open: { rotate: 12, x: 82, y: -92, scale: 1 }, transition: { type: "spring" as const, stiffness: 175, damping: 19, mass: 0.85, }, }, ] as const; const PAGE_SNIPPETS = [ { lines: [92, 78, 64], accent: "#c4a574" }, { lines: [88, 70, 82, 55], accent: "#8fa89a" }, { lines: [80, 86, 60], accent: "#b08a8a" }, ]; function HeartMark({ className }: { className?: string }) { return ( ); } function QuotePage({ index, open, }: { index: number; open: boolean; }) { const snippet = PAGE_SNIPPETS[index]!; const reduce = useReducedMotion() ?? false; return (

یادداشت

{snippet.lines.map((w, i) => ( ))}

); } export type EmptyTestimonialProps = { title?: string; highlight?: string; emptyLabel?: string; emptyHint?: string; className?: string; defaultOpen?: boolean; }; export default function EmptyTestimonial({ title = "دیوار", highlight = "محبت", emptyLabel = "هنوز نظری ثبت نشده", emptyHint = "اولین نقل‌قول اینجا می‌نشیند", className, defaultOpen = false, }: EmptyTestimonialProps) { const reduce = useReducedMotion() ?? false; const [isOpen, setIsOpen] = useState(defaultOpen); const [isHovered, setIsHovered] = useState(false); const toggle = () => setIsOpen((v) => !v); return (

{/* Soft stage */}

خالی · منتظر صدا

{title}{" "} setIsHovered(true)} onHoverEnd={() => setIsHovered(false)} className={cn( "relative inline-flex cursor-default items-center gap-2 rounded-2xl px-3.5 py-1", "border border-rose-500/15 bg-rose-500/[0.07] text-rose-700", "transition-colors duration-300", "hover:border-rose-500/25 hover:bg-rose-500/12", "dark:border-rose-300/20 dark:bg-rose-300/10 dark:text-rose-200", )} > {highlight}

{emptyLabel}
{isOpen ? "جا برای حرف‌های قشنگ باز است" : emptyHint}

); }

دیوار محبت

دیوار محبت