نظام محاسبي للذهب

import React from 'react';
import './App.css';

const App = () => {
  return (
    <div className="App">
      <header className="bg-gradient-to-r from-blue-500 to-indigo-600 p-6 shadow-lg">
        <h1 className="text-3xl font-bold text-white">نظام محاسبي للذهب والمجوهرات</h1>
      </header>
      <main className="container mx-auto p-4">
        <section className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">فاتورة مبيعات</h2>
            <p className="text-gray-600">إدارة فواتير المبيعات</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">فاتورة مشتريات</h2>
            <p className="text-gray-600">إدارة فواتير المشتريات</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">صندوق المشغول</h2>
            <p className="text-gray-600">إدارة صندوق المشغول</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">سند صرف وقبض</h2>
            <p className="text-gray-600">إدارة سندات الصرف والقبض</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">صندوق الكسر والريال</h2>
            <p className="text-gray-600">إدارة صندوق الكسر والريال</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">إشعار تحويل</h2>
            <p className="text-gray-600">إدارة إشعارات التحويل</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">تسكير عميل وتسكير رئيسي</h2>
            <p className="text-gray-600">إدارة تسكير العملاء والرئيسي</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">صندوق تسكير</h2>
            <p className="text-gray-600">إدارة صندوق التسكير</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">الأصناف</h2>
            <p className="text-gray-600">إدارة الأصناف</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">العملاء</h2>
            <p className="text-gray-600">إدارة العملاء</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">الموردين</h2>
            <p className="text-gray-600">إدارة الموردين</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">شجرة محاسبية</h2>
            <p className="text-gray-600">إدارة الشجرة المحاسبية</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">استاذ عام واستاذ مساعد</h2>
            <p className="text-gray-600">إدارة الاستاذ العام والمساعد</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">كشف حساب وكشف يومية وكشف ديون</h2>
            <p className="text-gray-600">إدارة الكشوفات</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">إعدادات التغييرات والألوان</h2>
            <p className="text-gray-600">إدارة الإعدادات</p>
          </div>
          <div className="card bg-white shadow-md rounded-lg p-4">
            <h2 className="text-xl font-semibold">طباعة تعديل حذف</h2>
            <p className="text-gray-600">إدارة الطباعة والتعديل والحذف</p>
          </div>
        </section>
      </main>
      <footer className="bg-gray-800 text-white text-center p-4 mt-6">
        <p>© 2025 نظام محاسبي للذهب والمجوهرات. جميع الحقوق محفوظة.</p>
      </footer>
    </div>
  );
};

export default App;