function MainComponent() { const [selectedService, setSelectedService] = useState("home"); const [showBookingForm, setShowBookingForm] = useState(false); const [bookingData, setBookingData] = useState({ serviceType: "home", date: "", time: "", address: "", squareMeters: "", specialNotes: "", name: "", email: "", phone: "", price: "" }); const services = [ { type: "home", title: "Ev Temizliği", icon: "fa-house", description: "Eviniz için profesyonel temizlik hizmeti" }, { type: "business", title: "İşyeri Temizliği", icon: "fa-building", description: "İşyeriniz için özel temizlik çözümleri" } ]; const handleInputChange = (e)=>{ setBookingData({ ...bookingData, [e.target.name]: e.target.value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); try { await fetch("/api/db/temizlik_1", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `reservations` (`service_type`, `date`, `time`, `address`, `square_meters`, `special_notes`, `name`, `email`, `phone`, `price`) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)", values: [ bookingData.serviceType, bookingData.date, bookingData.time, bookingData.address, bookingData.squareMeters, bookingData.specialNotes, bookingData.name, bookingData.email, bookingData.phone, bookingData.price ] }) }); const paymentFunction = await fetch("/api/functions/payment", { method: "POST", body: JSON.stringify({ amount: bookingData.price, customerEmail: bookingData.email, customerName: bookingData.name }) }); if (!paymentFunction.ok) { throw new Error("Ödeme işlemi başarısız"); } setShowBookingForm(false); setBookingData({ serviceType: "home", date: "", time: "", address: "", squareMeters: "", specialNotes: "", name: "", email: "", phone: "", price: "" }); alert("Rezervasyonunuz başarıyla alındı!"); } catch (error) { alert("Bir hata oluştu. Lütfen tekrar deneyin."); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 92, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-lg", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-poppins text-2xl font-bold text-[#1a73e8]", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "CleanPro"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6 items-center", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-poppins hover:text-[#1a73e8]", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "Ana Sayfa"), /*#__PURE__*/ React.createElement("button", { className: "font-poppins hover:text-[#1a73e8]", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "Hizmetler"), /*#__PURE__*/ React.createElement("button", { className: "font-poppins hover:text-[#1a73e8]", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, "İletişim"))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-poppins text-4xl md:text-5xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, "Profesyonel Temizlik Hizmeti"), /*#__PURE__*/ React.createElement("p", { className: "font-poppins text-xl text-gray-600", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, "Ev ve işyeriniz için güvenilir ve kapsamlı temizlik çözümleri")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mb-16", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, services.map((service)=>/*#__PURE__*/ React.createElement("div", { key: service.type, onClick: ()=>{ setSelectedService(service.type); setShowBookingForm(true); }, className: "bg-white rounded-xl shadow-md p-8 cursor-pointer hover:shadow-xl transition duration-300", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${service.icon} text-4xl text-[#1a73e8] mb-4`, __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-poppins text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, service.title), /*#__PURE__*/ React.createElement("p", { className: "font-poppins text-gray-600", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, service.description)))), showBookingForm && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-poppins text-2xl font-semibold mb-6", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, "Rezervasyon Formu"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 152, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-poppins block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this }, "Tarih"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", onChange: handleInputChange, className: "w-full border rounded-lg p-3", __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-poppins block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, "Saat"), /*#__PURE__*/ React.createElement("input", { type: "time", name: "time", onChange: handleInputChange, className: "w-full border rounded-lg p-3", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-poppins block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }, "Adres"), /*#__PURE__*/ React.createElement("textarea", { name: "address", onChange: handleInputChange, className: "w-full border rounded-lg p-3", rows: "3", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-poppins block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, "Alan (m²)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "squareMeters", onChange: handleInputChange, className: "w-full border rounded-lg p-3", __source: { fileName: "", lineNumber: 189, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-poppins block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 197, columnNumber: 17 }, __self: this }, "Ad Soyad"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", onChange: handleInputChange, className: "w-full border rounded-lg p-3", __source: { fileName: "", lineNumber: 200, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 207, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-poppins block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 208, columnNumber: 17 }, __self: this }, "E-posta"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", onChange: handleInputChange, className: "w-full border rounded-lg p-3", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-poppins block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 219, columnNumber: 17 }, __self: this }, "Fiyat (TL)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "price", onChange: handleInputChange, className: "w-full border rounded-lg p-3", required: true, __source: { fileName: "", lineNumber: 222, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 230, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-poppins block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, "Telefon"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", onChange: handleInputChange, className: "w-full border rounded-lg p-3", __source: { fileName: "", lineNumber: 234, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-poppins block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, "Özel Notlar"), /*#__PURE__*/ React.createElement("textarea", { name: "specialNotes", onChange: handleInputChange, className: "w-full border rounded-lg p-3", rows: "3", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#1a73e8] text-white font-poppins py-3 rounded-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 252, columnNumber: 15 }, __self: this }, "Rezervasyon Yap"))))); }