From 701be4e00babcebc779753c22d3827d00b3aded0 Mon Sep 17 00:00:00 2001
From: Rounak Joshi <rounakjsh783@gmail.com>
Date: Sat, 4 Oct 2025 10:11:20 +0530
Subject: [PATCH 1/3] Refactor DownloadCounter component styles and update
 HomePageClient layout

- Adjusted styles in DownloadCounter for improved responsiveness, including font sizes and padding.
---
 src/app/[locale]/HomePageClient.tsx      | 2 +-
 src/components/DownloadCounter/index.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/[locale]/HomePageClient.tsx b/src/app/[locale]/HomePageClient.tsx
index 1cfe81dc..ad0e5d9b 100644
--- a/src/app/[locale]/HomePageClient.tsx
+++ b/src/app/[locale]/HomePageClient.tsx
@@ -19,10 +19,10 @@ export default function HomePageClient({
     return (
         <div>
             <HeroSection latestLTS={latestLTS} />
+            <DownloadCounter total={total_downloads} />
             <LogoCarousel />
             <BlockAnnouncement />
             <PowerOfTemurin />
-            <DownloadCounter total={total_downloads} />
             <TemurinFeatures />
             <WGProjects />
             <Testimonials />
diff --git a/src/components/DownloadCounter/index.tsx b/src/components/DownloadCounter/index.tsx
index f9292b24..1b1bb2ad 100644
--- a/src/components/DownloadCounter/index.tsx
+++ b/src/components/DownloadCounter/index.tsx
@@ -54,17 +54,17 @@ const DownloadCounter = ({ total }: DownloadCounterProps) => {
   }, [animate, endValue, startValue, duration])
 
   return (
-    <div className="bg-purple py-8 lg:py-16" ref={counterRef}>
+    <div className="bg-purple py-8 lg:py-6" ref={counterRef}>
       <div className="mx-auto max-w-[832px] w-full px-6 lg:px-0 flex flex-col items-center justify-center">
-        <h2 className="text-center text-[36px] sm:text-5xl font-semibold leading-[44px] sm:leading-[56px] text-white">
+        <h2 className="text-center text-[24px] sm:text-3xl font-semibold leading-[32px] sm:leading-[40px] text-white">
           {t('title')}
         </h2>
-        <h3 className="text-center text-[64px] lg:text-[104px] leading-[72px] lg:leading-[120px] font-semibold my-8" style={{ color: '#FF1365' }}>
+        <h3 className="text-center text-[40px] lg:text-[64px] leading-[48px] lg:leading-[72px] font-semibold my-4" style={{ color: '#FF1365' }}>
           {count.toLocaleString()}
         </h3>
         <div className="flex items-center gap-4 flex-wrap sm:gap-6 justify-center">
           <span>
-            <DiGithubFull size={70} />
+            <DiGithubFull size={50} />
           </span>
           <p className="text-[16px] font-normal leading-6 text-white mb-0">
             {t('total-download-docker-pulls-ever')}

From a4428c24b27ad1dc9ea413a7b58dcfbf41686a85 Mon Sep 17 00:00:00 2001
From: Rounak Joshi <rounakjsh783@gmail.com>
Date: Sat, 4 Oct 2025 10:47:10 +0530
Subject: [PATCH 2/3] Download Counter moved below carousel.

---
 src/app/[locale]/HomePageClient.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/[locale]/HomePageClient.tsx b/src/app/[locale]/HomePageClient.tsx
index ad0e5d9b..2092959c 100644
--- a/src/app/[locale]/HomePageClient.tsx
+++ b/src/app/[locale]/HomePageClient.tsx
@@ -19,8 +19,8 @@ export default function HomePageClient({
     return (
         <div>
             <HeroSection latestLTS={latestLTS} />
-            <DownloadCounter total={total_downloads} />
             <LogoCarousel />
+            <DownloadCounter total={total_downloads} />
             <BlockAnnouncement />
             <PowerOfTemurin />
             <TemurinFeatures />

From ffa724d638ed7e82a73fa2f7041aa4baa4322083 Mon Sep 17 00:00:00 2001
From: Rounak Joshi <rounakjsh783@gmail.com>
Date: Sat, 4 Oct 2025 17:03:50 +0530
Subject: [PATCH 3/3] Snapshots Updated

---
 .../__snapshots__/page.test.tsx.snap          | 88 +++++++++----------
 1 file changed, 44 insertions(+), 44 deletions(-)

diff --git a/src/app/[locale]/__tests__/__snapshots__/page.test.tsx.snap b/src/app/[locale]/__tests__/__snapshots__/page.test.tsx.snap
index b83470a0..c641ce5a 100644
--- a/src/app/[locale]/__tests__/__snapshots__/page.test.tsx.snap
+++ b/src/app/[locale]/__tests__/__snapshots__/page.test.tsx.snap
@@ -239,6 +239,50 @@ exports[`Index page > renders correctly 1`] = `
       </span>
     </div>
   </div>
+  <div
+    class="bg-purple py-8 lg:py-6"
+  >
+    <div
+      class="mx-auto max-w-[832px] w-full px-6 lg:px-0 flex flex-col items-center justify-center"
+    >
+      <h2
+        class="text-center text-[24px] sm:text-3xl font-semibold leading-[32px] sm:leading-[40px] text-white"
+      >
+        Text
+      </h2>
+      <h3
+        class="text-center text-[40px] lg:text-[64px] leading-[48px] lg:leading-[72px] font-semibold my-4"
+        style="color: rgb(255, 19, 101);"
+      >
+        0
+      </h3>
+      <div
+        class="flex items-center gap-4 flex-wrap sm:gap-6 justify-center"
+      >
+        <span>
+          <svg
+            fill="currentColor"
+            height="50"
+            stroke="currentColor"
+            stroke-width="0"
+            version="1.1"
+            viewBox="0 0 32 32"
+            width="50"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M6.368 15.671h-2.653c-0.068 0-0.124 0.055-0.124 0.124v1.296c0 0.069 0.055 0.124 0.124 0.124h1.035v1.612c0 0-0.232 0.078-0.874 0.078-0.758 0-1.817-0.278-1.817-2.604 0-2.328 1.102-2.634 2.137-2.634 0.896 0 1.282 0.157 1.527 0.234 0.077 0.024 0.147-0.053 0.147-0.122l0.296-1.253c0-0.032-0.011-0.071-0.047-0.097-0.1-0.070-0.708-0.411-2.245-0.411-1.771 0-3.588 0.753-3.588 4.375s2.079 4.16 3.832 4.16c1.451 0 2.332-0.62 2.332-0.62 0.036-0.020 0.040-0.070 0.040-0.093v-4.045c-0.001-0.069-0.056-0.124-0.124-0.124zM19.783 12.327h-1.493c-0.069 0-0.124 0.056-0.124 0.124v2.886h-2.328v-2.886c0-0.069-0.056-0.124-0.123-0.124h-1.494c-0.067 0-0.122 0.056-0.122 0.124v7.814c0 0.069 0.055 0.125 0.122 0.125h1.494c0.068 0 0.123-0.056 0.123-0.125v-3.342h2.328l-0.005 3.342c0 0.069 0.055 0.124 0.122 0.124h1.494c0.069 0 0.122-0.056 0.122-0.124l0.005-7.815c0.001-0.069-0.055-0.124-0.122-0.124zM8.152 12.504c-0.532 0-0.963 0.435-0.963 0.972s0.431 0.973 0.963 0.973 0.963-0.435 0.963-0.973c0-0.537-0.431-0.972-0.963-0.972zM9.009 15.011c0-0.068-0.055-0.125-0.122-0.125h-1.489c-0.070 0-0.129 0.070-0.129 0.139 0 0 0 4.341 0 5.168 0 0.151 0.094 0.197 0.217 0.197 0 0 0.635 0 1.342 0 0.146 0 0.185-0.072 0.185-0.2-0.001-0.277-0.001-1.362-0.001-1.572-0.001-0.2-0.001-3.607-0.001-3.607zM25.564 14.898h-1.482c-0.068 0-0.122 0.056-0.122 0.125v3.831c0 0-0.376 0.277-0.912 0.277-0.534 0-0.677-0.242-0.677-0.767 0-0.523 0-3.342 0-3.342 0-0.069-0.056-0.125-0.123-0.125h-1.503c-0.069 0-0.123 0.056-0.123 0.125 0 0 0 2.040 0 3.595s0.866 1.935 2.057 1.935c0.977 0 1.767-0.54 1.767-0.54s0.037 0.284 0.055 0.317c0.016 0.034 0.060 0.068 0.108 0.068h0.952c0.068 0 0.123-0.056 0.123-0.125l0.004-5.25c-0.003-0.068-0.059-0.124-0.126-0.124zM29.622 14.722c-0.842 0-1.414 0.376-1.414 0.376v-2.646c0-0.069-0.056-0.124-0.122-0.124h-1.499c-0.067 0-0.122 0.056-0.122 0.124l-0.004 7.815c0 0.069 0.056 0.124 0.123 0.124 0 0 1.043 0 1.044 0 0.046 0 0.081-0.024 0.108-0.066s0.063-0.361 0.063-0.361 0.611 0.581 1.771 0.581c1.362 0 2.142-0.691 2.142-3.101-0-2.407-1.247-2.722-2.089-2.722zM29.038 19.126c-0.514-0.016-0.862-0.249-0.862-0.249v-2.476c0 0 0.344-0.211 0.767-0.249 0.534-0.047 1.050 0.114 1.050 1.387-0.003 1.342-0.235 1.607-0.954 1.586zM13.324 19.097c-0.066 0-0.233 0.026-0.405 0.026-0.549 0-0.737-0.256-0.737-0.587 0-0.332 0-2.198 0-2.198h1.121c0.069 0 0.123-0.055 0.123-0.125v-1.204c0.001-0.069-0.054-0.125-0.123-0.125h-1.121l-0.002-1.48c0-0.056-0.030-0.084-0.094-0.084h-1.526c-0.059 0-0.092 0.026-0.092 0.083v1.529c0 0-0.765 0.185-0.817 0.2s-0.088 0.063-0.088 0.119v0.962c0 0.069 0.056 0.125 0.123 0.125h0.782c0 0 0 1.005 0 2.312 0 1.717 1.205 1.886 2.018 1.886 0.371 0 0.815-0.121 0.889-0.147 0.045-0.016 0.070-0.062 0.070-0.111l0.001-1.057c0-0.069-0.058-0.125-0.122-0.125z"
+            />
+          </svg>
+        </span>
+        <p
+          class="text-[16px] font-normal leading-6 text-white mb-0"
+        >
+          Text
+        </p>
+      </div>
+    </div>
+  </div>
   <div
     class="relative w-full"
   >
@@ -572,50 +616,6 @@ exports[`Index page > renders correctly 1`] = `
       </div>
     </div>
   </div>
-  <div
-    class="bg-purple py-8 lg:py-16"
-  >
-    <div
-      class="mx-auto max-w-[832px] w-full px-6 lg:px-0 flex flex-col items-center justify-center"
-    >
-      <h2
-        class="text-center text-[36px] sm:text-5xl font-semibold leading-[44px] sm:leading-[56px] text-white"
-      >
-        Text
-      </h2>
-      <h3
-        class="text-center text-[64px] lg:text-[104px] leading-[72px] lg:leading-[120px] font-semibold my-8"
-        style="color: rgb(255, 19, 101);"
-      >
-        0
-      </h3>
-      <div
-        class="flex items-center gap-4 flex-wrap sm:gap-6 justify-center"
-      >
-        <span>
-          <svg
-            fill="currentColor"
-            height="70"
-            stroke="currentColor"
-            stroke-width="0"
-            version="1.1"
-            viewBox="0 0 32 32"
-            width="70"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M6.368 15.671h-2.653c-0.068 0-0.124 0.055-0.124 0.124v1.296c0 0.069 0.055 0.124 0.124 0.124h1.035v1.612c0 0-0.232 0.078-0.874 0.078-0.758 0-1.817-0.278-1.817-2.604 0-2.328 1.102-2.634 2.137-2.634 0.896 0 1.282 0.157 1.527 0.234 0.077 0.024 0.147-0.053 0.147-0.122l0.296-1.253c0-0.032-0.011-0.071-0.047-0.097-0.1-0.070-0.708-0.411-2.245-0.411-1.771 0-3.588 0.753-3.588 4.375s2.079 4.16 3.832 4.16c1.451 0 2.332-0.62 2.332-0.62 0.036-0.020 0.040-0.070 0.040-0.093v-4.045c-0.001-0.069-0.056-0.124-0.124-0.124zM19.783 12.327h-1.493c-0.069 0-0.124 0.056-0.124 0.124v2.886h-2.328v-2.886c0-0.069-0.056-0.124-0.123-0.124h-1.494c-0.067 0-0.122 0.056-0.122 0.124v7.814c0 0.069 0.055 0.125 0.122 0.125h1.494c0.068 0 0.123-0.056 0.123-0.125v-3.342h2.328l-0.005 3.342c0 0.069 0.055 0.124 0.122 0.124h1.494c0.069 0 0.122-0.056 0.122-0.124l0.005-7.815c0.001-0.069-0.055-0.124-0.122-0.124zM8.152 12.504c-0.532 0-0.963 0.435-0.963 0.972s0.431 0.973 0.963 0.973 0.963-0.435 0.963-0.973c0-0.537-0.431-0.972-0.963-0.972zM9.009 15.011c0-0.068-0.055-0.125-0.122-0.125h-1.489c-0.070 0-0.129 0.070-0.129 0.139 0 0 0 4.341 0 5.168 0 0.151 0.094 0.197 0.217 0.197 0 0 0.635 0 1.342 0 0.146 0 0.185-0.072 0.185-0.2-0.001-0.277-0.001-1.362-0.001-1.572-0.001-0.2-0.001-3.607-0.001-3.607zM25.564 14.898h-1.482c-0.068 0-0.122 0.056-0.122 0.125v3.831c0 0-0.376 0.277-0.912 0.277-0.534 0-0.677-0.242-0.677-0.767 0-0.523 0-3.342 0-3.342 0-0.069-0.056-0.125-0.123-0.125h-1.503c-0.069 0-0.123 0.056-0.123 0.125 0 0 0 2.040 0 3.595s0.866 1.935 2.057 1.935c0.977 0 1.767-0.54 1.767-0.54s0.037 0.284 0.055 0.317c0.016 0.034 0.060 0.068 0.108 0.068h0.952c0.068 0 0.123-0.056 0.123-0.125l0.004-5.25c-0.003-0.068-0.059-0.124-0.126-0.124zM29.622 14.722c-0.842 0-1.414 0.376-1.414 0.376v-2.646c0-0.069-0.056-0.124-0.122-0.124h-1.499c-0.067 0-0.122 0.056-0.122 0.124l-0.004 7.815c0 0.069 0.056 0.124 0.123 0.124 0 0 1.043 0 1.044 0 0.046 0 0.081-0.024 0.108-0.066s0.063-0.361 0.063-0.361 0.611 0.581 1.771 0.581c1.362 0 2.142-0.691 2.142-3.101-0-2.407-1.247-2.722-2.089-2.722zM29.038 19.126c-0.514-0.016-0.862-0.249-0.862-0.249v-2.476c0 0 0.344-0.211 0.767-0.249 0.534-0.047 1.050 0.114 1.050 1.387-0.003 1.342-0.235 1.607-0.954 1.586zM13.324 19.097c-0.066 0-0.233 0.026-0.405 0.026-0.549 0-0.737-0.256-0.737-0.587 0-0.332 0-2.198 0-2.198h1.121c0.069 0 0.123-0.055 0.123-0.125v-1.204c0.001-0.069-0.054-0.125-0.123-0.125h-1.121l-0.002-1.48c0-0.056-0.030-0.084-0.094-0.084h-1.526c-0.059 0-0.092 0.026-0.092 0.083v1.529c0 0-0.765 0.185-0.817 0.2s-0.088 0.063-0.088 0.119v0.962c0 0.069 0.056 0.125 0.123 0.125h0.782c0 0 0 1.005 0 2.312 0 1.717 1.205 1.886 2.018 1.886 0.371 0 0.815-0.121 0.889-0.147 0.045-0.016 0.070-0.062 0.070-0.111l0.001-1.057c0-0.069-0.058-0.125-0.122-0.125z"
-            />
-          </svg>
-        </span>
-        <p
-          class="text-[16px] font-normal leading-6 text-white mb-0"
-        >
-          Text
-        </p>
-      </div>
-    </div>
-  </div>
   <div
     class="temurin-features"
   >