Fix konsisten font, menu landing page & PPID

src/app/darmasaba/_com/main-page/prestasi/index.tsx

@@ -2,7 +2,19 @@
 'use client'
 import prestasiState from "@/app/admin/(dashboard)/_state/landing-page/prestasi-desa";
 import colors from "@/con/colors";
-import { BackgroundImage, Box, Button, Center, Container, Group, Loader, SimpleGrid, Stack, Text } from "@mantine/core";
+import {
+  BackgroundImage,
+  Box,
+  Button,
+  Center,
+  Container,
+  Group,
+  Loader,
+  SimpleGrid,
+  Stack,
+  Text,
+  Title,
+} from "@mantine/core";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
@@ -32,12 +44,31 @@ function Prestasi() {
     <Stack p="sm" bg="linear-gradient(180deg, #ffffff 0%, #f8fbff 100%)">
       <Container w={{ base: "100%", md: "80%" }} p="xl">
         <Stack align="center" gap="sm">
-            <Text c={colors["blue-button"]} ta="center" fz={{ base: "2rem", md: "3.4rem" }} fw={700}>
-              Prestasi Desa
-            </Text>
-          <Text fz={{ base: "1rem", md: "1.3rem" }} ta="center" c="dimmed" maw={700}>
-            Kami bangga dengan pencapaian desa hingga saat ini. Semoga prestasi ini menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan bersama.
+          
+          {/* TITLE UTAMA */}
+          <Title
+            order={1}
+            c={colors["blue-button"]}
+            ta="center"
+            fz={{ base: "2rem", sm: "2.6rem", md: "3.2rem" }}
+            lh={{ base: "2.4rem", md: "3.5rem" }}
+          >
+            Prestasi Desa
+          </Title>
+
+          {/* SUBTEXT */}
+          <Text
+            fz={{ base: "1rem", md: "1.2rem" }}
+            lh={{ base: "1.5rem", md: "1.8rem" }}
+            ta="center"
+            c="black"
+            maw={700}
+          >
+            Kami bangga dengan pencapaian desa hingga saat ini. Semoga prestasi ini
+            menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan
+            bersama.
           </Text>
+
           <Button
             radius="xl"
             size="lg"
@@ -59,13 +90,13 @@ function Prestasi() {
         ) : data.length === 0 ? (
           <Center mih={200}>
             <Stack align="center" gap="xs">
-              <Text fz="1.2rem" fw={500} c="dimmed">
+              <Text fz="1.2rem" fw={500} c="dimmed" ta="center" lh="1.4rem">
                 Belum ada prestasi yang ditampilkan
               </Text>
             </Stack>
           </Center>
         ) : (
-          <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="lg" mb={"xl"}>
+          <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="lg" mb="xl">
             {data.map((v, k) => (
               <BackgroundImage
                 key={k}
@@ -79,26 +110,32 @@ function Prestasi() {
                   bg="linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 100%)"
                   style={{ borderRadius: 27 }}
                 />
+
                 <Stack justify="space-between" h="100%" pos="relative" p="lg">
-                  <Box>
-                    <Text
-                      c="white"
-                      fz={{ base: "1rem", md: "1.25rem" }}
-                      ta="center"
-                      fw={500}
-                    >
-                      {v.kategori.name}
-                    </Text>
-                  </Box>
+                  
+                  {/* KATEGORI */}
+                  <Text
+                    c="white"
+                    fz={{ base: "1rem", md: "1.15rem" }}
+                    lh={{ base: "1.4rem", md: "1.6rem" }}
+                    ta="center"
+                    fw={500}
+                  >
+                    {v.kategori.name}
+                  </Text>
+
+                  {/* DESKRIPSI */}
                   <Text
                     fw={700}
                     c="white"
-                    fz={{ base: "1.5rem", md: "2rem", lg: "2.5rem" }}
+                    fz={{ base: "1.4rem", md: "1.8rem", lg: "2.2rem" }}
+                    lh={{ base: "1.8rem", md: "2.2rem", lg: "2.6rem" }}
                     ta="center"
                     dangerouslySetInnerHTML={{ __html: v.deskripsi }}
                     style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                     lineClamp={5}
                   />
+
                   <Group justify="center">
                     <Button
                       onClick={() => router.push(`/darmasaba/prestasi-desa/${v.id}`)}