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

{% block content %}
  <!-- Hero Section -->
  <div class="hero">
   <!-- Video element -->
    <video autoplay muted loop playsinline>
      <source src="{% static 'public/videos/main.mp4' %}" type="video/mp4">
      Your browser does not support the video tag.
    </video>

    <!-- Hero content -->
    <div class="hero-content">
      <h1>AI ML Operations, LLC</h1>
      <p>Taking concepts to production</p>
      
    </div>
  </div>

  <!-- About Us Section -->
  <div class="section grey lighten-3">
    <div class="row container">
      <h2 class="header">About Us</h2>
      <p class="flow-text">
        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 white">
    <div class="row container">
      <h2 class="header">Our Services</h2>
      <div class="col s12 m6 l4">
        <div class="card blue-grey lighten-5">
          <div class="card-content">
            <span class="card-title"><a href="{% url 'ai_sensor' %}">AI Sensor Algorithms</a></span>
            <p>Develop intelligent algorithms that enhance sensor data processing, enabling real-time insights and decision-making for IoT and industrial applications.</p>
          </div>
        </div>
      </div>
      <div class="col s12 m6 l4">
        <div class="card blue-grey lighten-5">
          <div class="card-content">
            <span class="card-title"><a href="{% url 'ai_education' %}">AI Education</a></span>
            <p>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>
          </div>
        </div>
      </div>
      <div class="col s12 m6 l4">
        <div class="card blue-grey lighten-5">
          <div class="card-content">
            <span class="card-title"><a href="{% url 'bot' %}">Bot Creation</a></span>
            <p>Build agentic intelligent bots for workflow automation, customer support, and data collection for enhancing productivity and user experience.</p>
          </div>
        </div>
      </div>
      <div class="col s12 m6 l4">
        <div class="card blue-grey lighten-5">
          <div class="card-content">
            <span class="card-title"><a href="{% url 'chat' %}">Chat</a></span>
            <p>Chat is a closed-source Large Language Model (LLM) designed specifically for small and medium businesses.</p>
          </div>
        </div>
      </div>
      <div class="col s12 m6 l4">
        <div class="card blue-grey lighten-5">
          <div class="card-content">
            <span class="card-title"><a href="{% url 'computers' %}">Computer Builds</a></span>
            <p>Wether you're looking for a server for storage or compute or a workstation computer, we will build your next system for you.</p>
          </div>
        </div>
      </div>
      <div class="col s12 m6 l4">
        <div class="card blue-grey lighten-5">
          <div class="card-content">
            <span class="card-title"><a href="{% url 'file_hosting' %}">File Hosting</a></span>
            <p>Secure and scalable file hosting solutions to store, manage, and share your data with ease and confidence.</p>
          </div>
        </div>
      </div>
      <div class="col s12 m6 l4">
        <div class="card blue-grey lighten-5">
          <div class="card-content">
            <span class="card-title"><a href="{% url 'ml_model' %}">ML Model Creation</a></span>
            <p>Design and deploy custom machine learning models tailored to your business needs, ensuring accuracy, scalability, and performance.</p>
          </div>
        </div>
      </div>
      
      <div class="col s12 m6 l4">
        <div class="card blue-grey lighten-5">
          <div class="card-content">
            <span class="card-title"><a href="{% url 'web_design' %}">Web Design and Hosting</a></span>
            <p>Create visually stunning and highly functional websites, coupled with reliable hosting solutions to ensure your online presence is always at its best.</p>
          </div>
        </div>
      </div>
      
      
      
    </div>
  </div>

    <!-- Contact Us Section -->
    <!-- <div class="section grey lighten-3">
      <div class="row container">
        <h2 class="header">Contact Us</h2>
        <form action="{% url 'contact' %}" method="post">
            {% csrf_token %}
            <div class="row">
                {% if success %}
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <span class="alert-text"> We'll be in contact shortly!</span>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>

                </div>
                {% endif %}
                {% if errors %}
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <span class="alert-text">{{ errors }}</span>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>

                </div>
                {% endif %}
                    
                        <div class="col l6 m6 s12">
                            <div class="form-group" style="padding-left:1rem">
                                <input type="email" class="form-control" name="email" placeholder="Your Email">
                            </div>

                        </div>
                        <div class="col l6 m6 s12">
                            <div class="form-group" style="padding-right:1rem">
                                <input type="text" class="form-control" name="name" placeholder="Your Name">
                            </div>                              

                        </div>
                        <div class="col l10 m10 s12">
                            <div class="form-group" style="padding:1rem">
                                <textarea name="message" type="text" class="form-control" rows="5" placeholder="Your message"></textarea> 
                            </div>
                        </div>
                        <div class="col l2 m2 s12">
                            <input type="submit" class="btn btn-primary" value="Send">
                        </div>
                        <div class="col l12 m12 s12">
                            <div class="form-group">
                                {% if capchaForm %}
                                {{ capchaForm }}
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    
            </div>
            
            
        </form> 
      </div>
    </div> -->
{% endblock %}