"use client"; import { motion } from "motion/react"; import { useState } from "react"; export default function EmptyTestimonial() { const [isOpen, setIsOpen] = useState(false); const [isHovered, setIsHovered] = useState(false); return (

دیوار{" "} setIsHovered(true)} onHoverEnd={() => setIsHovered(false)} className="relative inline-flex cursor-default items-center gap-2 rounded-2xl border border-primary/10 bg-primary/5 px-4 py-1 text-primary transition-colors duration-300 hover:border-primary/20 hover:bg-primary/10" > محبت 💖

setIsOpen(!isOpen)} className="group relative mb-12 h-52 w-80 cursor-pointer" >

{[ { initial: { rotate: -3, x: -38, y: 2 }, open: { rotate: -8, x: -70, y: -75 }, transition: { type: "spring" as const, bounce: 0.15, stiffness: 160, damping: 22, }, className: "z-10", }, { initial: { rotate: 0, x: 0, y: 0 }, open: { rotate: 1, x: 2, y: -95 }, transition: { type: "spring" as const, duration: 0.55, bounce: 0.12, stiffness: 190, damping: 24, }, className: "z-20", }, { initial: { rotate: 3.5, x: 42, y: 1 }, open: { rotate: 9, x: 75, y: -80 }, transition: { type: "spring" as const, duration: 0.58, bounce: 0.17, stiffness: 170, damping: 21, }, className: "z-10", }, ].map((page, i) => ( ))}

هنوز نظری ثبت نشده
به‌زودی نقل‌قول‌ها اینجا می‌آیند

); } const Page = () => (

{Array.from({ length: 8 }).map((_, i) => (

))}

);

دیوار محبت💖

دیوار محبت💖