<?php echo $__env->make('admin::layouts.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<main id="main-container">
        <!-- Hero -->
        
        <!-- END Hero -->

        <!-- Page Content -->
        <div class="content">
          <!-- Your Block -->
          <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Welcome to FuturePOS</title>
  <style>
    /* General Reset */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: Arial, sans-serif;
      background-color: #f5f5f5;
      color: #333;
    }

    /* Container */
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
    }

    /* Header */
    header {
      background-color: #007BFF;
      color: #fff;
      text-align: center;

    }

    header h1 {
      font-size: 36px;
      margin-bottom: 10px;
    }

    header p {
      font-size: 18px;
    }

    /* Call to Action Section */
    .cta {
      text-align: center;
      margin-top: 40px;
    }

    .cta h2 {
      font-size: 30px;
      margin-bottom: 20px;
    }

    .cta p {
      font-size: 18px;
      margin-bottom: 30px;
    }

    .cta-buttons {
      display: inline-flex;
      gap: 20px;
      justify-content: center;
      align-items: center;
    }

    .cta a, .support a {
      background-color: #25D366;
      color: white;
      padding: 15px 25px;
      text-decoration: none;
      border-radius: 5px;
      font-size: 18px;
      transition: background-color 0.3s ease;
    }

    .cta a:hover, .support a:hover {
      background-color: #128C7E;
    }

    /* Support Section */
    .support {
      margin-top: 20px;
    }

    /* Features Section */
    .features {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 60px;
    }

    .feature-box {
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      padding: 30px;
      width: 48%;
      margin-bottom: 30px;
      text-align: center;
    }

    .feature-box h3 {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .feature-box ul {
      list-style: none;
      font-size: 16px;
    }

    .feature-box ul li {
      margin: 10px 0;
    }

    /* Contact Section */
    .contact {
      text-align: center;
      margin-top: 60px;
    }

    .contact h2 {
      font-size: 28px;
      margin-bottom: 20px;
    }

    .contact p {
      font-size: 18px;
      margin-bottom: 30px;
    }

    .contact a {
      background-color: #007BFF;
      color: white;
      padding: 15px 25px;
      text-decoration: none;
      border-radius: 5px;
      font-size: 18px;
      transition: background-color 0.3s ease;
    }

    .contact a:hover {
      background-color: #0056b3;
    }

    /* Media Queries for Mobile */
    @media (max-width: 768px) {
      .feature-box {
        width: 100%;
      }

      .cta a, .support a {
        font-size: 16px;
        padding: 12px 20px;
      }
    }

    @media (max-width: 480px) {
      header h1 {
        font-size: 28px;
      }

      .cta h2 {
        font-size: 24px;
      }

      .cta p {
        font-size: 16px;
      }
    }
  </style>
</head>
<body>

  <header>
    <div class="container">
      <h1>Welcome to FuturePOS</h1>
      <p>Your ultimate POS solution – Free for basic features, Premium for advanced tools!</p>
    </div>
  </header>

  <div class="container">
    <!-- Go to System and Support Section Together -->
    <div class="cta">
      <h2>Try FuturePOS Today!</h2>
      <p>Experience the demo of our powerful POS system and see how it can benefit your business.</p>
      <div class="cta-buttons">
        
        <a href="https://wa.me/94767804887?text=Hello, I need support with the FuturePOS system." target="_blank">
          Contact Support on WhatsApp
        </a>
      </div>
    </div>

    <!-- Features Section -->
    <div class="features">
      <div class="feature-box">
        <h3>FREE Features</h3>
        <ul>
          <li>Unlimited Products & Categories</li>
          <li>Sales & Inventory Management</li>
          <li>Basic Sales Reports</li>
          <li>WhatsApp Invoice Link & Free Invoice Printing</li>
          <li>Daily Bill Limit – 50 Bills Per Day</li>
        </ul>
      </div>

      <div class="feature-box">
        <h3>Premium Features</h3>
        <ul>
          <li>Extra Bills (Unlimited)</li>
          <li>Multi-User Access (Cashier, Manager, Admin)</li>
          <li>SMS & Email Invoice Sending</li>
          <li>Customer Reward Points & Loyalty Program</li>
          <li>Kitchen Order Ticket (KOT) System (for Restaurants)</li>
          <li>Multi-Branch Management</li>
          <li>Barcode Scanner & Label Printing</li>
        </ul>
      </div>
    </div>

  </div>

</body>
</html>

        </div>
        <!-- END Page Content -->
</main>
<!-- END Main Container -->
<?php echo $__env->make('admin::layouts.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u446954234/domains/orionerp.xyz/public_html/demo/Modules/Admin/resources/views/user/premium.blade.php ENDPATH**/ ?>