Add links to Webpack, Parcel, and Vite guides on homepage (#36760)

4 files changed, 19 insertions, 0 deletions

diff --git a/site/layouts/partials/home/masthead-followup.html b/site/layouts/partials/home/masthead-followup.html
index 3dc8cb4823..00a9e3367d 100644
--- a/site/layouts/partials/home/masthead-followup.html
+++ b/site/layouts/partials/home/masthead-followup.html
@@ -41,6 +41,25 @@
 <script src="%s" integrity=%q crossorigin="anonymous"></script>
 `) .Site.Params.cdn.js_bundle (.Site.Params.cdn.js_bundle_hash | safeHTMLAttr)) "html" "" }}
     </div>
+
+    <div class="col-md-8 mx-auto text-center">
+      <h4 class="fw-semibold">Read our getting started guides</h4>
+      <p>Get a jump on including Bootstrap's source files in a new project with our official guides.</p>
+      <div class="d-flex flex-wrap align-items-center justify-content-center gap-4 mt-4">
+        <a class="d-flex flex-column align-items-center text-decoration-none" href="/docs/{{ .Site.Params.docs_version }}/getting-started/webpack">
+          <img class="d-block mb-2" src="/docs/{{ .Site.Params.docs_version }}/assets/img/webpack.png" alt="" width="72" height="72" loading="lazy">
+          <span class="text-muted">Webpack</span>
+        </a>
+        <a class="d-flex flex-column align-items-center text-decoration-none" href="/docs/{{ .Site.Params.docs_version }}/getting-started/parcel">
+          <img class="d-block mb-2" src="/docs/{{ .Site.Params.docs_version }}/assets/img/parcel.png" alt="" width="72" height="72" loading="lazy">
+          <span class="text-muted">Parcel</span>
+        </a>
+        <a class="d-flex flex-column align-items-center text-decoration-none" href="/docs/{{ .Site.Params.docs_version }}/getting-started/vite">
+          <img class="d-block mb-2" src="/docs/{{ .Site.Params.docs_version }}/assets/img/vite.png" alt="" width="72" height="72" loading="lazy">
+          <span class="text-muted">Vite</span>
+        </a>
+      </div>
+    </div>
   </section>
 
   <section class="col-lg-7 mb-5">
diff --git a/site/static/docs/5.2/assets/img/parcel.png b/site/static/docs/5.2/assets/img/parcel.png
new file mode 100644
index 0000000000..899b29c7bb
--- /dev/null
+++ b/site/static/docs/5.2/assets/img/parcel.png
diff --git a/site/static/docs/5.2/assets/img/vite.png b/site/static/docs/5.2/assets/img/vite.png
new file mode 100644
index 0000000000..87b844b6c5
--- /dev/null
+++ b/site/static/docs/5.2/assets/img/vite.png
diff --git a/site/static/docs/5.2/assets/img/webpack.png b/site/static/docs/5.2/assets/img/webpack.png
new file mode 100644
index 0000000000..ed1719b818
--- /dev/null
+++ b/site/static/docs/5.2/assets/img/webpack.png