about.php

<?php
$page_title = 'About Us – Future Boxx – Advanced Machine and Hardware | IT Solutions Indore';
$page_description = "Learn about Future Boxx – Indore's trusted IT hardware, security systems, and networking solutions provider. Our story, mission, vision, and core values.";
$page_name = 'about';

include 'includes/header.php';
?>
<section class="page-hero">
  <div class="page-hero-bg-grid"></div>
  <div class="page-hero-glow"></div>
  <div class="page-hero-content fade-in">
    <nav class="breadcrumb">
      <a href="index.php">Home</a><span>›</span><span>About Us</span>
    </nav>
    <div
      class="hero-badge"
      style="display: inline-flex; margin: 0 auto 24px">
      <span class="badge-dot"></span> Who We Are
    </div>
    <h1 class="page-hero-title">
      About <span class="text-teal">Future Boxx</span>
    </h1>
    <p class="page-hero-subtitle">
      Indore's trusted technology partner delivering advanced IT hardware,
      security, and networking solutions to businesses and institutions
      since our founding.
    </p>
    <div class="page-hero-actions">
      <a href="contact.php" class="btn btn-primary">Get in Touch</a>
      <a href="services.php" class="btn btn-outline">Our Services</a>
    </div>
  </div>
</section>

<!-- STATS BAND -->
<div class="stats-band">
  <div class="container">
    <div class="stats-band-grid">
      <div class="stat-band-item fade-in">
        <span class="stat-band-num">20,000+</span><span class="stat-band-label">Happy Clients</span>
      </div>
      <div class="stat-band-item fade-in">
        <span class="stat-band-num">9+</span><span class="stat-band-label">Years of Experience</span>
      </div>
      <div class="stat-band-item fade-in">
        <span class="stat-band-num">50+</span><span class="stat-band-label">Partner Brands</span>
      </div>
      <div class="stat-band-item fade-in">
        <span class="stat-band-num">100%</span><span class="stat-band-label">Client Satisfaction</span>
      </div>
    </div>
  </div>
</div>

<!-- OUR STORY WITH IMAGE -->
<section class="section" style="background: var(--dark)">
  <div class="container">
    <div class="service-intro-grid fade-in" style="gap: 60px">
      <div class="service-intro-text">
        <span class="section-tag">Our Story</span>
        <h2>
          Building the Digital <span class="text-teal">Backbone</span> of
          Indore
        </h2>
        <p>
          Future Boxx was founded with a clear vision — to make
          enterprise-grade technology accessible to businesses of every size
          in Indore and across Madhya Pradesh. We understood that reliable,
          fast, and secure technology is no longer a luxury; it's a
          necessity.
        </p>
        <p>
          We specialize in
          <strong style="color: var(--teal)">IT Services, Networking Solutions, POS Systems, and CCTV
            Security &amp; Surveillance</strong>
          — backed by professional installation teams and dependable
          post-sale support.
        </p>
        <p>
          Our team of certified technicians brings hands-on expertise to
          every project, whether it's wiring an enterprise network,
          deploying a citywide surveillance system, or setting up billing
          infrastructure for a retail chain.
        </p>
        <ul class="check-list">
          <li>Registered under GSTIN: 23ABECA9764B1ZT</li>
          <li>Serving Indore, Pithampur, Dewas &amp; surrounding areas</li>
          <li>Official reseller for 15+ technology brands</li>
          <li>Annual Maintenance Contracts for 20+ businesses</li>
          <li>Response time under 4 hours for AMC clients</li>
        </ul>
      </div>
      <div class="about-office-img fade-in">
        <img
          src="assets/about-office.png"
          alt="Future Boxx technology office with server room and team workspace"
          loading="lazy" />
      </div>
    </div>
  </div>
</section>

<!-- CORE VALUES -->
<section class="section" style="background: var(--dark)">
  <div class="container">
    <div class="section-header fade-in">
      <span class="section-tag">What We Stand For</span>
      <h2 class="section-title">
        Our Core <span class="text-teal">Values</span>
      </h2>
      <p class="section-subtitle">
        The principles that guide every decision we make at Future Boxx
      </p>
    </div>
    <div class="values-grid fade-in">
      <div class="value-card">
        <span class="value-emoji">🤝</span>
        <h3>Trust &amp; Integrity</h3>
        <p>
          Transparent pricing, honest communication, and delivering exactly
          what we promise. No hidden charges, no shortcuts, no compromises.
        </p>
      </div>
      <div class="value-card">
        <span class="value-emoji">🏆</span>
        <h3>Quality First</h3>
        <p>
          Every product we supply comes from verified, reputable brands with
          genuine warranties. We never compromise quality for cost.
        </p>
      </div>
      <div class="value-card">
        <span class="value-emoji">⚡</span>
        <h3>Speed &amp; Efficiency</h3>
        <p>
          We respect your time. Our deployment teams are trained for fast,
          precise installations without sacrificing safety or accuracy.
        </p>
      </div>
      <div class="value-card">
        <span class="value-emoji">🔬</span>
        <h3>Technical Excellence</h3>
        <p>
          Our certified technicians undergo continuous training to stay
          current with the latest technologies and industry best practices.
        </p>
      </div>
      <div class="value-card">
        <span class="value-emoji">💡</span>
        <h3>Customer Centricity</h3>
        <p>
          Every decision starts with one question: what's best for our
          client? We tailor solutions to specific needs, not generic
          packages.
        </p>
      </div>
      <div class="value-card">
        <span class="value-emoji">🌱</span>
        <h3>Long-term Partnership</h3>
        <p>
          We don't disappear after the sale. Our post-installation support
          and follow-ups ensure you're never left stranded.
        </p>
      </div>
    </div>
  </div>
