"use client" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem, cardHoverTarget, buttonTapTarget } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Avatar } from "@/components/ui/avatar" import { Input } from "@/components/ui/input" import { Separator } from "@/components/ui/separator" import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs" import { cn } from "@/lib/utils" import { Users, Search, Plus, Lock, Globe, Hash, ChevronRight, MessageCircle, } from "lucide-react" const groups = [ { id: 1, name: "UI/UX Designers", members: "12.4k", posts: "345", category: "Design", privacy: "Public", image: "bg-linear-to-br from-blue-500 to-purple-600" }, { id: 2, name: "Web Developers Hub", members: "8.2k", posts: "212", category: "Tech", privacy: "Public", image: "bg-linear-to-br from-emerald-500 to-teal-600" }, { id: 3, name: "Photography Club", members: "5.7k", posts: "189", category: "Creative", privacy: "Private", image: "bg-linear-to-br from-orange-500 to-rose-600" }, { id: 4, name: "Startup Founders", members: "3.1k", posts: "98", category: "Business", privacy: "Public", image: "bg-linear-to-br from-violet-500 to-pink-600" }, { id: 5, name: "Remote Workers", members: "9.8k", posts: "267", category: "Lifestyle", privacy: "Public", image: "bg-linear-to-br from-cyan-500 to-blue-600" }, { id: 6, name: "Book Club", members: "2.3k", posts: "76", category: "Reading", privacy: "Private", image: "bg-linear-to-br from-amber-500 to-orange-600" }, ] export default function Groups() { return (

Groups

Discover My Groups Trending {groups.map((group) => (

{group.name}

{group.privacy === "Private" ? : }{group.privacy} {group.category}

{group.members} members {group.posts} posts today

))}

You haven't joined any groups

Discover groups that match your interests

{groups.slice(0, 3).map((group) => (

{group.name}

{group.members} members · {group.posts} posts

))}

Group Guidelines Help

) }