my-cloud-devops-consulting 1.1.202507110132__tar.gz → 1.1.202507120112__tar.gz

{my-cloud-devops-consulting-1.1.202507110132/my_cloud_devops_consulting.egg-info → my-cloud-devops-consulting-1.1.202507120112}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: my-cloud-devops-consulting
-Version: 1.1.202507110132
+Version: 1.1.202507120112
 Summary: This is my consulting website for Cloud & DevOps services.
 Home-page: https://github.com/Betrand1999/project-root
 Author: Betrand Mutagha

{my-cloud-devops-consulting-1.1.202507110132 → my-cloud-devops-consulting-1.1.202507120112/my_cloud_devops_consulting.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: my-cloud-devops-consulting
-Version: 1.1.202507110132
+Version: 1.1.202507120112
 Summary: This is my consulting website for Cloud & DevOps services.
 Home-page: https://github.com/Betrand1999/project-root
 Author: Betrand Mutagha

{my-cloud-devops-consulting-1.1.202507110132 → my-cloud-devops-consulting-1.1.202507120112}/my_cloud_devops_consulting.egg-info/SOURCES.txt

@@ -28,6 +28,7 @@ static/images/pexels-divinetechygirl-1181472.jpg
 static/images/pexels-fotios-photos-16129703.jpg
 static/images/pexels-tiger-lily-7108466.jpg
 static/images/whatsapp-navbar.png
+static/images/worldmap.jpeg
 static/js/counter.js
 static/js/index.js
 static/js/login.js

{my-cloud-devops-consulting-1.1.202507110132 → my-cloud-devops-consulting-1.1.202507120112}/templates/index.html

@@ -1,5 +1,184 @@
 {% extends "base.html" %} {% block main %}
 
+
+
+  <!-- Hero Section -->
+  <section
+    class="hero-section"
+    style="position: relative; text-align: center; padding: 60px 20px"
+  >
+    <!-- ✨ Floating Shapes -->
+    <div class="floating-shape one"></div>
+    <div class="floating-shape two"></div>
+
+    <h1 data-aos="fade-up" id="dynamic-headline"></h1>
+    <p data-aos="fade-up" data-aos-delay="200">
+      We specialize in delivering Cloud and DevOps consulting services tailored
+      to your unique business needs.
+    </p>
+    <a
+      href="{{ url_for('services') }}"
+      class="btn btn-primary mt-3"
+      data-aos="zoom-in"
+      data-aos-delay="400"
+    >
+      Explore Our Services
+    </a>
+  </section>
+
+  <!-- 🔥 Background Video Section -->
+  <section
+    class="video-hero-section"
+    style="
+      position: relative;
+      height: 100vh;
+      overflow: hidden;
+      text-align: center;
+    "
+  >
+    <!-- 🌐 Background Video with Poster -->
+    <video
+      autoplay
+      muted
+      loop
+      playsinline
+      aria-hidden="true"
+      poster="{{ url_for('static', filename='images/video-poster.jpg') }}"
+      style="
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        z-index: -2;
+      "
+    >
+      <source
+        src="{{ url_for('static', filename='videos/6804123-uhd_4096_2160_25fps.mp4') }}"
+        type="video/mp4"
+      />
+      Your browser does not support the video tag.
+    </video>
+
+    <!-- 💡 Optional Dark Overlay -->
+    <div
+      style="
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.5);
+        z-index: -1;
+      "
+    ></div>
+
+    <!-- ✨ Content Over Video -->
+    <div
+      style="position: relative; z-index: 1; padding: 120px 20px; color: white"
+    >
+      <h1 data-aos="fade-up">Innovation That Scales Globally</h1>
+      <p data-aos="fade-up" data-aos-delay="200">
+        Automation. Performance. Security. Delivered from the cloud to the edge.
+      </p>
+      <a
+        href="{{ url_for('contact_form') }}"
+        class="btn btn-primary mt-3"
+        data-aos="zoom-in"
+        data-aos-delay="400"
+      >
+        Request a Consultation
+      </a>
+    </div>
+  </section>
+
+  <!-- 🔥 Background Video Section -->
+
+  <!-- add demo -->
+  <section style="background: #f8f9fa; padding: 60px 20px; text-align: center">
+    <h2
+      style="
+        color: #1b1b1b;
+        font-size: 28px;
+        font-weight: 600;
+        margin-bottom: 10px;
+      "
+    >
+      Drive More Sales and Deliver an Effortless Experience
+    </h2>
+    <h1
+      style="
+        color: #005f73;
+        font-size: 36px;
+        font-weight: 700;
+        margin-bottom: 20px;
+      "
+    >
+      Live Chat Customer Service Software
+    </h1>
+    <p
+      style="
+        color: #333;
+        font-size: 18px;
+        max-width: 700px;
+        margin: 0 auto 30px;
+      "
+    >
+      CDC’s highly effective solution for cross-channel interactive customer
+      interactions.
+    </p>
+    <a
+      href="/contact-form"
+      style="
+        display: inline-block;
+        background-color: #005f73;
+        color: white;
+        padding: 15px 30px;
+        border-radius: 30px;
+        font-weight: 600;
+        text-decoration: none;
+      "
+    >
+      Request A Demo
+    </a>
+  </section>
+
+  <!-- Moving Image Section  1 -->
+  <!-- Horizontal Moving Images -->
+  <section class="moving-images-row">
+    <div class="moving-image-box">
+      <img
+        src="{{ url_for('static', filename='images/pexels-tiger-lily-7108466.jpg') }}"
+        alt="Tiger Lily"
+        class="moving-image"
+      />
+    </div>
+    <div class="moving-image-box">
+      <img
+        src="{{ url_for('static', filename='images/pexels-divinetechygirl-1181341.jpg') }}"
+        alt="Techy Girl"
+        class="moving-image"
+      />
+    </div>
+    <div class="moving-image-box">
+      <img
+        src="{{ url_for('static', filename='images/pexels-divinetechygirl-1181472.jpg') }}"
+        alt="Techy Girl"
+        class="moving-image"
+      />
+    </div>
+    <div class="moving-image-box">
+      <img
+        src="{{ url_for('static', filename='images/pexels-fotios-photos-16129703.jpg') }}"
+        alt="Techy Girl"
+        class="moving-image"
+      />
+    </div>
+  </section>
+
+=======
+
 <main>
   <!-- Hero Section -->
   <section
