From ee377789dc7cc4696dfacfab66e105d94aaae4e6 Mon Sep 17 00:00:00 2001
From: Chohyeon kim <chohyeonkim94@gmail.com>
Date: Wed, 31 Jan 2024 20:13:17 -0800
Subject: [PATCH] Change Stats: Numbers bold and text unbold

---
 components/Stats.jsx  | 8 ++++++--
 components/Stats2.jsx | 9 ++++++---
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/Stats.jsx b/components/Stats.jsx
index 10e3780..3d72aa1 100644
--- a/components/Stats.jsx
+++ b/components/Stats.jsx
@@ -20,11 +20,15 @@ const Stats = () => {
         <div className="flex"> 
           <div className="mx-10 w-1/2 relative" ref={cloud1Ref} style={cloud1Style}>
             <Image src="/assets/cloud3.svg" height={150} width={350} layout="responsive" alt="cloud" />
-            <p className='text-3xl font-bold text-dark-green absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10 font-bold '>100+ Participants</p>
+            <p className='text-3xl text-dark-green absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10 '>
+              <span className="font-bold">100+</span> Participants
+            </p>
           </div>
           <div className="mx-10 w-1/2 relative" ref={cloud2Ref} style={cloud2Style}>
             <Image src="/assets/cloud4.svg" height={150} width={300} layout="responsive" alt="cloud" />
-            <p className='text-3xl font-bold text-dark-green absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10'>30+ Projects</p>
+            <p className='text-3xl text-dark-green absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10'>
+              <span className="font-bold">30+</span> Projects
+            </p>
           </div>
         </div>
         <div className="flex">
diff --git a/components/Stats2.jsx b/components/Stats2.jsx
index a58b982..af43b40 100644
--- a/components/Stats2.jsx
+++ b/components/Stats2.jsx
@@ -22,12 +22,15 @@ const Stats2 = () => {
         <div className="flex w-2/3"> 
           <div className="mx-20 w-1/2 relative " ref={cloud1Ref} style={cloud1Style}>
             <Image src="/assets/cloud1.svg" height={150} width={350} layout="responsive" alt="cloud" />
-            <p className='text-3xl font-bold text-dark-green absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10'>600+ applications 
-</p>
+            <p className='text-3xl text-dark-green absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10'>
+              <span className="font-bold">600+</span> Applications
+            </p>
           </div>
           <div className="mr-16 w-1/2 relative" ref={cloud2Ref} style={cloud2Style}>
             <Image src="/assets/cloud2.svg" height={150} width={300} layout="responsive" alt="cloud"/>
-            <p className='text-3xl font-bold text-dark-green absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10'>25+ Volunteers & Mentors </p>
+            <p className='text-3xl text-dark-green absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10'>
+              <span className="font-bold">25+</span> Volunteers & Mentors 
+            </p>
           </div>
         </div>
         <div className="flex w-1/3">