From 62aa6cb8315564ee8b76b42ea31360a6a4a09847 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 20 Feb 2025 22:56:06 +0800
Subject: [PATCH] add all

---
 templates/index.html                 |  6 ---
 templates/layouts/what.html          |  7 +++
 templates/partials/hero/aihero5.html | 66 +++++++++++++++++++++-------
 3 files changed, 56 insertions(+), 23 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 85b03c4..4889787 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,10 +5,4 @@
 {% include "partials/hero/aihero3.html" %}
 {% include "partials/hero/aihero4.html" %}
 {% include "partials/hero/aihero5.html" %}
-{% include "partials/hero/myhero1.html" %}
-{% include "partials/hero/myhero3.html" %}
-{% include "partials/hero/myhero5.html" %}
-{% include "partials/hero/myhero2.html" %}
-{% include "partials/hero/myhero6.html" %}
-{% include "partials/hero/myhero7.html" %}
 {% endblock content %}
\ No newline at end of file
diff --git a/templates/layouts/what.html b/templates/layouts/what.html
index de60e92..24726bf 100644
--- a/templates/layouts/what.html
+++ b/templates/layouts/what.html
@@ -1,5 +1,12 @@
 {% extends "_default/base.html" %}
 {% block content %}
+
+{% include "partials/hero/myhero1.html" %}
+{% include "partials/hero/myhero3.html" %}
+{% include "partials/hero/myhero5.html" %}
+{% include "partials/hero/myhero2.html" %}
+{% include "partials/hero/myhero6.html" %}
+{% include "partials/hero/myhero7.html" %}
 {% include "partials/feature/feature1.html" %}
 {% include "partials/feature/feature2.html" %}
 {% include "partials/feature/feature3.html" %}
diff --git a/templates/partials/hero/aihero5.html b/templates/partials/hero/aihero5.html
index 8718979..2902453 100644
--- a/templates/partials/hero/aihero5.html
+++ b/templates/partials/hero/aihero5.html
@@ -1,21 +1,53 @@
-<div class="bg-white pb-12">
-    <div class="mx-auto max-w-7xl px-6 lg:max-w-7xl lg:px-0">
-      <div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 ">      
-        <p id="1" class="mx-auto mt-8 fade-in text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
-            Big tech companies dominate AI resources, often collecting and storing sensitive data while enforcing restrictive policies and pricing.
-        </p>
+<div class="bg-white px-12 pb-12 mx-auto">
+    <div class="mx-auto max-w-3xl items-start pb-12">
+            <p id="1" class="fade-in-up text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black px-10">
+                Big tech companies dominate AI resources, often collecting and storing sensitive data while enforcing restrictive policies and pricing...
+            </p>
 
-        <p id="2" class="mx-auto mt-2  text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
-            AI BOX empowers you to take back control, ensuring your data stays private and secure while giving you full sovereignty over your AI applications.
-        </p>
+            <p id="2" class="fade-in-up text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
+                AI BOX empowers you to take back control, ensuring your data stays private and secure while giving you full sovereignty over your AI applications...
+            </p>
 
-        <p id="3" class="mx-auto mt-2 text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
-            By decentralizing AI, you can break free from corporate gatekeeping, experiment without limits, and innovate on your terms.
-        </p>
+            <p id="3" class="fade-in-up text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
+                By decentralizing AI, you can break free from corporate gatekeeping, experiment without limits, and innovate on your terms...
+            </p>
 
-        <p id="4" class="mx-auto mt-2 text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
-            As AI workloads continue to grow, self-hosted solutions like AI BOX provide a future-proof infrastructure, guaranteeing you always have cutting-edge computing power at your fingertips.
-        </p>
-      </div>
+            <p id="4" class="fade-in-up text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
+                As AI workloads continue to grow, self-hosted solutions like AI BOX provide a future-proof infrastructure, guaranteeing you always have cutting-edge computing power at your fingertips.
+            </p>
     </div>
-  </div>
\ No newline at end of file
+</div>
+
+<style>
+    .fade-in-up {
+        opacity: 0;
+        transform: translateY(20px);
+        position: absolute;
+        transition: opacity 1s ease-out, transform 1s ease-out;
+    }
+
+    .fade-in-up.show {
+        opacity: 1;
+        transform: translateY(0);
+    }
+</style>
+
+<script>
+    document.addEventListener("DOMContentLoaded", function () {
+        const paragraphs = document.querySelectorAll(".fade-in-up");
+        let index = 0;
+  
+        function showNextParagraph() {
+            paragraphs.forEach((p, i) => {
+                p.classList.remove("show");
+            });
+
+            paragraphs[index].classList.add("show");
+
+            index = (index + 1) % paragraphs.length; // Loop back to the first paragraph
+            setTimeout(showNextParagraph, 5000); // Change paragraph every 3 seconds
+        }
+  
+        showNextParagraph();
+    });
+</script>