About Us

<body>


  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>GIZMOTIC — About Us</title>
  <link href="https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&amp;family=Inter:wght@300;400;600&amp;display=swap" rel="stylesheet">
  <style>
    :root{
      --accent:#0ea5a4; /* teal */
      --dark:#0f172a;
      --muted:#6b7280;
      --bg:#f8fafc;
      --card:#ffffff;
    }
    *{box-sizing:border-box}
    body{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Nastaliq Urdu', sans-serif; background:var(--bg); color:var(--dark); margin:0; padding:40px;}
    .container{max-width:980px; margin:0 auto}
    .card{background:var(--card); border-radius:14px; box-shadow:0 6px 20px rgba(2,6,23,0.08); padding:28px; display:flex; gap:28px; align-items:center;}
    .logo{width:110px; height:110px; flex:0 0 110px; border-radius:12px; background:linear-gradient(135deg,var(--accent),#60a5fa); display:flex; align-items:center; justify-content:center; color:white; font-weight:700; font-size:20px}
    .content{flex:1}
    h1{margin:0 0 8px; font-size:22px}
    p.lead{margin:0 0 14px; color:var(--muted); line-height:1.7}
    ul.features{display:flex; gap:12px; flex-wrap:wrap; padding:0; margin:0 0 16px; list-style:none}
    ul.features li{background:#f1f5f9; padding:10px 12px; border-radius:10px; font-size:14px; color:var(--dark)}
    .cta{display:flex; gap:10px; align-items:center}
    .btn{padding:10px 14px; border-radius:10px; text-decoration:none; font-weight:600}
    .btn-primary{background:var(--accent); color:white}
    .btn-ghost{background:transparent; color:var(--dark); border:1px solid #e6eef0}
    /* Urdu block style */
    .urdu{direction:rtl; font-family: 'Noto Nastaliq Urdu', 'Inter', sans-serif;}
    .urdu h2{font-size:20px; margin:0 0 6px}
    .urdu p{margin:0 0 12px; color:var(--muted); line-height:1.8}
    @media (max-width:720px){
      body{padding:18px}
      .card{flex-direction:column; padding:20px}
      .logo{width:92px; height:92px}
    }
  </style>


  <div class="container">
    <div class="card">
      <div class="logo">GIZMOTIC</div>
      <div class="content">
        <h1>About GIZMOTIC — Your Ultimate Gadget Store</h1>
        <p class="lead">Gizmotic Pakistan’s trusted online store offering the latest, innovative, and reliable gadgets that make your life easy and smart. Fast shipping, tested products and Cash on Delivery.</p>

        <ul class="features">
          <li>✔️ 100% Original &amp; Tested</li>
          <li>✔️ Fast Shipping Across Pakistan</li>
          <li>✔️ Cash on Delivery</li>
          <li>✔️ Friendly Customer Support</li>
        </ul>

        <div class="urdu">
          <h2>GIZMOTIC — ہمارے بارے میں</h2>
          <p>Gizmotic میں خوش آمدید — پاکستان کا قابلِ اعتماد اور جدید ترین گیجٹ اسٹور! ہم آپ کے لئے وہ تمام اسمارٹ اور جدید مصنوعات لاتے ہیں جو روزمرہ زندگی کو آسان، تیز اور بہتر بناتی ہیں۔</p>
          <p>Gizmotic کا مقصد صرف پروڈکٹس بیچنا نہیں، بلکہ آپ کو اعتماد، معیار اور بہترین تجربہ فراہم کرنا ہے۔ ہم ہر پراڈکٹ کو باقاعدہ ٹیسٹ کرتے ہیں تاکہ آپ کو ملے اصل اور قابلِ بھروسہ گیجٹس — بغیر کسی پریشانی کے۔</p>

          <p><strong>ہماری خصوصیات:</strong></p>
          <ul>
            <li>✔️ 100% اصلی اور ٹیسٹ شدہ پروڈکٹس</li>
            <li>✔️ پورے پاکستان میں تیز ترین ڈیلیوری</li>
            <li>✔️ کیش آن ڈیلیوری کی سہولت</li>
            <li>✔️ مؤدبانہ اور مددگار کسٹمر سپورٹ</li>
          </ul>

          <p>چاہے گرمیوں کا موسم ہو، کچن کی ضرورت ہو، یا روزمرہ کے اسمارٹ گیجٹس چاہئیں — <strong>GIZMOTIC ہمیشہ آپ کے ساتھ ہے!</strong></p>
        </div>

        <div class="cta" style="margin-top:14px">
          <a class="btn btn-primary" href="#">فالو کریں / Follow Us</a>
          <a class="btn btn-ghost" href="#">ہم سے رابطہ کریں</a>
        </div>

      </div>
    </div>
  </div>


</body>