حماية من الاحتيال الإلكتروني

import React, { useEffect, useState } from 'react';

const App = () => {
  const [notifications, setNotifications] = useState([]);

  useEffect(() => {
    const interval = setInterval(() => {
      const newNotification = generateNotification();
      setNotifications((prev) => [newNotification, ...prev]);
    }, 900000); // 15 minutes

    return () => clearInterval(interval);
  }, []);

  const generateNotification = () => {
    const messages = [
      'Do not open the link',
      'When did you last change your Wi-Fi password?',
      'Be cautious with email attachments',
      'Verify the sender before responding',
      'Use strong and unique passwords',
      'Enable two-factor authentication',
      'Regularly update your software'
    ];
    const randomMessage = messages[Math.floor(Math.random() * messages.length)];
    return randomMessage;
  };

  return (
    <div className="min-h-screen bg-gradient-to-r from-blue-500 to-purple-600 text-white p-8">
      <div className="max-w-4xl mx-auto">
        <h1 className="text-4xl font-bold mb-8 text-center">Cyber Security Notifications</h1>
        <div className="space-y-4">
          {notifications.map((notification, index) => (
            <div key={index} className="bg-white bg-opacity-10 p-4 rounded-lg shadow-lg">
              <p className="text-lg">{notification}</p>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
};

export default App;