{% extends "_base.html" %} {% block content %}
<div class="bg-gray-50 py-12">
  <div class="container mx-auto px-6" id="services">
    <h2 class="text-2xl md:text-4xl font-bold text-center mb-12">
      Streamline operations, optimize performance, and drive innovation with
      AllYouCanGET
    </h2>
    <div class="grid md:grid-cols-3 gap-8">
      <a href="services.html">
        <div class="bg-white p-6 rounded-lg shadow-lg service-card">
          <div class="w-12 h-12 text-blue-600 mb-4">
            <img
              src="img/it-consulting.svg"
              alt="IT Consulting"
              class="lucide lucide-shield w-12 h-12 text-blue-600 mb-4"
              width="24"
              height="24"
            />
          </div>
          <h3 class="text-xl font-bold mb-3">IT Consulting</h3>
          <p class="text-gray-600 mb-4">
            Strategic technology solutions to drive your digital transformation
          </p>
          <ul>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">IT Strategy & Planning</span>
            </li>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Technology Assessment</span>
            </li>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Enterprise Architecture</span>
            </li>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Cybersecurity</span>
            </li>
          </ul>
        </div>
      </a>
      <a href="services.html">
        <div class="bg-white p-6 rounded-lg shadow-lg service-card">
          <div class="w-12 h-12 text-blue-600 mb-4">
            <img
              src="img/management-consulting.svg"
              alt="Management Consulting"
              class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
              width="24"
              height="24"
            />
          </div>
          <h3 class="text-xl font-bold mb-3">Management Consulting</h3>
          <p class="text-gray-600 mb-4">
            Optimize operations and accelerate business growth
          </p>
          <ul>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Strategy Development</span>
            </li>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Process Optimization</span>
            </li>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Change Management</span>
            </li>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Financial Analysis</span>
            </li>
          </ul>
        </div>
      </a>
      <a href="services.html">
        <div class="bg-white p-6 rounded-lg shadow-lg service-card">
          <div class="w-12 h-12 text-blue-600 mb-4">
            <img
              src="img/infrastructure.svg"
              alt="Infrastructure Services"
              class="lucide lucide-server w-12 h-12 text-blue-600 mb-4"
              width="24"
              height="24"
            />
          </div>
          <h3 class="text-xl font-bold mb-3">Infrastructure Services</h3>
          <p class="text-gray-600 mb-4">
            Build robust foundations for your business success
          </p>
          <ul>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Cloud Solutions</span>
            </li>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Network Design</span>
            </li>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">System Integration</span>
            </li>
            <li class="flex items-center mb-2">
              <span class="text-green-500 mr-2">✓</span>
              <span class="text-gray-700">Security Implementation</span>
            </li>
          </ul>
        </div>
      </a>
    </div>
  </div>
</div>
<div class="bg-gray-50 py-16">
  <div class="container mx-auto px-6" id="partner">
    <h2 class="text-3xl font-bold mb-4">Our Partners</h2>
    <div class="items-center justify-center">
      <p class="text-xl mb-8">
        We collaborate with leading technology providers to deliver the best
        solutions for your business.
      </p>
      <div class="flex items-center justify-center" id="partner-logos">
        <img
          src="img/ibm.svg"
          height="24"
          width="24"
          alt="IBM"
          class="h-16 w-auto"
        />
        <img
          src="img/microsoft.svg"
          height="24"
          width="24"
          alt="Microsoft"
          class="h-16 w-auto"
        />
        <img
          src="img/aws.svg"
          height="24"
          width="24"
          alt="AWS"
          class="h-16 w-auto"
        />
        <img
          src="img/google.svg"
          height="24"
          width="24"
          alt="Google"
          class="h-16 w-auto"
        />
        <img
          src="img/oracle.svg"
          height="24"
          width="24"
          alt="Oracle"
          class="h-16 w-32"
        />
        <img
          src="img/informatica.svg"
          height="24"
          width="24"
          alt="Informatica"
          class="h-16 w-auto"
        />
        <img
          src="img/sap.svg"
          height="24"
          width="24"
          alt="SAP"
          class="h-16 w-auto"
        />
        <img
          src="img/salesforce.svg"
          height="24"
          width="24"
          alt="Salesforce"
          class="h-16 w-auto"
        />
      </div>
    </div>
  </div>
</div>
<div class="bg-blue-600 text-white py-16">
  <div class="container mx-auto px-6 text-center">
    <h2 class="text-3xl font-bold mb-4">Ready to Transform Your Business?</h2>
    <p class="text-xl mb-8">Schedule a free consultation with our experts</p>
    <button class="bigbutton">
      <a href="mailto:info@allucanget.biz">Contact Us</a>
    </button>
  </div>
</div>
{% endblock %} {% block scripts %}
<script src="js/partner.js"></script>
<script>
  document
    .getElementByClass("service-card")
    .addEventListener("click", function (e) {
      window.location.href = "services.html";
    });
</script>
{% endblock %}