{"status":1,"message":"Success","data":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>Aumnia | Food & Taxi Booking App</title>\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n      font-family: Arial, Helvetica, sans-serif;\n    }\n\n    body {\n      background: #f9fafb;\n      color: #333;\n      line-height: 1.6;\n    }\n\n    header {\n      background: #0f172a;\n      color: #fff;\n      padding: 20px 60px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    header h1 {\n      font-size: 24px;\n    }\n\n    header nav a {\n      color: #fff;\n      text-decoration: none;\n      margin-left: 20px;\n      font-size: 14px;\n    }\n\n    .hero {\n      padding: 80px 60px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      align-items: center;\n      background: linear-gradient(120deg, #0f172a, #1e293b);\n      color: #fff;\n    }\n\n    .hero h2 {\n      font-size: 42px;\n      margin-bottom: 20px;\n    }\n\n    .hero p {\n      font-size: 16px;\n      margin-bottom: 30px;\n      opacity: 0.9;\n    }\n\n    .btn {\n      background: #22c55e;\n      color: #fff;\n      padding: 12px 25px;\n      border-radius: 6px;\n      text-decoration: none;\n      font-size: 14px;\n      margin-right: 10px;\n      display: inline-block;\n    }\n\n    .btn.secondary {\n      background: #3b82f6;\n    }\n\n    .hero img {\n      width: 100%;\n      max-width: 420px;\n      margin: auto;\n    }\n\n    section {\n      padding: 60px;\n    }\n\n    .section-title {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n\n    .section-title h3 {\n      font-size: 32px;\n      margin-bottom: 10px;\n    }\n\n    .section-title p {\n      color: #666;\n      font-size: 14px;\n    }\n\n    .services {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 25px;\n    }\n\n    .service-card {\n      background: #fff;\n      padding: 25px;\n      border-radius: 10px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n      text-align: center;\n    }\n\n    .service-card h4 {\n      margin: 15px 0;\n      font-size: 18px;\n    }\n\n    .service-card p {\n      font-size: 14px;\n      color: #666;\n    }\n\n    .steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 25px;\n    }\n\n    .step {\n      background: #fff;\n      padding: 25px;\n      border-radius: 10px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n\n    .step span {\n      font-size: 24px;\n      color: #3b82f6;\n      font-weight: bold;\n    }\n\n    .cta {\n      background: #0f172a;\n      color: #fff;\n      text-align: center;\n      padding: 70px 40px;\n    }\n\n    .cta h3 {\n      font-size: 32px;\n      margin-bottom: 15px;\n    }\n\n    footer {\n      background: #020617;\n      color: #aaa;\n      padding: 30px 60px;\n      text-align: center;\n      font-size: 13px;\n    }\n\n    @media (max-width: 768px) {\n      .hero {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n\n      header {\n        flex-direction: column;\n        gap: 10px;\n      }\n    }\n  </style>\n</head>\n<body>\n\n  <!-- Header -->\n  <header>\n    <h1>Aumnia</h1>\n    <nav>\n      <a href=\"#\">Home</a>\n      <a href=\"#\">Services</a>\n      <a href=\"#\">How it Works</a>\n      <a href=\"#\">Contact</a>\n    </nav>\n  </header>\n\n  <!-- Hero -->\n  <section class=\"hero\">\n    <div>\n      <h2>One App for Food, Taxi & More</h2>\n      <p>\n        Order food from nearby restaurants, book taxis instantly,\n        and manage all your daily services from one powerful app.\n      </p>\n      <a href=\"#\" class=\"btn\">Download App</a>\n      <a href=\"#\" class=\"btn secondary\">Become a Partner</a>\n    </div>\n    <img src=\"https://via.placeholder.com/400x450\" alt=\"App Preview\">\n  </section>\n\n  <!-- Services -->\n  <section>\n    <div class=\"section-title\">\n      <h3>Our Services</h3>\n      <p>Everything you need, delivered fast</p>\n    </div>\n\n    <div class=\"services\">\n      <div class=\"service-card\">\n        <h4>🍔 Food Ordering</h4>\n        <p>Order from top restaurants near you with live order tracking.</p>\n      </div>\n\n      <div class=\"service-card\">\n        <h4>🚕 Taxi Booking</h4>\n        <p>Book instant or scheduled rides with verified drivers.</p>\n      </div>\n\n      <div class=\"service-card\">\n        <h4>📦 Parcel Delivery</h4>\n        <p>Send packages quickly with real-time tracking.</p>\n      </div>\n    </div>\n  </section>\n\n  <!-- How it Works -->\n  <section style=\"background:#f1f5f9;\">\n    <div class=\"section-title\">\n      <h3>How It Works</h3>\n      <p>Simple steps to get started</p>\n    </div>\n\n    <div class=\"steps\">\n      <div class=\"step\">\n        <span>1</span>\n        <h4>Sign Up</h4>\n        <p>Create your account in seconds.</p>\n      </div>\n\n      <div class=\"step\">\n        <span>2</span>\n        <h4>Select Service</h4>\n        <p>Choose food, taxi, or delivery.</p>\n      </div>\n\n      <div class=\"step\">\n        <span>3</span>\n        <h4>Track & Pay</h4>\n        <p>Track live and pay securely.</p>\n      </div>\n\n      <div class=\"step\">\n        <span>4</span>\n        <h4>Enjoy</h4>\n        <p>Fast, reliable, and seamless experience.</p>\n      </div>\n    </div>\n  </section>\n\n  <!-- CTA -->\n  <section class=\"cta\">\n    <h3>Ready to give it a try?</h3>\n    <p>Food delivery, taxi booking & more – all in one platform.</p>\n    <br>\n    <a href=\"#\" class=\"btn\">Get Started</a>\n  </section>\n\n  <!-- Footer -->\n  <footer>\n    © 2025 Aumnia. All rights reserved.\n  </footer>\n\n</body>\n</html>\n","errors":null,"extra":null}