{% extends "base.html" %}
{% load static %}
{% block path %}  url({% static 'public/img/ai_sensor_bg.jpg' %}) {% endblock %}

{% block content %}
<!-- Hero Section -->
<div class="hero-section">
    <h1>AI Sensor Algorithms</h1>
    <p class="flow-text">Enhancing Sensor Performance with Advanced AI</p>
  </div>

  <!-- About AI Sensor Algorithms Section -->
  <div class="section white">
    <div class="row container">
      <h2 class="header">About AI Sensor Algorithms</h2>
      <p class="flow-text">
        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 grey lighten-3">
    <div class="row container">
      <h2 class="header">What We Offer</h2>
      <div class="col s12 m4">
        <div class="icon-block">
          <i class="material-icons">visibility</i>
          <h5>Machine Vision</h5>
          <p>Enhance visual data processing with advanced machine vision algorithms.</p>
        </div>
      </div>
      <div class="col s12 m4">
        <div class="icon-block">
          <i class="material-icons">pattern</i>
          <h5>Pattern Recognition</h5>
          <p>Identify and analyze patterns in sensor data for improved accuracy.</p>
        </div>
      </div>
      <div class="col s12 m4">
        <div class="icon-block">
          <i class="material-icons">translate</i>
          <h5>Natural Language Processing</h5>
          <p>Enable sensors to interpret and respond to human language inputs.</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Applications Section -->
  <div class="section white">
    <div class="row container">
      <h2 class="header">Applications</h2>
      <div class="col s12 m6 l4">
        <div class="card">
          <div class="card-image">
            <img src="{% static 'public/img/ai_sensor/card-1.jpg' %}"  height="225" width="400" alt="Industrial Automation">
          </div>
          <div class="card-content">
            <span class="card-title">Industrial Automation</span>
            <p>Optimize manufacturing processes with AI-enhanced sensors.</p>
          </div>
        </div>
      </div>
      <div class="col s12 m6 l4">
        <div class="card">
          <div class="card-image">
            <img src="{% static 'public/img/ai_sensor/card-2.jpg' %}"  height="225" width="400" alt="Autonomous Vehicles">
          </div>
          <div class="card-content">
            <span class="card-title">Autonomous Vehicles</span>
            <p>Improve navigation and safety with advanced sensor algorithms.</p>
          </div>
        </div>
      </div>
      <div class="col s12 m6 l4">
        <div class="card">
          <div class="card-image">
            <img src="{% static 'public/img/ai_sensor/card-3.jpg' %}"  height="225" width="400" alt="Healthcare Monitoring">
          </div>
          <div class="card-content">
            <span class="card-title">Healthcare Monitoring</span>
            <p>Enable real-time health tracking with AI-powered sensors.</p>
          </div>
        </div>
      </div>
      <div class="col s12 m6 l4">
        <div class="card">
          <div class="card-image">
            <img src="{% static 'public/img/ai_sensor/card-4.jpg' %}"  height="225" width="400" alt="Smart Home Devices">
          </div>
          <div class="card-content">
            <span class="card-title">Smart Home Devices</span>
            <p>Enhance user experiences with intelligent sensor integrations.</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Call to Action Section -->
  <div class="section blue-grey darken-3 white-text">
    <div class="row container center">
      <h2 class="header">Ready to Enhance Your Sensors?</h2>
      <p class="flow-text">Contact us today to discuss your AI sensor needs.</p>
      <a href="{% url 'contact' %}" class="btn-large waves-effect waves-light white blue-grey-text text-darken-3">Get Started</a>
    </div>
  </div>
{% endblock %}