From 1fcbeb2b1efa77279543149c1170094b490db6f3 Mon Sep 17 00:00:00 2001
From: rohansen856 <rohansen856@gmail.com>
Date: Sun, 1 Jun 2025 03:27:43 +0530
Subject: [PATCH 1/2] fix: updated homepage stats for mobile screen

Signed-off-by: rohansen856 <rohansen856@gmail.com>
---
 app/page.tsx | 53 +++++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 48 insertions(+), 5 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index a65c0c0..41fd7c8 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -13,8 +13,6 @@ import g7 from "@/public/HomePageLogo/g7.svg"
 import g8 from "@/public/HomePageLogo/g8.svg"
 import g9 from "@/public/HomePageLogo/g9.svg"
 import g10 from "@/public/HomePageLogo/g10.svg"
-import bottomstats from "@/public/upper.svg"
-import topstats from "@/public/lower.svg"
 import * as motion from "motion/react-client"
 import AnimatedTitle from "@/components/AnimatedTitle"
 import CountAnimation from "@/components/CountAnimation"
@@ -171,9 +169,54 @@ export default function Home() {
           <HB4Form />
         </div>
       </div>
-      <div className="sm:hidden w-screen mt-28">
-        <Image src={bottomstats} alt="bottomstats" className="w-screen" />
-        <Image src={topstats} alt="topstats" className="w-screen" />
+      <div className="sm:hidden w-screen mt-28 flex flex-col gap-52 mb-14">
+        <div className="relative">
+          <Image
+            src={stats}
+            alt="bottomstats"
+            className="w-screen scale-[2.6] xs:scale-[1.8]"
+          />
+          <div className="w-full flex justify-evenly absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rotate-6 ">
+            <div className="w-[40%] text-center flex flex-col items-center mb-4 scale-150">
+              <CountAnimation targetValue={5134} />
+              <div className="font-bold text-sm text-white">Registrations</div>
+              <div className="font-bold text-xs text-[#FFC1C7] max-w-[70%]">
+                3600+ registrations from across the country.
+              </div>
+            </div>
+            <div className="w-[40%] text-center flex flex-col items-center mb-4 scale-150">
+              <CountAnimation targetValue={425} />
+              <div className="font-bold text-sm text-white">Participants</div>
+              <div className="font-bold text-xs text-[#FFC1C7] max-w-[70%]">
+                400+ participants joined the offline hackathon!
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="relative">
+          <Image
+            src={stats}
+            alt="bottomstats"
+            className="w-screen scale-[2.6] xs:scale-[1.8] -rotate-12"
+          />
+          <div className="w-full flex flex-wrap justify-evenly absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-6">
+            <div className="w-[40%] text-center flex flex-col items-center mb-4 scale-150">
+              <CountAnimation targetValue={100} />
+              <div className="font-bold text-sm text-white">Volunteers</div>
+              <div className="font-bold text-xs text-[#FFC1C7] max-w-[70%]">
+                To help you, get the best out of HackByte.
+              </div>
+            </div>
+            <div className="w-[40%] text-center flex flex-col items-center mb-4 scale-150">
+              <CountAnimation targetValue={105} />
+              <div className="font-bold text-sm text-white">Projects</div>
+              <div className="font-bold text-xs text-[#FFC1C7] max-w-[70%]">
+                Innovative submissions from various domains.
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <div className="relative sm:mt-0 mt-28 sm:block hidden">
         <Image

From 3f7bf55240c0b19334febeea760ca968943db9c3 Mon Sep 17 00:00:00 2001
From: rohansen856 <rohansen856@gmail.com>
Date: Sun, 1 Jun 2025 03:32:33 +0530
Subject: [PATCH 2/2] fix: updated registration stats

Signed-off-by: rohansen856 <rohansen856@gmail.com>
---
 app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/page.tsx b/app/page.tsx
index 41fd7c8..6012828 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -181,7 +181,7 @@ export default function Home() {
               <CountAnimation targetValue={5134} />
               <div className="font-bold text-sm text-white">Registrations</div>
               <div className="font-bold text-xs text-[#FFC1C7] max-w-[70%]">
-                3600+ registrations from across the country.
+                5100+ registrations from across the country.
               </div>
             </div>
             <div className="w-[40%] text-center flex flex-col items-center mb-4 scale-150">