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

{% block title %}Home - AI ML Operations, LLC{% endblock %}
{% block meta_description %}AI ML Operations, LLC specializes in delivering production-ready AI and ML solutions, custom
web design, and reliable hosting services.{% endblock %}

{% block content %}
<!-- Hero Section -->
<div class="hero-section">
  <canvas id="hero-canvas"></canvas>
  <div class="hero-content">
    <h1 class="hero-title">AI ML Operations</h1>
    <p class="hero-subtitle">Taking concepts to production with intelligent solutions.</p>
  </div>
</div>

<!-- About Us Section -->
<div class="section">
  <div class="container">
    <h2 class="section-title">About Us</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 are dedicated to delivering production-ready AI and ML solutions that seamlessly integrate
      into your workflows. With over a decade of experience, we specialize in crafting cutting-edge machine learning
      models and AI algorithms to tackle the most complex and demanding challenges across various industries.
    </p>
  </div>
</div>

<!-- Services Section -->
<div class="section">
  <div class="container">
    <h2 class="section-title">Our Services</h2>
    <div class="card-grid">

      <a href="{% url 'ai_sensor' %}" class="card">
        <span class="card-title">AI Sensor Algorithms</span>
        <p class="card-text">Develop intelligent algorithms that enhance sensor data processing, enabling real-time
          insights and decision-making for IoT and industrial applications.</p>
      </a>

      <a href="{% url 'ai_education' %}" class="card">
        <span class="card-title">AI Education</span>
        <p class="card-text">Stay ahead of the AI technology curve with our AI Education classes. Classes are tailored
          to the audience familiarity with AI. Held in-person or virtual.</p>
      </a>

      <a href="{% url 'bot' %}" class="card">
        <span class="card-title">Bot Creation</span>
        <p class="card-text">Build agentic intelligent bots for workflow automation, customer support, and data
          collection for enhancing productivity and user experience.</p>
      </a>

      <a href="{% url 'chat' %}" class="card">
        <span class="card-title">Chat</span>
        <p class="card-text">Chat is a closed-source Large Language Model (LLM) designed specifically for small and
          medium businesses.</p>
      </a>

      <a href="{% url 'computers' %}" class="card">
        <span class="card-title">Computer Builds</span>
        <p class="card-text">Whether you're looking for a server for storage or compute or a workstation computer, we
          will build your next system for you.</p>
      </a>

      <a href="{% url 'file_hosting' %}" class="card">
        <span class="card-title">File Hosting</span>
        <p class="card-text">Secure and scalable file hosting solutions to store, manage, and share your data with ease
          and confidence.</p>
      </a>

      <a href="{% url 'ml_model' %}" class="card">
        <span class="card-title">ML Model Creation</span>
        <p class="card-text">Design and deploy custom machine learning models tailored to your business needs, ensuring
          accuracy, scalability, and performance.</p>
      </a>

      <a href="{% url 'web_design' %}" class="card">
        <span class="card-title">Web Design and Hosting</span>
        <p class="card-text">Create visually stunning and highly functional websites, coupled with reliable hosting
          solutions to ensure your online presence is always at its best.</p>
      </a>

    </div>
  </div>
</div>

<script src="{% static 'public/js/animation.js' %}"></script>
{% endblock %}