import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Select, SelectItem } from "@/components/ui/select"; import { Card, CardContent } from "@/components/ui/card"; import { Input } from "@/components/ui/input"; export default function QuranLandingPage() { const [surah, setSurah] = useState(1); const [ayah, setAyah] = useState(1); const [toAyah, setToAyah] = useState(1); const [repeat, setRepeat] = useState(1); const [verseText, setVerseText] = useState("Pilih ayat untuk menampilkan teks"); const [translation, setTranslation] = useState("Pilih ayat untuk menampilkan terjemahan"); const handlePlay = () => { alert(`Memutar Surah ${surah}, Ayat ${ayah}-${toAyah} sebanyak ${repeat} kali`); }; return (

Al-Qur'an Digital

Pilih surat, ayat, atur pengulangan, dan dengarkan ayat dengan mudah.

setAyah(e.target.value)} placeholder="Ayat dari" min="1" /> setToAyah(e.target.value)} placeholder="Ayat sampai" min={ayah} />

setRepeat(e.target.value)} placeholder="Ulangi berapa kali" min="1" max="10" />

handlePlay} className="w-full">Putar