import React, { useState } from 'react';
import {
Calendar,
Clock,
Users,
User,
Phone,
Mail,
Building,
CheckCircle2,
Info,
MapPin,
ShieldCheck,
Coffee
} from 'lucide-react';
export default function App() {
const [formData, setFormData] = useState({
name: '',
phone: '',
email: '',
company: '',
date: '',
startTime: '',
endTime: '',
pax: '',
package: 'basic',
notes: ''
});
const [isSubmitted, setIsSubmitted] = useState(false);
const handleChange = (e) => {
const { name, value } = e.target;
setFormData(prev => ({ ...prev, [name]: value }));
};
const handleSubmit = (e) => {
e.preventDefault();
// Di sini nanti Ustaz boleh sambungkan ke backend/API sedia ada
setIsSubmitted(true);
setTimeout(() => setIsSubmitted(false), 5000);
};
const packages = [
{
id: 'basic',
name: 'Pakej Asas',
desc: 'Bilik Seminar + PA System Asas + Papan Putih',
price: 'RM 350 / Hari'
},
{
id: 'premium',
name: 'Pakej Eksekutif',
desc: 'Pakej Asas + LCD Projector + Minuman Ringan',
price: 'RM 500 / Hari'
},
{
id: 'vip',
name: 'Pakej VIP Katerer',
desc: 'Pakej Eksekutif + Katering Makanan (Makan Tengahari)',
price: 'Mula dari RM 800'
}
];
return (
{/* Header/Hero Section */}
{/* Background Pattern */}
Taqwa Mission Ventures
Tempahan Bilik Seminar
Ruang yang kondusif, selesa dan patuh syariah untuk kelancaran program ilmu dan mesyuarat korporat anda.
{/* Main Form Container */}
{/* Sidebar Info */}
Maklumat Fasiliti
-
Kapasiti Ruang
Mampu memuatkan 30-50 peserta dengan selesa (susunan teater).
-
Kelengkapan Penuh
Sistem PA, Mikrofon tanpa wayar, Projektor LCD & Papan Putih.
-
Kemudahan Tambahan
Ruang solat yang selesa, pantri, dan kemudahan parkir yang luas.
-
Lokasi Strategik
Pusat perniagaan utama, mudah diakses melalui lebuhraya.
{/* Form Form */}
{isSubmitted ? (
Alhamdulillah, Tempahan Diterima!
Terima kasih atas tempahan anda. Wakil pengurusan Taqwa Mission Ventures akan menghubungi anda sebentar lagi untuk pengesahan.
) : (
)}
);
}
