From 7a9656714e0f8aad6f3b87160081b098590c7ee7 Mon Sep 17 00:00:00 2001
From: Sabda Yagra <msabdayagra@gmail.com>
Date: Mon, 9 Mar 2026 12:19:53 +0700
Subject: [PATCH] fix: bugs in ladning and icon tenant setting

---
 .../tenant-settings-content-table.tsx         |   2 +-
 components/landing-page/header.tsx            | 213 +++++++++---------
 2 files changed, 107 insertions(+), 108 deletions(-)

diff --git a/app/[locale]/(admin)/admin/settings/tenant/component/tenant-settings-content-table.tsx b/app/[locale]/(admin)/admin/settings/tenant/component/tenant-settings-content-table.tsx
index bb7e578..0792298 100644
--- a/app/[locale]/(admin)/admin/settings/tenant/component/tenant-settings-content-table.tsx
+++ b/app/[locale]/(admin)/admin/settings/tenant/component/tenant-settings-content-table.tsx
@@ -208,7 +208,7 @@ function TenantSettingsContentTable() {
           </p>
         </div>
         <div className="flex items-center gap-2">
-          <SettingsIcon className="h-6 w-6 text-gray-500" />
+          {/* <SettingsIcon className="h-6 w-6 text-gray-500" /> */}
           {/* <Button variant="outline" size="sm" onClick={checkWorkflowStatus}>
             Check Workflow Status
           </Button> */}
diff --git a/components/landing-page/header.tsx b/components/landing-page/header.tsx
index 2971cb7..755553e 100644
--- a/components/landing-page/header.tsx
+++ b/components/landing-page/header.tsx
@@ -137,8 +137,8 @@ export default function Header() {
   }, [bookmarkedIds]);
 
   return (
-    <RevealR>
-      <section className="max-w-[1350px] mx-auto px-4">
+    <section className="max-w-[1350px] mx-auto px-4">
+      <RevealR>
         <div className="flex flex-col lg:flex-row gap-6 py-6">
           {data.length > 0 && (
             <Card
@@ -150,7 +150,6 @@ export default function Header() {
               }
             />
           )}
-
           <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 w-full">
             {data.slice(1, 5).map((item) => (
               <Card
@@ -164,44 +163,44 @@ export default function Header() {
             ))}
           </div>
         </div>
+      </RevealR>
 
-        <div className="relative w-full h-48 sm:h-64 md:h-80 lg:h-[460px] mt-4 rounded-xl overflow-hidden">
-          <Swiper
-            modules={[Navigation, Pagination]}
-            navigation
-            pagination={{ clickable: true }}
-            spaceBetween={10}
-            slidesPerView={1}
-            loop={true}
-            className="w-full h-full"
-          >
-            {images.map((img, index) => (
-              <SwiperSlide key={index}>
-                <div className="relative w-full h-48 sm:h-64 md:h-80 lg:h-[460px]">
-                  {/* <Image
+      <div className="relative w-full h-48 sm:h-64 md:h-80 lg:h-[460px] mt-4 rounded-xl overflow-hidden">
+        <Swiper
+          modules={[Navigation, Pagination]}
+          navigation
+          pagination={{ clickable: true }}
+          spaceBetween={10}
+          slidesPerView={1}
+          loop={true}
+          className="w-full h-full"
+        >
+          {images.map((img, index) => (
+            <SwiperSlide key={index}>
+              <div className="relative w-full h-48 sm:h-64 md:h-80 lg:h-[460px]">
+                {/* <Image
                   src={img}
                   alt={`slide-${index}`}
                   fill
                   className="object-cover rounded-xl"
                   priority={index === 0}
                 /> */}
-                  <ImageBlurry
-                    priority
-                    src={img}
-                    alt="gambar"
-                    style={{
-                      objectFit: "contain",
-                      width: "100%",
-                      height: "100%",
-                    }}
-                  />
-                </div>
-              </SwiperSlide>
-            ))}
-          </Swiper>
-        </div>
-      </section>
-    </RevealR>
+                <ImageBlurry
+                  priority
+                  src={img}
+                  alt="gambar"
+                  style={{
+                    objectFit: "contain",
+                    width: "100%",
+                    height: "100%",
+                  }}
+                />
+              </div>
+            </SwiperSlide>
+          ))}
+        </Swiper>
+      </div>
+    </section>
   );
 }
 
