import { home } from '@/routes'; import { Head, Link } from '@inertiajs/react'; import { AnimatePresence, motion } from 'framer-motion'; import { useEffect, useState } from 'react'; type Slide = { image: string; title: string; subtitle: string; desc: string; }; type Service = { title: string; desc: string; image: string; }; const slides: Slide[] = [ { image: 'images/img1.jpg', title: 'Dinas Pemadam Kebakaran', subtitle: 'Siaga • Sigap • Tanggap', desc: 'Siap 24 jam menanggapi keadaan darurat kebakaran dan penyelamatan.', }, { image: 'images/img2.jpg', title: 'Pelayanan Cepat & Profesional', subtitle: 'Kami Selalu Hadir untuk Anda', desc: 'Dengan armada modern dan tim terlatih, kami siap bertindak cepat.', }, { image: 'images/img3.jpg', title: 'Keselamatan Adalah Prioritas Kami', subtitle: 'Edukasi & Pencegahan Kebakaran', desc: 'Memberikan pelatihan masyarakat untuk mencegah kebakaran sejak dini.', }, ]; const services: Service[] = [ { title: 'Pemadaman Kebakaran Profesional', desc: 'Respons cepat dengan peralatan modern dan tim terlatih.', image: 'images/img1.jpg', }, { title: 'Penyelamatan & Evakuasi', desc: 'Misi penyelamatan terkoordinasi untuk situasi kritis.', image: 'images/img2.jpg', }, { title: 'Edukasi & Pelatihan Masyarakat', desc: 'Pelatihan hands-on untuk kesiapsiagaan komunitas.', image: 'images/img3.jpg', }, ]; export default function Landing() { const [open, setOpen] = useState(false); const [index, setIndex] = useState(0); // 🔁 Ganti slide tiap 8 detik useEffect(() => { const interval = setInterval(() => { setIndex((prev) => (prev + 1) % slides.length); }, 8000); return () => clearInterval(interval); }, []); const current = slides[index]; return ( <> {/* ✅ HERO SECTION */}
{/* Slideshow */}
{/* Sparks */}
{Array.from({ length: 20 }).map((_, i) => ( ))}
{/* Hero Text */}

{current.subtitle} {current.title}

{current.desc}

Download Aplikasi
{/* ✅ SERVICES */}

Layanan Kami

{services.map((s, idx) => ( {s.title}

{s.title}

{s.desc}

 ))}
{/* ✅ GALLERY */}

Galeri Kegiatan

{[ 'images/img1.jpg', 'images/img2.jpg', 'images/img3.jpg', 'images/img1.jpg', 'images/img2.jpg', 'images/img3.jpg', ].map((u, i) => ( ))}
{/* ✅ CONTACT */}

Hubungi Kami

Tersedia 24 jam — layanan darurat dan informasi umum.

📞{' '} 113 — Darurat

📧{' '} damkar@kota.go.id

📍 Jl. Merdeka No. 10, Kota Contoh

Panggil Sekarang
{/* ✅ FOOTER */} ); }