برنامج إدارة المخزون والفواتير

import React from 'react';

class App extends React.Component {
  render() {
    return (
      <div className="min-h-screen bg-gray-100 p-10">
        <header className="text-center mb-10">
          <h1 className="text-4xl font-bold text-blue-600">Inventory and Sales Management System</h1>
        </header>

        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          <div className="bg-white p-6 rounded-lg shadow-lg">
            <h2 className="text-2xl font-semibold text-gray-800 mb-4">Product Inventory</h2>
            <p className="text-gray-600">Manage and track your product inventory efficiently.</p>
          </div>

          <div className="bg-white p-6 rounded-lg shadow-lg">
            <h2 className="text-2xl font-semibold text-gray-800 mb-4">Cash Management</h2>
            <p className="text-gray-600">Handle all cash transactions and monitor your treasury.</p>
          </div>

          <div className="bg-white p-6 rounded-lg shadow-lg">
            <h2 className="text-2xl font-semibold text-gray-800 mb-4">Sales Invoice</h2>
            <p className="text-gray-600">Create and manage sales invoices easily.</p>
          </div>

          <div className="bg-white p-6 rounded-lg shadow-lg">
            <h2 className="text-2xl font-semibold text-gray-800 mb-4">Daily Sales</h2>
            <p className="text-gray-600">View and archive daily sales records.</p>
          </div>
        </div>

        <footer className="text-center mt-10 text-gray-600">
          <p>© 2025 Inventory and Sales Management System. All rights reserved.</p>
        </footer>
      </div>
    );
  }
}

export default App;