@@ -311,92 +310,92 @@ function Card({
   };
 
   return (
-    <RevealL>
+    // <RevealL>
+    <div
+      className={`rounded-xl overflow-hidden shadow hover:shadow-lg transition-all bg-white dark:bg-black dark:border dark:border-slate-50 ${
+        isBig
+          ? "w-full lg:max-w-[670px] lg:min-h-[680px]"
+          : "w-full h-[350px] md:h-[330px]"
+      }`}
+    >
       <div
-        className={`rounded-xl overflow-hidden shadow hover:shadow-lg transition-all bg-white dark:bg-black dark:border dark:border-slate-50 ${
-          isBig
-            ? "w-full lg:max-w-[670px] lg:min-h-[680px]"
-            : "w-full h-[350px] md:h-[330px]"
-        }`}
+        className={`relative ${
+          isBig ? "aspect-[3/2] lg:h-[525px]" : "aspect-video"
+        } w-full`}
       >
-        <div
-          className={`relative ${
-            isBig ? "aspect-[3/2] lg:h-[525px]" : "aspect-video"
-          } w-full`}
-        >
-          <Link href={getLink()}>
-            {/* <Image
+        <Link href={getLink()}>
+          {/* <Image
               src={item.smallThumbnailLink || "/contributor.png"}
               alt={item.title}
               fill
               className="object-cover"
             /> */}
-            <ImageBlurry
-              src={imageSrc}
-              alt={item.title}
-              className="w-full h-full object-contain"
-            />
-          </Link>
+          <ImageBlurry
+            src={imageSrc}
+            alt={item.title}
+            className="w-full h-full object-contain"
+          />
+        </Link>
+      </div>
+
+      <div className="py-[26px] px-4 space-y-2">
+        <div className="flex justify-between items-center gap-2 text-xs font-semibold flex-row">
+          <span className="bg-emerald-600 text-white px-2 py-0.5 rounded">
+            {item.clientName}
+          </span>
+          <span className="text-orange-600">
+            {item.categories?.map((cat: any) => cat.title).join(", ")}
+          </span>
         </div>
 
-        <div className="py-[26px] px-4 space-y-2">
-          <div className="flex justify-between items-center gap-2 text-xs font-semibold flex-row">
-            <span className="bg-emerald-600 text-white px-2 py-0.5 rounded">
-              {item.clientName}
-            </span>
-            <span className="text-orange-600">
-              {item.categories?.map((cat: any) => cat.title).join(", ")}
-            </span>
+        <div className="text-xs text-gray-500">
+          {new Date(item.createdAt)
+            .toLocaleString("id-ID", {
+              day: "2-digit",
+              month: "short",
+              year: "numeric",
+              hour: "2-digit",
+              minute: "2-digit",
+              hour12: false,
+              timeZone: "Asia/Jakarta",
+            })
+            .replace(".", ":")}{" "}
+          WIB
+        </div>
+
+        <Link href={getLink()}>
+          <h3 className="text-sm font-semibold leading-snug line-clamp-2">
+            {item.title}
+          </h3>
+        </Link>
+
+        <div className="flex justify-between items-center pt-2">
+          <div className="flex gap-2 text-gray-500">
+            <ThumbsUp
+              size={18}
+              className="cursor-pointer hover:text-[#F60100]"
+            />
+            <ThumbsDown
+              size={18}
+              className="cursor-pointer hover:text-red-600"
+            />
           </div>
 
-          <div className="text-xs text-gray-500">
-            {new Date(item.createdAt)
-              .toLocaleString("id-ID", {
-                day: "2-digit",
-                month: "short",
-                year: "numeric",
-                hour: "2-digit",
-                minute: "2-digit",
-                hour12: false,
-                timeZone: "Asia/Jakarta",
-              })
-              .replace(".", ":")}{" "}
-            WIB
-          </div>
-
-          <Link href={getLink()}>
-            <h3 className="text-sm font-semibold leading-snug line-clamp-2">
-              {item.title}
-            </h3>
-          </Link>
-
-          <div className="flex justify-between items-center pt-2">
-            <div className="flex gap-2 text-gray-500">
-              <ThumbsUp
-                size={18}
-                className="cursor-pointer hover:text-[#F60100]"
-              />
-              <ThumbsDown
-                size={18}
-                className="cursor-pointer hover:text-red-600"
-              />
-            </div>
-
-            <button
-              onClick={handleSave}
-              disabled={isSaving || isBookmarked}
-              className={`text-sm px-3 py-1 rounded-md transition-all duration-200 ${
-                isBookmarked
-                  ? "bg-gray-400 text-white cursor-not-allowed"
-                  : "bg-[#F60100] text-white hover:bg-[#c90000]"
-              }`}
-            >
-              {isSaving ? t("saving") : isBookmarked ? t("saved") : t("save")}
-            </button>
-          </div>
+          <button
+            onClick={handleSave}
+            disabled={isSaving || isBookmarked}
+            className={`text-sm px-3 py-1 rounded-md transition-all duration-200 ${
+              isBookmarked
+                ? "bg-gray-400 text-white cursor-not-allowed"
+                : "bg-[#F60100] text-white hover:bg-[#c90000]"
+            }`}
+          >
+            {isSaving ? t("saving") : isBookmarked ? t("saved") : t("save")}
+          </button>
         </div>
       </div>
-    </RevealL>
+    </div>
+    // </RevealL>
   );
 }