{% extends "base.html" %}
{% load static %}

{% block title %}AI Sensor Algorithms - AI ML Operations, LLC{% endblock %}
{% block meta_description %}Enhance sensor performance with advanced AI algorithms. AI ML Operations, LLC specializes in
Machine Vision, Pattern Recognition, and NLP for sensors.{% endblock %}

{% block content %}
<!-- Hero Section -->
<div class="hero-section" style="height: 40vh; min-height: 300px;">
  <div class="hero-content">
    <h1 class="hero-title">AI Sensor Algorithms</h1>
    <p class="hero-subtitle">Enhancing Sensor Performance with Advanced AI</p>
  </div>
</div>

<!-- About AI Sensor Algorithms Section -->
<div class="section">
  <div class="container">
    <h2 class="section-title">About AI Sensor Algorithms</h2>
    <p style="text-align: center; max-width: 800px; margin: 0 auto; color: var(--text-muted); font-size: 1.1rem;">
      At AI ML Operations, we specialize in developing cutting-edge AI algorithms to enhance the performance of on-board
      sensors. By leveraging techniques such as Natural Language Processing (NLP), Pattern Recognition, Machine Vision,
      and more, we enable sensors to deliver smarter, faster, and more accurate results. Our solutions are designed to
      integrate seamlessly into your systems, providing real-time insights and improving decision-making capabilities.
    </p>
  </div>
</div>

<!-- Features Section -->
<div class="section" style="background: var(--surface-color);">
  <div class="container">
    <h2 class="section-title">What We Offer</h2>
    <div class="card-grid">
      <div class="card" style="text-align: center;">
        <h5 class="card-title">Machine Vision</h5>
        <p class="card-text">Enhance visual data processing with advanced machine vision algorithms.</p>
      </div>
      <div class="card" style="text-align: center;">
        <h5 class="card-title">Pattern Recognition</h5>
        <p class="card-text">Identify and analyze patterns in sensor data for improved accuracy.</p>
      </div>
      <div class="card" style="text-align: center;">
        <h5 class="card-title">Natural Language Processing</h5>
        <p class="card-text">Enable sensors to interpret and respond to human language inputs.</p>
      </div>
    </div>
  </div>
</div>

<!-- Applications Section -->
<div class="section">
  <div class="container">
    <h2 class="section-title">Applications</h2>
    <div class="card-grid">
      <div class="card">
        <img src="{% static 'public/img/ai_sensor/card-1.jpg' %}" alt="Industrial Automation"
          style="width: 100%; border-radius: 8px; margin-bottom: 1rem;">
        <span class="card-title">Industrial Automation</span>
        <p class="card-text">Optimize manufacturing processes with AI-enhanced sensors.</p>
      </div>
      <div class="card">
        <img src="{% static 'public/img/ai_sensor/card-2.jpg' %}" alt="Autonomous Vehicles"
          style="width: 100%; border-radius: 8px; margin-bottom: 1rem;">
        <span class="card-title">Autonomous Vehicles</span>
        <p class="card-text">Improve navigation and safety with advanced sensor algorithms.</p>
      </div>
      <div class="card">
        <img src="{% static 'public/img/ai_sensor/card-3.jpg' %}" alt="Healthcare Monitoring"
          style="width: 100%; border-radius: 8px; margin-bottom: 1rem;">
        <span class="card-title">Healthcare Monitoring</span>
        <p class="card-text">Enable real-time health tracking with AI-powered sensors.</p>
      </div>
      <div class="card">
        <img src="{% static 'public/img/ai_sensor/card-4.jpg' %}" alt="Smart Home Devices"
          style="width: 100%; border-radius: 8px; margin-bottom: 1rem;">
        <span class="card-title">Smart Home Devices</span>
        <p class="card-text">Enhance user experiences with intelligent sensor integrations.</p>
      </div>
    </div>
  </div>
</div>

<!-- Call to Action Section -->
<div class="section" style="text-align: center;">
  <div class="container">
    <h2 class="section-title">Ready to Enhance Your Sensors?</h2>
    <p class="hero-subtitle" style="margin-bottom: 2rem;">Contact us today to discuss your AI sensor needs.</p>
    <a href="{% url 'contact' %}" class="btn">Get Started</a>
  </div>
</div>
{% endblock %}