{% extends "base.html" %} {% block title %}Welcome{% endblock %} {% block
page_title %}Sandia AI{% endblock %} {% block content %}

<section id="hero" class="d-flex align-items-top">
  <div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
    <div class="row justify-content-center">
      <div class="text-center">
        <h1>AI Made Accessible</h1> 
        <h2>Everything You Need, One Website</h2>
      </div>
    </div>
    <div class="text-center">
      <a href="{{ url_for('GPT') }}" class="btn-get-started scrollto">Get Started</a>
    </div>

    <div class="row icon-boxes">
      <div class="col-md-10 col-lg-12 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="400">
        <div class="icon-box">
          <p class="description">Sandia AI isn't just another platform – it's a game-changer. We make AI accessible to everyone,
             allowing you to harness the power of cutting-edge technologies with ease and simplicity. And the best part? Our services are completely free – no credit card or account creation required.
          </p>
        </div>
      </div>
    </div>
    <div class="row icon-boxes">
      <div class="col-md-6 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="200">
        <div class="icon-box">
          <div class="icon"><img src="static/images/chatgpt-logo.png" alt="GPT Logo"  style="max-width: 60px; max-height: 60px;"></div>
          <h4 class="title"><a href="{{ url_for('GPT') }}">ChatGPT</a></h4>
          <p class="description">Gain instant access to the full power of ChatGPT. Our user-friendly platform ensures a seamless experience,
             and tap into its capabilities hassle-free. Join our community of AI enthusiasts, explore our extensive prompt library, and stay up-to-date with the latest advancements in AI.
             </p>
        </div>
      </div>

      <div class="col-md-6 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="300">
        <div class="icon-box">
          <div class="icon"><img src="static/images/book.png" alt="MJ Logo"  style="max-width: 60px; max-height: 60px;"></div>
          <h4 class="title"><a href="{{ url_for('top_prompts') }}">Prompt Library</a></h4>
          <p class="description">Unlock the true potential of AI with our vast library of meticulously curated prompts. Created by a community of AI enthusiasts, these prompts will take you on a journey to proficiency in AI language models. Experiment with various prompt styles, discover new techniques to elicit insightful responses, and create captivating interactions that engage and inspire.</p>
        </div>
      </div>

      <div class="col-md-6 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="400">
        <div class="icon-box">
          <div class="icon"><img src="static/images/Midjourney_Emblem.png" alt="MJ Logo"  style="max-width: 60px; max-height: 60px;"></div>
          <h4 class="title">Midjourney</h4>
          <p class="description">
            Coming Soon: Effortlessly create stunning images in Midjourney with just a single click. Our user interface
             is designed for simplicity, making Discord servers a thing of the past. Unlock your
            creativity and bring your visions to life with ease. Stay tuned for the launch and get ready to transform the way you generate images.
          </p>
        </div>
      </div>

    </div>
  </div>
</section><!-- End Hero -->

{% endblock %}