miratech.ma/about.html at main · cherqi98/miratech.ma · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title data-i18n="about_meta_title">About Us | AI Integration Experts | MiraTech</title>

  <link rel="icon" type="image/png" href="assets/logo.png">

  <link rel="alternate" hreflang="fr-ma" href="https://miratech.ma/about.html" />
  <link rel="alternate" hreflang="fr" href="https://miratech.ma/about.html" />
  <link rel="alternate" hreflang="en" href="https://miratech.ma/about.html" />

    <!-- Canonical URL -->
  <link rel="canonical" href="https://miratech.ma/about.html" />

  <link rel="stylesheet" href="css/style.css" />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
</head>
<body>
  <header class="header">
    <nav class="nav container">
      <h1 class="logo">
        <a href="index.html" style="display: flex; align-items: center; gap: 0rem;">
          <img src="assets/logo.png" alt="MiraTech Logo" style="height: 50px; width: auto;">
          <span>MiraTech</span>
        </a>
      </h1>
      <ul class="nav-list">
        <li><a href="index.html" class="active" id="nav-home">Home</a></li>
        <li><a href="about.html" id="nav-about">About</a></li>
        <li><a href="#services" id="nav-services">Services</a></li>
        <li><a href="#why-us" id="nav-why-us">Why Us</a></li>
        <li><a href="#contact" id="nav-contact">Contact</a></li>
      </ul>
      <div class="lang-switcher">
        <button onclick="changeLang('en')" id="btn-en" class="lang-btn active">EN</button>
        <button onclick="changeLang('fr')" id="id-fr" class="lang-btn">FR</button>
      </div>
      <button class="nav-toggle" aria-label="Open menu">Menu</button>
    </nav>
  </header>

  <section class="section about container">
    <h2 data-i18n="about_title">About MiraTech AI Integration</h2>
    <p data-i18n="about_intro">MiraTech Software Consulting specializes in secure AI integration for enterprise software. We help companies harness the power of artificial intelligence while maintaining the highest standards of data security, privacy, and compliance.</p>

    <h3 data-i18n="mission_title">Our Mission</h3>
    <p data-i18n="mission_desc">To empower businesses with safe, effective AI solutions that drive innovation without compromising security. We bridge the gap between cutting-edge AI technology and enterprise-grade implementation.</p>

    <h3 data-i18n="expertise_title">Why AI Integration Requires Expertise</h3>
    <p data-i18n="expertise_intro">Integrating AI into existing software isn't just about connecting APIs. It requires deep understanding of:</p>
    <ul>
      <li data-i18n="exp_1"><strong>Security Architecture:</strong> Protecting sensitive data while leveraging AI capabilities</li>
      <li data-i18n="exp_2"><strong>Compliance Standards:</strong> Ensuring GDPR, HIPAA, and industry-specific regulations are met</li>
      <li data-i18n="exp_3"><strong>System Integration:</strong> Seamlessly connecting AI with your existing infrastructure</li>
      <li data-i18n="exp_4"><strong>Performance Optimization:</strong> Balancing AI power with system efficiency and cost</li>
      <li data-i18n="exp_5"><strong>Risk Management:</strong> Identifying and mitigating AI-specific security vulnerabilities</li>
    </ul>

    <h3 data-i18n="industries_title">Industries We Serve</h3>
    <p data-i18n="industries_desc">Our AI integration expertise spans multiple sectors including healthcare, finance, e-commerce, SaaS, education, and professional services. Each implementation is customized to meet industry-specific compliance and security requirements.</p>

    <div style="margin-top: 3rem; padding: 2rem; background: #f0f7ff; border-radius: .8rem;">
      <h3 style="margin-top: 0;" data-i18n="about_cta_title">Ready to Discuss Your AI Integration Project?</h3>
      <p style="margin-bottom: 1.5rem;" data-i18n="about_cta_desc">Let's talk about how we can safely integrate AI into your software. Contact us for a free consultation.</p>
      <a href="index.html#contact" class="btn" data-i18n="about_cta_btn">Get in Touch</a>
    </div>
  </section>

  <footer>
    <p data-i18n="footer_rights">© 2025 MiraTech Software Consulting. All rights reserved. | AI Integration Specialists</p>
  </footer>

  <script src="js/main.js"></script>
</body>
</html>