Activities Image

src/app/rpkm/activities/details/baan/page.tsx

@@ -40,6 +40,7 @@ const Page = () => {
           alt="activity image"
           width={0}
           height={0}
+          priority={true}
           className="my-4 object-cover"
           style={{ width: '60vw', height: '60vw' }}
         />

src/app/rpkm/activities/home/page.tsx

@@ -86,7 +86,7 @@ const page = () => {
           <div className="justify-center flex">
             <Card
               name="กิจกรรมชุมชน"
-              image="/rpkm/activities/communitybackground.png"
+              image="/rpkm/activities/communitybackground.svg"
               imageWidth="70vw"
               imageHeight="70vw"
               content="กิจกรรมชุมชน เป็นกิจกรรมที่จัดขึ้นเพื่อให้นิสิตใหม่ ได้ทำความรู้จักกับร้านค้า และชุมชนบริเวณโดยรอบจุฬาลงกรณ์มหาวิทยาลัยให้มากขึ้น ผ่านกิจกรรมการสะสมแต้มผ่าน Line OA ด้วยการร่วมทำกิจกรรมถ่ายรูปเช็คอิน ตะลุยทานของอร่อย ๆ รอบมอ ทำกิจกรรมอาสาเพื่อพัฒนาสังคม โดยร้านค้าและสถานที่ที่อยู่ในกิจกรรมมีตั้งแต่ร้านเก่าแก่ที่อยู่คู่จุฬาฯมาอย่างยาวนานตลอดจนร้านค้าใหม่ ๆ ที่เพิ่งเกิดขึ้นและน่าไปเช็คอิน บอกได้เลยว่า เหล่าเฟรชชี่ CU108 พลาดไม่ได้สักร้านเลยแน่นอน เพิ่มเพื่อนไลน์ OA และรับบัตรสะสมแต้มกัน เริ่มทำกิจกรรมกันได้เลย"

src/components/rpkm/Activities/Card.tsx

@@ -47,6 +47,7 @@ const Card: React.FC<CardProps> = ({
               height: imageHeight ? imageHeight : '60vw',
             }}
             className={cn('w-full object-cover', imageClassName)}
+            priority={true}
           />
         </div>
         <div className="flex flex-col gap-y-[2px] mt-1">