wibu/desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Add UI Landing Page

Browse Source
This commit is contained in:
nico
2025-03-18 09:59:47 +08:00
parent e082e8ce75
commit e9aab942c6
21 changed files with 934 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,35 +1,40 @@
import colors from "@/con/colors";
import { BackgroundImage, Box, Button, Center, Container, Group, SimpleGrid, Stack, Text } from "@mantine/core";
import Link from "next/link";
const data = [
{
id: 1,
title: "Tata Kelola Pemerintahan",
image: "/api/img/lombadesa.jpg",
deskripsi: "Juara 1 Lomba Desa Tingkat Kabupaten/Kota Tahun [XXXX]"
},
{
title: "Olahraga dan Kepemudaan",
deskripsi: "Tim Bola Voli Putri Dharma Temaja meraih juara 3 dalam Turnamen Bola Voli Mangupura Cup 2024 kategori Putri Se-Bali ",
image: "/api/img/prestasi-voli.jpeg",
link: "/darmasaba/prestasi/voli"
},
{
id: 2,
title: "Tata Kelola Pemerintahan",
image: "/api/img/lombadesa.jpg",
deskripsi: "Juara 1 Lomba Desa Tingkat Kabupaten/Kota Tahun [XXXX]"
},
{
title: "Hukum dan Kesadaran Masyarakat",
deskripsi: "Prestasi Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung Tahun 2024",
image: "/api/img/prestasilombahukum.png",
link: "/darmasaba/prestasi/hukum"
},
{
id: 3,
title: "Tata Kelola Pemerintahan",
image: "/api/img/lombadesa.jpg",
deskripsi: "Juara 1 Lomba Desa Tingkat Kabupaten/Kota Tahun [XXXX]"
},
title: "Tata Kelola dan Inovasi Desa",
deskripsi: "Peringkat 5 Dalam Ajang Bergengsi Mangupura Award",
image: "/api/img/prestasi-peringkat-5.jpeg",
link: "/darmasaba/desa/prestasi/lomba-hukum"
}
]
function Prestasi() {
return (
<>
<Stack p={"sm"}>
<Container w={{ base: "100%", md: "80%" }} p={"xl"}>
<Center>
<Text fz={"3.4rem"}>Prestasi Desa</Text>
</Center>
<Text ta={"center"} fz={"3.4rem"}>Prestasi Desa</Text>
<Text fz={"1.4rem"} ta={"center"}>Kami bangga dengan apa yang telah dicapai desa kita hingga saat ini. Semoga prestasi ini menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan bersama.</Text>
<Center pt={20}>
<Button radius={"lg"} fz={"h4"} color={colors["blue-button"]} component={Link} href="/darmasaba/prestasi">Selengkapnya</Button>
</Center>
</Container>
<Box py={50}>
<SimpleGrid
@@ -76,7 +81,7 @@ function Prestasi() {
{v.deskripsi}
</Text>
<Group justify="center">
<Button px={46} radius={"100"} size="md" bg={colors["blue-button"]}>
<Button component={Link} href={v.link} px={46} radius={"100"} size="md" bg={colors["blue-button"]}>
Lihat Detail
</Button>
</Group>