mphstar
/
TIF_E41210618
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change(picture): change image

This commit is contained in:
mphstar 2025-03-19 21:34:16 +07:00
parent 178fb250d4
commit 7bdcea3915
8 changed files with 54 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/images/susun_1.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
public/assets/images/susun_2.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 13 KiB

42
public/assets/images/susun_3.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

2
public/assets/images/susun_4.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

1
public/assets/images/susun_5.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

1
public/assets/images/susun_6.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

12
src/components/organisms/CarouselSusunHuruf.tsx
View File

@ -12,21 +12,21 @@ const slides = [
{ {
title: "Gerakan", title: "Gerakan",
description: description:
"Gerakkan tangan Anda di depan kamera untuk melanjutkan. Sistem akan mendeteksi gerakan Anda untuk navigasi tanpa sentuhan.", "Gerakkan tangan Anda di depan kamera. Sistem akan mendeteksi gerakan Anda.",
image: "/assets/images/susun_2.svg", image: "/assets/images/susun_5.svg",
button: "Next", button: "Next",
}, },
{ {
title: "Susun abjad", title: "Susun abjad",
description: description:
"Susun huruf-huruf menjadi kata yang benar. Ini adalah latihan untuk meningkatkan keterampilan kognitif dan kecepatan berpikir Anda.", "Susun huruf-huruf menjadi kata pada soal.",
image: "/assets/images/susun_3.svg", image: "/assets/images/susun_6.svg",
button: "Next", button: "Next",
}, },
{ {
title: "Score", title: "Score",
description: description:
"Selesaikan tugas dengan cepat untuk mendapatkan skor tertinggi. Skor Anda akan dibandingkan dengan pengguna lain di papan peringkat.", "Selesaikan soal dengan cepat untuk mendapatkan skor tertinggi. Skor Anda akan dibandingkan dengan pengguna lain di papan peringkat.",
image: "/assets/images/susun_4.svg", image: "/assets/images/susun_4.svg",
button: "Get Started", button: "Get Started",
}, },
@ -63,7 +63,7 @@ export default function Carousel() {
className="h-60" className="h-60"
/> />
{/* <h2 className="mt-4 text-xl font-bold">{slide.title}</h2> */} {/* <h2 className="mt-4 text-xl font-bold">{slide.title}</h2> */}
<p className="mt-8 text-gray-500 text-sm"> <p className="mt-8 text-gray-800 text-sm">
{slide.description} {slide.description}
</p> </p>
{/* <button {/* <button

4
src/components/organisms/CarouselTebakHuruf.tsx
View File

@ -12,7 +12,7 @@ const slides = [
{ {
title: "Tebak Huruf", title: "Tebak Huruf",
description: description:
"Tebak huruf sesuai soal yang ditampilkan. Ini adalah latihan untuk meningkatkan keterampilan kognitif dan kecepatan berpikir Anda.", "Tebak huruf sesuai soal yang ditampilkan.",
image: "/assets/images/susun_2.svg", image: "/assets/images/susun_2.svg",
button: "Next", button: "Next",
}, },
@ -59,7 +59,7 @@ export default function Carousel() {
> >
<img src={slide.image} alt={slide.title} className="h-60" /> <img src={slide.image} alt={slide.title} className="h-60" />
{/* <h2 className="mt-4 text-xl font-bold">{slide.title}</h2> */} {/* <h2 className="mt-4 text-xl font-bold">{slide.title}</h2> */}
<p className="mt-8 text-gray-500 text-sm"> <p className="mt-8 text-gray-800 text-sm">
{slide.description} {slide.description}
</p> </p>
{/* <button {/* <button