ashudureja

import React, { useEffect, useState } from "react";
import { motion, AnimatePresence } from "framer-motion";

const notifications = [
  { id: 1, title: "New Message", description: "You have a new message from Sarah", icon: "💬", color: "bg-blue-500" },
  { id: 2, title: "Payment Received", description: "$500 deposited to your account", icon: "💰", color: "bg-green-500" },
  { id: 3, title: "Task Completed", description: "Project review has been completed", icon: "✅", color: "bg-purple-500" },
  { id: 4, title: "New Follower", description: "John started following you", icon: "👤", color: "bg-pink-500" },
  { id: 5, title: "Update Available", description: "A new software update is ready", icon: "🔄", color: "bg-orange-500" },
  { id: 6, title: "Meeting Reminder", description: "Team standup in 15 minutes", icon: "⏰", color: "bg-red-500" },