<!DOCTYPE html>
<html lang="en">
<head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover"> 
  <title>Hedra Trade | About</title> 

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.5.7/css/layui.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

  <style>
    /* ======== GLOBAL FIXED LAYOUT ======== */
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      background: #f4f6f5;
      font-family: 'Poppins', sans-serif;
      color: #222;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* ======== MAIN CONTAINER ======== */
    .about-main {
      width: 100%;
      max-width: 430px;
      height: 95vh;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
      overflow-y: auto;
      padding: 150px 20px 25px;
      position: relative;
    }

    .about-main::-webkit-scrollbar {
      width: 5px;
    }

    .about-main::-webkit-scrollbar-thumb {
      background: #00B355;
      border-radius: 5px;
    }

    /* ======== FIXED HEADER ======== */
    .top {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: #FF4C4C;
      color: #fff;
      display: flex;
      align-items: center;
      padding: 14px 15px;
      z-index: 1000;
      box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    }

    .topLeft i {
      font-size: 20px;
      color: #fff;
    }

    .topTit {
      font-size: 18px;
      font-weight: 600;
      margin: 0 auto;
    }

    /* ======== CONTENT ======== */
    .about-logo {
      text-align: center;
      margin-bottom: 20px;
    }

    .about-logo i {
      font-size: 50px;
      color: #FF4C4C;
      margin-bottom: 10px;
    }

    .about-logo h2 {
      font-size: 22px;
      font-weight: 600;
      color: #FF4C4C;
      margin: 0;
    }

    .about-section {
      margin-bottom: 25px;
    }

    .about-section h3 {
      font-size: 16px;
      font-weight: 600;
      color: #FF4C4C;
      margin-bottom: 8px;
      border-left: 4px solid #FF4C4C;
      padding-left: 8px;
    }

    .about-section p {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
      margin: 0;
      text-align: justify;
    }

    /* ======== CONTACT SECTION ======== */
    .contact-info {
      background: #f4fdf8;
      border: 1px solid #FF4C4C;
      border-radius: 10px;
      padding: 15px;
      text-align: left;
    }

    .contact-info p {
      margin: 8px 0;
      font-size: 14px;
      color: #333;
    }

    .contact-info i {
      color: #00B355;
      margin-right: 8px;
    }

    /* ======== FOOTER ======== */
    .footer {
      text-align: center;
      font-size: 12px;
      color: #777;
      margin-top: 25px;
    }

    @media (max-width: 480px) {
      .about-main {
        max-width: 95%;
      }
    }
  </style>
</head> 

<body> 
  <!-- Fixed Header -->
  <div class="top"> 
    <a href="{{route('dashboard')}}" class="topLeft"> 
      <i class="layui-icon layui-icon-left"></i> 
    </a> 
    <div class="topTit">About Us</div> 
  </div> 
<br>
<br>
  <!-- Main Body -->
  <div class="about-main">

    <div class="about-logo">
      <i class="fa-solid fa-chart-line"></i>
      <h2>RedWire</h2>
    </div>

    <div class="about-section">
      <h3>Who We Are</h3>
      <p>
        RedWire is a global online trading and investment platform that empowers users to earn through smart financial opportunities. 
        We provide secure, transparent, and efficient investment solutions designed for both beginners and professionals. 
        Our goal is to make trading and investing accessible to everyone.
      </p>
    </div>

    <div class="about-section">
      <h3>Our Mission</h3>
      <p>
        Our mission is to build trust in the digital financial world by offering high-return investment plans, 
        user-friendly interfaces, and excellent customer support. 
        We aim to simplify trading so that anyone can grow their wealth with confidence.
      </p>
    </div>

    <div class="about-section">
      <h3>Why Choose RedWire?</h3>
      <p>
        <strong>✔ Secure Transactions:</strong> Advanced encryption ensures your funds and data are safe.<br>
        <strong>✔ Transparent System:</strong> Real-time updates on every transaction.<br>
        <strong>✔ 24/7 Support:</strong> Our dedicated team is always ready to assist.<br>
        <strong>✔ Reliable Earnings:</strong> Stable and consistent returns for all investors.
      </p>
    </div>

    <div class="about-section">
      <h3>Contact Us</h3>
      <div class="contact-info">
        <p><i class="fa-solid fa-envelope"></i>srtlabbd@gmail.com</p>
        <p><i class="fa-solid fa-globe"></i>https://t.me/srt_web_developer</p>
        <p><i class="fa-solid fa-headset"></i> 24/7 Online Support</p>
      </div>
    </div>

    <div class="footer">
      © 2025 RedWire. All rights reserved.
    </div>

  </div>
</body>
</html>
