From 84d8513db1388859f076e6b2548004ee8d1c2f8e Mon Sep 17 00:00:00 2001
From: oliver <oliver@odoo4projects.com>
Date: Wed, 24 Jun 2026 05:49:03 -0300
Subject: [PATCH] Nice

---
 index.html | 121 +++++++++++++++++++++++++----------------------------
 1 file changed, 56 insertions(+), 65 deletions(-)

diff --git a/index.html b/index.html
index 56f15e0..c3573f8 100644
--- a/index.html
+++ b/index.html
@@ -221,11 +221,7 @@
                 content: "";
                 position: absolute;
                 inset: 0;
-                background: linear-gradient(
-                    110deg,
-                    rgba(27, 19, 25, 0.7) 0%,
-                    rgba(27, 19, 25, 0.15) 100%
-                );
+                background: none;
             }
             .hero-box {
                 position: relative;
@@ -257,18 +253,17 @@
                 z-index: 3;
             }
             .carousel-dot {
-                width: 10px;
-                height: 10px;
+                width: 8px;
+                height: 8px;
                 border-radius: 50%;
-                border: 2px solid rgba(255, 255, 255, 0.7);
-                background: transparent;
+                border: none;
+                background: rgba(255, 255, 255, 0.35);
                 cursor: pointer;
                 transition: all 0.3s;
             }
             .carousel-dot.active {
-                background: #fff;
-                transform: scale(1.3);
-                border-color: #fff;
+                background: rgba(255, 255, 255, 0.8);
+                transform: scale(1.2);
             }
             .arrow {
                 position: absolute;
@@ -669,7 +664,7 @@
             >
                 <div class="container">
                     <div class="row">
-                        <div class="col-lg-6 offset-lg-6">
+                        <div class="col-lg-5">
                             <div class="hero-box">
                                 <h2>Try ODOO 4 weeks for free</h2>
                                 <p>
@@ -867,22 +862,7 @@
                     >
                         &times;
                     </button>
-                    <div
-                        style="
-                            background-image: url(&quot;images/australia.webp&quot;);
-                            background-size: cover;
-                            background-position: center;
-                            padding: 3rem 2rem;
-                        "
-                    >
-                        <div
-                            style="
-                                background: rgba(255, 255, 255, 0.95);
-                                padding: 2rem;
-                                text-align: center;
-                                border-radius: 0.8rem;
-                            "
-                        >
+                    <div style="padding: 2rem; text-align: center; border-radius: 0.8rem;">
                             <h2
                                 style="
                                     font-size: clamp(1rem, 2vw, 1.24rem);
@@ -913,7 +893,7 @@
             <div class="container">
                 <div class="hr"></div>
                 <h1>
-                    Effortless Odoo Hosting with AI-Powered Automation &mdash;
+                    Effortless Odoo Community Hosting with AI-Powered Automation &mdash;
                     Scale Your Business Seamlessly
                 </h1>
             </div>
@@ -1244,33 +1224,6 @@
             </div>
         </section>
 
-        <section class="trial">
-            <div class="container">
-                <div class="row align-items-center">
-                    <div class="col-lg-5">
-                        <div class="hr" style="margin: 0 0 1rem 0"></div>
-                        <h2>Not convinced? Start your free trial now</h2>
-                        <p>
-                            Test drive our systems running ODOO 19 for 4 weeks.
-                            No credit card required!
-                        </p>
-                        <p>
-                            <a class="btn btn-primary btn-lg" href="/contactus"
-                                >Try Now</a
-                            >
-                        </p>
-                    </div>
-                    <div class="col-lg-6 offset-lg-1 text-center">
-                        <img
-                            src="images/settings_chat.svg"
-                            alt="Settings"
-                            style="max-height: 200px; opacity: 0.9"
-                        />
-                    </div>
-                </div>
-            </div>
-        </section>
-
         <footer class="footer">
             <div class="container">
                 <div class="fgrid">
@@ -1393,15 +1346,43 @@
                 slides = document.querySelectorAll(".hero-slide"),
                 dots = document.querySelectorAll(".carousel-dot"),
                 t,
-                dir = 1;
+                dir = 1,
+                autoStop = false,
+                autoInterval = 7000;
 
             function show(i, direction) {
+                if (direction === undefined) return;
                 var current = slides[si];
                 var next = slides[i];
-                current.classList.remove("active");
-                current.classList.add("prev");
-                next.classList.remove("prev");
-                next.classList.add("active");
+                if (direction === 1) {
+                    current.style.transform = "translateX(-100%)";
+                    current.style.opacity = "0";
+                    current.style.zIndex = "1";
+                    next.style.transform = "translateX(100%)";
+                    next.style.opacity = "0";
+                    next.style.zIndex = "1";
+                    requestAnimationFrame(function () {
+                        next.style.transition =
+                            "transform 0.5s ease, opacity 0.5s ease";
+                        next.style.transform = "translateX(0)";
+                        next.style.opacity = "1";
+                        next.style.zIndex = "2";
+                    });
+                } else {
+                    current.style.transform = "translateX(100%)";
+                    current.style.opacity = "0";
+                    current.style.zIndex = "1";
+                    next.style.transform = "translateX(-100%)";
+                    next.style.opacity = "0";
+                    next.style.zIndex = "1";
+                    requestAnimationFrame(function () {
+                        next.style.transition =
+                            "transform 0.5s ease, opacity 0.5s ease";
+                        next.style.transform = "translateX(0)";
+                        next.style.opacity = "1";
+                        next.style.zIndex = "2";
+                    });
+                }
                 for (var j = 0; j < dots.length; j++) {
                     if (j === i) {
                         dots[j].classList.add("active");
@@ -1420,12 +1401,14 @@
                 resetTimer();
             }
             function goSlide(i) {
+                autoStop = true;
                 show(i, i > si ? 1 : -1);
-                resetTimer();
+                clearInterval(t);
+                t = null;
             }
             function resetTimer() {
                 clearInterval(t);
-                t = setInterval(nextSlide, 5000);
+                t = setInterval(nextSlide, autoInterval);
             }
 
             window.addEventListener("load", function () {
@@ -1442,7 +1425,15 @@
                     o.style.display = "none";
                 }, 500);
             }, 3000);
-            t = setInterval(nextSlide, 5000);
+            t = setInterval(nextSlide, autoInterval);
+
+            for (var s = 0; s < slides.length; s++) {
+                slides[s].addEventListener("click", function () {
+                    autoStop = true;
+                    clearInterval(t);
+                    t = null;
+                });
+            }
 
             setTimeout(function () {
                 document.getElementById("pop").style.display = "flex";