<?php
/**
 * AR Developer - About Page
 * Truthful, concise background of AR Developer and founder ARaza
 */
require_once __DIR__ . '/config/auth.php';
requireAuthentication();

$pageTitle = 'About AR Developer | Software Engineering by ARaza';
$pageDescription = 'Learn about AR Developer, founded by ARaza. Focused on engineering high-performance websites, custom software, mobile apps, ecommerce platforms, and games.';
$canonicalUrl = 'https://ardeveloper.online/about.php';
$activeNav = 'about';
require_once __DIR__ . '/includes/header.php';
?>

  <section class="hero-section" style="padding-bottom: 2rem;">
    <div class="container-narrow" style="text-align: center;">
      <span class="kicker">ABOUT AR DEVELOPER</span>
      <h1 class="hero-title" style="margin-bottom: 1.5rem;">Ideas / Code / Reality</h1>
      <p class="hero-desc" style="font-size: 1.25rem;">
        An independent software development practice founded by ARaza, dedicated to delivering robust digital products with exceptional technical craft.
      </p>
    </div>
  </section>

  <section style="padding: 1rem 0 6rem;">
    <div class="container-narrow">
      <div style="margin-bottom: 2.5rem; text-align: center;">
        <img src="/assets/images/hero_software_showcase_1790560876720.jpg" alt="AR Developer Engineering Workspace Showcase" class="about-hero-illustration" width="800" height="520" style="width: 100%; max-width: 720px; height: auto; border-radius: var(--radius-lg); border: 1px solid var(--border-subtle); box-shadow: var(--shadow-md); object-fit: cover;" />
      </div>

      <div style="background: var(--bg-secondary); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); padding: 3rem; margin-bottom: 3.5rem;">
        <span class="kicker">OUR FOCUS</span>
        <h2 style="font-size: 1.75rem; margin-bottom: 1.25rem;">What We Do</h2>
        <p style="margin-bottom: 1.25rem; font-size: 1.05rem; line-height: 1.8;">
          AR Developer exists to turn technical complexity into clean, reliable, and high-performance digital products. We work directly with founders, growing businesses, and organizations that demand precision rather than generic agency overhead.
        </p>
        <p style="margin-bottom: 2rem; font-size: 1.05rem; line-height: 1.8;">
          Our core engineering disciplines include:
        </p>

        <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-bottom: 1.5rem;">
          <div style="border-left: 2px solid var(--accent-red); padding-left: 1rem;">
            <h3 style="font-size: 1.1rem; margin-bottom: 0.25rem;">Websites</h3>
            <p style="font-size: 0.9rem; color: var(--text-secondary);">High-speed, SEO-optimized corporate web platforms and showcases.</p>
          </div>
          <div style="border-left: 2px solid var(--accent-red); padding-left: 1rem;">
            <h3 style="font-size: 1.1rem; margin-bottom: 0.25rem;">Custom Software</h3>
            <p style="font-size: 0.9rem; color: var(--text-secondary);">Scalable cloud architectures, internal operations portals, and APIs.</p>
          </div>
          <div style="border-left: 2px solid var(--accent-red); padding-left: 1rem;">
            <h3 style="font-size: 1.1rem; margin-bottom: 0.25rem;">Mobile Apps</h3>
            <p style="font-size: 0.9rem; color: var(--text-secondary);">Cross-platform iOS & Android mobile apps with biometric security.</p>
          </div>
          <div style="border-left: 2px solid var(--accent-red); padding-left: 1rem;">
            <h3 style="font-size: 1.1rem; margin-bottom: 0.25rem;">E-Commerce</h3>
            <p style="font-size: 0.9rem; color: var(--text-secondary);">Headless, fast digital stores with global multi-currency checkout.</p>
          </div>
          <div style="border-left: 2px solid var(--accent-red); padding-left: 1rem;">
            <h3 style="font-size: 1.1rem; margin-bottom: 0.25rem;">Games</h3>
            <p style="font-size: 0.9rem; color: var(--text-secondary);">Interactive 2D web and casual game mechanics for modern browsers.</p>
          </div>
          <div style="border-left: 2px solid var(--accent-red); padding-left: 1rem;">
            <h3 style="font-size: 1.1rem; margin-bottom: 0.25rem;">Digital Solutions</h3>
            <p style="font-size: 0.9rem; color: var(--text-secondary);">Tailored integrations, migrations, and technical problem-solving.</p>
          </div>
        </div>
      </div>

      <div style="background: var(--bg-secondary); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); padding: 3rem; margin-bottom: 3.5rem;">
        <span class="kicker">PHILOSOPHY</span>
        <h2 style="font-size: 1.75rem; margin-bottom: 1.25rem;">Engineering Principles</h2>
        
        <div style="display: flex; flex-direction: column; gap: 1.5rem; margin-top: 1.5rem;">
          <div>
            <h3 style="font-size: 1.15rem; margin-bottom: 0.35rem;">Zero Artificial Bloat</h3>
            <p style="font-size: 0.95rem; color: var(--text-secondary);">
              We don't use heavy frameworks when clean HTML, CSS, and modular JavaScript do the job faster, with smaller bundles and near-zero server maintenance.
            </p>
          </div>
          <div>
            <h3 style="font-size: 1.15rem; margin-bottom: 0.35rem;">Universal Host Compatibility</h3>
            <p style="font-size: 0.95rem; color: var(--text-secondary);">
              Codebases are crafted so they can run effortlessly on standard web hosting (such as InfinityFree and cPanel Apache) without requiring complicated container build pipelines or ongoing subscription infrastructure fees.
            </p>
          </div>
          <div>
            <h3 style="font-size: 1.15rem; margin-bottom: 0.35rem;">Direct Developer Communication</h3>
            <p style="font-size: 0.95rem; color: var(--text-secondary);">
              When you hire AR Developer, you talk directly with ARaza. You get transparent engineering assessments, real timeline estimations, and immediate problem resolution.
            </p>
          </div>
        </div>
      </div>

      <div style="text-align: center;">
        <h2 style="font-size: 1.85rem; margin-bottom: 1rem;">Let's build something exceptional together.</h2>
        <p style="margin-bottom: 2rem; color: var(--text-secondary);">Have questions or a technical brief to share?</p>
        <a href="/contact.php" class="btn btn-primary">Get in Touch</a>
      </div>
    </div>
  </section>

<?php require_once __DIR__ . '/includes/footer.php'; ?>
