Refactor index.html to modularize sections and add advertisement banners for hero, about, featured, projects, services, and contact sections. Enhance JavaScript to load components dynamically and improve CSS styles for ad banners.

components/ad-placements.html

@@ -0,0 +1 @@
+ 

components/ads.html

@@ -0,0 +1,37 @@
+<!-- Vertical Ad Banner -->
+<div class="vertical-ad-banner">
+  <div class="ad-content">
+    <div class="ad-icon">
+      <i class="bi bi-rocket-takeoff"></i>
+    </div>
+    <h4>Company</h4>
+    <p>Transform Your Business with Our Solutions</p>
+    <a href="#" class="ad-link">Explore Now <i class="bi bi-arrow-right"></i></a>
+  </div>
+</div>
+
+<!-- Horizontal Ad Banner -->
+<div class="horizontal-ad-banner">
+  <div class="ad-content">
+    <div class="ad-icon">
+      <i class="bi bi-graph-up-arrow"></i>
+    </div>
+    <div class="ad-text">
+      <h4>Boost Your Growth</h4>
+      <p>Partner with Company for Digital Excellence</p>
+    </div>
+    <a href="#" class="ad-link">Get Started <i class="bi bi-arrow-right"></i></a>
+  </div>
+</div>
+
+<!-- Feature Ad Banner -->
+<div class="feature-ad-banner">
+  <div class="ad-content">
+    <div class="ad-icon">
+      <i class="bi bi-shield-check"></i>
+    </div>
+    <h4>Secure Solutions</h4>
+    <p>Trusted by Industry Leaders</p>
+    <a href="#" class="ad-link">Learn More <i class="bi bi-arrow-right"></i></a>
+  </div>
+</div>