Merge pull request #16 from madhuramendis/main

update images

Author: iwantha

css/openchoreo.css

@@ -169,6 +169,13 @@ background-color: #fff;
 -moz-box-shadow: 15px 24px 84px -37px rgba(54,161,255,0.75);
 }
 
+.cVideoContainerInner {
+    /* border: 1px solid ; */
+    box-shadow: 15px 24px 84px -37px rgba(54,161,255,0.75);
+-webkit-box-shadow: 15px 24px 84px -37px rgba(54,161,255,0.75);
+-moz-box-shadow: 15px 24px 84px -37px rgba(54,161,255,0.75);
+}
+
 .cCard ul {
     margin-bottom: 40px;
     padding-left: 0;

img/Infrastructure-Automation.png

@@ -10,8 +10,8 @@
             <h1>The Open-Source
                The IDP you can start using today
             </h1>
-            <h2>Build. Deploy. Scale. Effortlessly.
-            </h2>
+            <!-- <h2>Build. Deploy. Scale. Effortlessly.
+            </h2> -->
             <p>A complete, open-source Internal Developer Platform—ready to use from day one, built to integrate
                with your stack.
             </p>
@@ -56,7 +56,7 @@ <h2>What is OpenChoreo?</h2>
             <div class="cVideoContainerInner">
                <video class="cVideo" style=" width: 100%;" class="aos-init aos-animate" data-aos="zoom-in"
                   autoplay="" loop="" muted="">
-                  <source src="./img/V2.webm" type="video/webm">
+                  <source src="./img/V3_name_added.mp4" type="video/mp4">
                </video>
             </div>
          </div>
@@ -159,10 +159,10 @@ <h2>What You Get with OpenChoreo</h2>
          </div>
       </div>
    </div>
-   <div class="container py-5">
+   <div class="container">
       <div class="row align-items-center mb-5 flex-column flex-md-row">
          <div class="col-md-6 order-1 order-md-2">
-            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 2">
+            <img src="/img/Infrastructure-Automation.png" class="img-fluid" alt="Image 2">
          </div>
          <div class="col-md-6 order-2 order-md-1">
             <div class="cTextContainer cLeftSide">
@@ -190,7 +190,7 @@ <h4>Impact:</h4>
       </div>
       <div class="row align-items-center mb-5 flex-column flex-md-row">
          <div class="col-md-6 order-1 order-md-1">
-            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 2">
+            <img src="/img/Infrastructure-Automation.png" class="img-fluid" alt="Image 2">
          </div>
          <div class="col-md-6 order-2 order-md-1">
             <div class="cTextContainer cRightSide">
@@ -219,7 +219,7 @@ <h4>Impact:</h4>
       </div>
       <div class="row align-items-center mb-5 flex-column flex-md-row">
          <div class="col-md-6 order-1 order-md-2">
-            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
+            <img src="/img/Infrastructure-Automation.png" class="img-fluid" alt="Image 3">
          </div>
          <div class="col-md-6 order-2 order-md-1">
             <div class="cTextContainer cLeftSide">
@@ -245,7 +245,7 @@ <h4>Impact:</h4>
       </div>
       <div class="row align-items-center mb-5 flex-column flex-md-row">
          <div class="col-md-6 order-1 order-md-1">
-            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
+            <img src="/img/Infrastructure-Automation.png" class="img-fluid" alt="Image 3">
          </div>
          <div class="col-md-6 order-2 order-md-1">
             <div class="cTextContainer cRightSide">
@@ -273,7 +273,7 @@ <h4>Impact:</h4>
       </div>
       <div class="row align-items-center mb-5 flex-column flex-md-row">
          <div class="col-md-6 order-1 order-md-2">
-            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
+            <img src="/img/Infrastructure-Automation.png" class="img-fluid" alt="Image 3">
          </div>
          <div class="col-md-6 order-2 order-md-1">
             <div class="cTextContainer cLeftSide">
@@ -301,7 +301,7 @@ <h4>Impact:</h4>
       </div>
       <div class="row align-items-center mb-5 flex-column flex-md-row">
          <div class="col-md-6 order-1 order-md-1">
-            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
+            <img src="/img/Infrastructure-Automation.png" class="img-fluid" alt="Image 3">
          </div>
          <div class="col-md-6 order-2 order-md-1">
             <div class="cTextContainer cRightSide">
@@ -328,7 +328,7 @@ <h4>Impact:</h4>
       </div>
       <div class="row align-items-center mb-5 flex-column flex-md-row">
          <div class="col-md-6 order-1 order-md-2">
-            <img src="https://choreo.dev/_next/image?url=https%3A%2F%2Fwso2.cachefly.net%2Fwso2%2Fsites%2Fall%2Fimage_resources%2Fchoreodev2025%2Fchoreo-dev-Deployment3.webp&w=1920&q=75" class="img-fluid" alt="Image 3">
+            <img src="/img/Infrastructure-Automation.png" class="img-fluid" alt="Image 3">
          </div>
          <div class="col-md-6 order-2 order-md-1">
             <div class="cTextContainer cLeftSide">