</section>

<?php include 'includes/why-choose-section.php'; ?>

<!-- OUR SERVICES OVERVIEW -->
<section
  class="section"
  style="background: linear-gradient(135deg, #0a1020, #0d1535)">
  <div class="container">
    <div class="section-header fade-in">
      <span class="section-tag">What We Do</span>
      <h2 class="section-title">
        Our Core <span class="text-teal">Services</span>
      </h2>
    </div>
    <div class="services-overview-grid fade-in">
      <a
        href="it-services.php"
        class="service-overview-card"
        style="text-decoration: none; color: inherit">
        <div class="sov-icon-wrap">
          <svg class="sov-icon" viewBox="0 0 48 48" fill="none">
            <path
              d="M6 14l12-8 12 8v10l-12 8-12-8V14z"
              stroke="currentColor"
              stroke-width="2.5" />
            <path
              d="M18 6v28M6 14l12 8 12-8"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round" />
          </svg>
        </div>
        <div class="sov-content">
          <h3>IT Services</h3>
          <p>
            System maintenance, data recovery, hardware upgrades, IT
            consulting, and Annual Maintenance Contracts for businesses of
            all sizes.
          </p>
          <span class="sov-link">Learn More →</span>
        </div>
      </a>
      <a
        href="networking.php"
        class="service-overview-card"
        style="text-decoration: none; color: inherit">
        <div class="sov-icon-wrap">
          <svg class="sov-icon" viewBox="0 0 48 48" fill="none">
            <circle
              cx="24"
              cy="10"
              r="4"
              stroke="currentColor"
              stroke-width="2.5" />
            <circle
              cx="10"
              cy="38"
              r="4"
              stroke="currentColor"
              stroke-width="2.5" />
            <circle
              cx="38"
              cy="38"
              r="4"
              stroke="currentColor"
              stroke-width="2.5" />
            <path
              d="M24 14v8M20.5 36l-7-14M27.5 36l7-14"
              stroke="currentColor"
              stroke-width="2.5"
              stroke-linecap="round" />
          </svg>
        </div>
        <div class="sov-content">
          <h3>Networking Solutions</h3>
          <p>
            Office LAN, enterprise WiFi, structured cabling, and secure
            network architecture for modern businesses and institutions.
          </p>
          <span class="sov-link">Learn More →</span>
        </div>
      </a>
      <a
        href="pos-systems.php"
        class="service-overview-card"
        style="text-decoration: none; color: inherit">
        <div class="sov-icon-wrap">
          <svg class="sov-icon" viewBox="0 0 48 48" fill="none">
            <rect
              x="10"
              y="6"
              width="28"
              height="22"
              rx="3"
              stroke="currentColor"
              stroke-width="2.5" />
            <path
              d="M8 28h32v12a2 2 0 01-2 2H10a2 2 0 01-2-2V28z"
              stroke="currentColor"
              stroke-width="2.5" />
            <path
              d="M18 34h12"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round" />
          </svg>
        </div>
        <div class="sov-content">
          <h3>POS Systems</h3>
          <p>
            Complete billing solutions — POS hardware, barcode scanners, GST
            billing software, and real-time inventory management.
          </p>
          <span class="sov-link">Learn More →</span>
        </div>
      </a>
      <a
        href="cctv-security.php"
        class="service-overview-card"
        style="text-decoration: none; color: inherit">
        <div class="sov-icon-wrap">
          <svg class="sov-icon" viewBox="0 0 48 48" fill="none">
            <circle
              cx="24"
              cy="22"
              r="8"
              stroke="currentColor"
              stroke-width="2.5" />
            <path
              d="M8 22c0-8.837 7.163-16 16-16s16 7.163 16 16"
              stroke="currentColor"
              stroke-width="2.5"
              stroke-linecap="round" />
            <path
              d="M14 36l4-4M34 36l-4-4M24 30v6"
              stroke="currentColor"
              stroke-width="2.5"
              stroke-linecap="round" />
          </svg>
        </div>
        <div class="sov-content">
          <h3>CCTV &amp; Security</h3>
          <p>
            HD surveillance cameras, DVR/NVR setup, remote monitoring, and
            security consulting for homes, offices, and factories.
          </p>
          <span class="sov-link">Learn More →</span>
        </div>
      </a>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="section" style="background: var(--dark)">
  <div class="container">
    <div class="cta-banner fade-in">
      <h2>
        Ready to Work With <span class="text-teal">Future Boxx?</span>
      </h2>
      <p>
        Let's discuss your technology requirements and build the right
        solution together — at the right price.
      </p>
      <div class="cta-actions">
        <a href="contact.php" class="btn btn-primary">Contact Us Today</a>
        <a href="services.php" class="btn btn-outline">Explore Services</a>
      </div>
    </div>
  </div>
</section>
<?php
include 'includes/footer.php';
?>