@@ -133,6 +312,7 @@
           environments.
         </p>
         <a href="{{ url_for('services') }}" class="btn-link">Learn More</a>
+
       </div>
     </div>
   </section>
@@ -202,10 +382,82 @@
       <div class="testimonial">
         <p>Their DevOps support transformed our infrastructure!</p>
         <span>– <strong>DevOps Solutions</strong></span>
+
       </div>
     </div>
   </section>
 
+
+  <!-- me added -->
+  <!-- Impact Stats Section -->
+  <section
+    class="stats-section"
+    style="background: #f9f9f9; padding: 60px 20px; text-align: center"
+  >
+    <h2 data-aos="fade-up">Our Impact in Numbers</h2>
+    <div
+      class="stats-grid"
+      style="
+        display: flex;
+        justify-content: center;
+        gap: 40px;
+        flex-wrap: wrap;
+        margin-top: 40px;
+      "
+    >
+      <div class="stat" data-aos="fade-up" data-aos-delay="100">
+        <div
+          class="counter"
+          data-target="1000"
+          style="font-size: 48px; font-weight: bold"
+        >
+          0
+        </div>
+        <p>Projects Delivered</p>
+      </div>
+      <div class="stat" data-aos="fade-up" data-aos-delay="200">
+        <div
+          class="counter"
+          data-target="700"
+          style="font-size: 48px; font-weight: bold"
+        >
+          0
+        </div>
+        <p>Happy Clients</p>
+      </div>
+      <div class="stat" data-aos="fade-up" data-aos-delay="300">
+        <div
+          class="counter"
+          data-target="950"
+          style="font-size: 48px; font-weight: bold"
+        >
+          0
+        </div>
+        <p>Supported Regions</p>
+      </div>
+    </div>
+  </section>
+
+  <!--add testimony-->
+  <section class="testimonials-carousel">
+    <h3>What Our Clients Say</h3>
+    <div class="carousel">
+      <div class="testimonial active">
+        <p>CDC helped us streamline our cloud migration. Highly recommend!</p>
+        <span>– <strong>Jane D.</strong></span>
+      </div>
+      <div class="testimonial">
+        <p>Professional, reliable, and skilled team.</p>
+        <span>– <strong>TechCorp Inc.</strong></span>
+      </div>
+      <div class="testimonial">
+        <p>Their DevOps support transformed our infrastructure!</p>
+        <span>– <strong>DevOps Solutions</strong></span>
+      </div>
+    </div>
+  </section>
+
+
   <!-- Quick Links Section -->
   <section class="quick-links">
     <h3>Quick Links for more</h3>
@@ -215,6 +467,34 @@
     </ul>
   </section>
 
+  <!-- Quick Links Section -->
+
+  <!-- Global Impact Map Section -->
+  <section style="background: #ffffff; padding: 60px 20px; text-align: center">
+    <h2
+      style="
+        color: #1b1b1b;
+        font-size: 32px;
+        font-weight: 700;
+        margin-bottom: 20px;
+      "
+    >
+      Global Impact of These Trends
+    </h2>
+    <img
+      src="{{ url_for('static', filename='images/worldmap.jpeg') }}"
+      alt="Global Impact Map"
+      style="
+        max-width: 90%;
+        height: auto;
+        border-radius: 10px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+      "
+      data-aos="zoom-in"
+    />
+  </section>
+
+
   <!-- Subscription Section -->
   <section
     style="