Robot
Terion

<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex">
  <aside class="bg-white w-64 p-4 border-r flex flex-col">
    <div class="flex items-center space-x-4 mb-6">
      <i class="iconoir-shopping-bag text-2xl"></i>
      <span class="font-bold text-xl">Ecommerce</span>
    </div>
    <nav class="flex-1">
      <ul>
        <li class="mb-4">
          <a href="#" class="flex items-center space-x-4 p-2 hover:bg-gray-200 rounded">
            <i class="iconoir-dashboard text-xl"></i>
            <span>Dashboard</span>
          </a>
        </li>
        <li class="mb-4">
          <a href="#" class="flex items-center space-x-4 p-2 hover:bg-gray-200 rounded">
            <i class="iconoir-cart text-xl"></i>
            <span>Orders</span>
          </a>
        </li>
        <li class="mb-4">
          <a href="#" class="flex items-center space-x-4 p-2 hover:bg-gray-200 rounded">
            <i class="iconoir-box text-xl"></i>
            <span>Products</span>
          </a>
        </li>
        <li class="mb-4">
          <a href="#" class="flex items-center space-x-4 p-2 hover:bg-gray-200 rounded">
            <i class="iconoir-users text-xl"></i>
            <span>Customers</span>
          </a>
        </li>
        <li class="mb-4">
          <a href="#" class="flex items-center space-x-4 p-2 hover:bg-gray-200 rounded">
            <i class="iconoir-settings text-xl"></i>
            <span>Settings</span>
          </a>
        </li>
      </ul>
    </nav>
  </aside>
  <main class="flex-1 p-6">
    <header class="flex justify-between items-center mb-6">
      <h1 class="text-2xl font-bold">Dashboard</h1>
      <div class="flex items-center space-x-4">
        <button class="text-gray-700 hover:text-gray-900">
          <i class="iconoir-bell text-2xl"></i>
        </button>
        <button class="text-gray-700 hover:text-gray-900">
          <i class="iconoir-user text-2xl"></i>
        </button>
      </div>
    </header>
    <section>
      <h2 class="text-xl font-bold mb-4">Recent Orders</h2>
      <div class="bg-white shadow-lg rounded-lg p-4">
        <table class="min-w-full bg-white">
          <thead>
            <tr>
              <th class="py-2 px-4 border-b">Order ID</th>
              <th class="py-2 px-4 border-b">Customer</th>
              <th class="py-2 px-4 border-b">Date</th>
              <th class="py-2 px-4 border-b">Status</th>
              <th class="py-2 px-4 border-b">Total</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="py-2 px-4 border-b">#12345</td>
              <td class="py-2 px-4 border-b">John Doe</td>
              <td class="py-2 px-4 border-b">2023-10-01</td>
              <td class="py-2 px-4 border-b text-green-500">Completed</td>
              <td class="py-2 px-4 border-b">$150.00</td>
            </tr>
            <tr>
              <td class="py-2 px-4 border-b">#12346</td>
              <td class="py-2 px-4 border-b">Jane Smith</td>
              <td class="py-2 px-4 border-b">2023-10-02</td>
              <td class="py-2 px-4 border-b text-yellow-500">Pending</td>
              <td class="py-2 px-4 border-b">$200.00</td>
            </tr>
            <tr>
              <td class="py-2 px-4 border-b">#12347</td>
              <td class="py-2 px-4 border-b">Alice Johnson</td>
              <td class="py-2 px-4 border-b">2023-10-03</td>
              <td class="py-2 px-4 border-b text-red-500">Cancelled</td>
              <td class="py-2 px-4 border-b">$50.00</td>
            </tr>
          </tbody>
        </table>
      </div>
    </section>
  </main>
</body>