1. Added Mai360 details

2. Updated background image
3. Styling changes

assets/css/main.css

@@ -212,7 +212,7 @@ a {
   -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
   transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
   border-bottom: dotted 1px;
-  color: #4eb980;
+  color: #af8f6f;
   text-decoration: none;
 }
 
@@ -2202,7 +2202,7 @@ input[type="email"]:focus,
 select:focus,
 textarea:focus {
   background: rgba(224, 224, 224, 0.15);
-  border-color: #4eb980;
+  border-color: #af8f6f;
 }
 
 input[type="text"],

index.html

@@ -26,53 +26,69 @@
         VIDURA
       </div>
       <h1>AI Search Engine For</h1>
-      <p>Your Organisation’s Vast Document Store</p>
+      <h2>Your Organisation’s Vast Document Store</h2>
+      <p>get any question answered in seconds</p>
     </div>
 
     <!-- Main -->
     <div id="main">
-      <header class="major container">
+      <header class="box container">
         <h2>Built for enterprises</h2>
         <p>Highly customisable. Quick and easy to integrate</p>
         <img src="images/overview.svg" />
       </header>
 
+      <div class="box container">
+        <header><h2>Pay once. Use forever</h2></header>
+        <section>
+          <p>
+            In a rapidly evolving Gen AI ecosystem, We believe selling VIDURA in
+            <b>perpetual license</b> model gives the maximum flexibility to the
+            enterprises. You own the code, you are free to extend it, deploy it
+            and evolve it
+          </p>
+          <!-- <ul class="actions special">
+            <li><a href="#" class="button">Let Us Connect</a></li>
+          </ul> -->
+        </section>
+      </div>
+
+      <header class="major container">
+        <h2>Customer Spotlight</h2>
+        <h3 style="margin-top: 2em; margin-bottom: 0">AskMAI for EAM360</h3>
+        <p>
+          VIDURA powers AI chatbot, AskMAI for
+          <a href="https://eam360.com/" target="_blank">EAM360</a> mobile app
+        </p>
+        <video
+          style="height: 400px"
+          src="vidura-demo.mp4"
+          autoplay
+          muted
+          loop
+        />
+      </header>
+
       <!-- <h3>Fully customisable</h3> -->
       <!-- <h3>Pay once, host it, use it forever</h3> -->
 
       <div class="box alt container">
-        <section class="feature left">
+        <section class="feature right">
           <div
             class="image"
             style="background-image: url('images/tile-bg.jpg')"
           >
             <img src="images/documents.png" alt="" />
           </div>
           <div class="content">
-            <h3>Versatile Document Ingestor</h3>
+            <h3>Versatile Document Processor</h3>
             <p>
               Our document ingestor can understand multiple file formats and
               effortlessly indexes huge volumes of documents for the AI engine
               to infer contextually
             </p>
           </div>
         </section>
-        <section class="feature right">
-          <div
-            class="image"
-            style="background-image: url('images/tile-bg2.jpg')"
-          >
-            <img src="images/chunks.png" alt="" />
-          </div>
-          <div class="content">
-            <h3>Smart Chuncking</h3>
-            <p>
-              Contextually breaking down huge documents is critical to good
-              inferencing of LLM. And, this is a critical aspect that makes
-              VIDURA so good
-            </p>
-          </div>
-        </section>
         <section class="feature left">
           <div
             class="image"
@@ -120,22 +136,7 @@ <h3>Intuitive Dashboards</h3>
         </section>
       </div>
 
-      <div class="box container">
-        <header><h2>Pay once. Use forever</h2></header>
-        <section>
-          <p>
-            In a rapidly evolving Gen AI ecosystem, We believe selling VIDURA in
-            <b>perpetual license</b> model gives the maximum flexibility to the
-            enterprises. You own the code, you are free to extend it, deploy it
-            and evolve it
-          </p>
-          <ul class="actions special">
-            <li><a href="#" class="button">Let Us Contact You</a></li>
-          </ul>
-        </section>
-      </div>
-
-      <div class="box container">
+      <!-- <div class="box container">
         <header><h2>What our customers say</h2></header>
         <section>
           <p>
@@ -145,7 +146,7 @@ <h3>Intuitive Dashboards</h3>
             and evolve it
           </p>
         </section>
-      </div>
+      </div> -->
     </div>
 
     <!-- <div class="box container">