function MainComponent() { const [reviews, setReviews] = useState([]); const [formData, setFormData] = useState({ customer_name: "", rating: 5, review_text: "" }); const [status, setStatus] = useState({ message: "", isError: false, isSubmitting: false }); const [selectedImage, setSelectedImage] = useState(null); useEffect(()=>{ fetchReviews(); }, []); const fetchReviews = async ()=>{ try { const response = await fetch("/api/get-reviews", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch reviews"); } const data = await response.json(); setReviews(data.reviews || []); } catch (error) { console.error(error); } }; const handleSubmit = async (e)=>{ e.preventDefault(); setStatus({ message: "", isError: false, isSubmitting: true }); try { const response = await fetch("/api/submit-review", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (!response.ok) { throw new Error(data.error || "Failed to submit review"); } setStatus({ message: "Thank you for your review!", isError: false, isSubmitting: false }); setFormData({ customer_name: "", rating: 5, review_text: "" }); fetchReviews(); } catch (error) { setStatus({ message: error.message, isError: true, isSubmitting: false }); } }; const closeModal = ()=>{ setSelectedImage(null); document.body.style.overflow = "auto"; }; const openModal = (image)=>{ setSelectedImage(image); document.body.style.overflow = "hidden"; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F0F7F7]", __source: { fileName: "", lineNumber: 84, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#2A9D8F] text-white py-4 px-6 fixed w-full z-50", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-playfair", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "Blissful Bites & Bakes"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-[#A7E8E3]", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "Back to Home"))), /*#__PURE__*/ React.createElement("div", { className: "pt-24 pb-12 px-6", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-playfair text-[#264653] mb-12 text-center", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Our Gallery"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 mb-16", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, [ { src: "https://ucarecdn.com/a2eb7b58-8f79-4a94-9e5c-b058aca5a588/-/format/auto/", alt: "Music themed birthday cake with guitar, crown, and musical notes" }, { src: "https://ucarecdn.com/51e218b2-32e4-4c6a-a87e-13d02a597000/-/format/auto/", alt: "Chocolate log with powdered sugar dusting" }, { src: "https://ucarecdn.com/eda049d0-bcb5-4b27-9634-f6107568367a/-/format/auto/", alt: "Pastel buttercream cake with yellow, mint, and peach rosettes" }, { src: "https://ucarecdn.com/89fd21c0-0411-49d2-a952-4dbcee3da475/-/format/auto/", alt: "Princess themed birthday cake with carriage and crown" }, { src: "https://ucarecdn.com/82ad1ffe-624f-4689-a7e3-a081cbc6f357/-/format/auto/", alt: "Trophy themed celebration cake with gold medal" }, { src: "https://ucarecdn.com/c2db066a-9dae-406c-bdaf-21d776811990/-/format/auto/", alt: "Retirement celebration cake with citrus decorations" }, { src: "https://ucarecdn.com/fa1318ea-c20a-4fe9-ae5b-ef2ef0837ee9/-/format/auto/", alt: "Pink drip cake with Oreo cookies decoration" }, { src: "https://ucarecdn.com/e4f2ff01-bce2-41f8-a771-a8b4cf213654/-/format/auto/", alt: "White chocolate loaded cake with chocolate bars" }, { src: "https://ucarecdn.com/acba8430-83cb-47fe-b920-d9792ca1b326/-/format/auto/", alt: "Custom Arsenal football jersey cake" }, { src: "https://ucarecdn.com/d61264d3-f40c-43d1-9e4f-b99e310ec000/-/format/auto/", alt: "Number 16 chocolate birthday cake" }, { src: "https://ucarecdn.com/8e9de7b0-13d8-4ef9-a44a-8fef867e8e7a/-/format/auto/", alt: "Halloween themed spider web cake" } ].map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded-lg overflow-hidden shadow-lg cursor-pointer transform transition-transform hover:scale-105", onClick: ()=>openModal(image), __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "aspect-square relative", __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image.src, alt: image.alt, className: "absolute w-full h-full object-contain p-2", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }))))), selectedImage && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-75 z-50 flex items-center justify-center p-4", onClick: closeModal, __source: { fileName: "", lineNumber: 165, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-4xl w-full h-full flex items-center justify-center", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: closeModal, className: "absolute top-4 right-4 text-white text-xl hover:text-[#2A9D8F] z-50", __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 174, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("img", { src: selectedImage.src, alt: selectedImage.alt, className: "max-w-full max-h-[90vh] object-contain", __source: { fileName: "", lineNumber: 176, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-playfair text-[#264653] mb-8 text-center", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, "Customer Reviews"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 mb-12", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, reviews.map((review, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 193, columnNumber: 19 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("i", { key: i, className: `fas fa-star ${i < review.rating ? "text-[#2A9D8F]" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 195, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-[#2A9D8F] mb-4", __source: { fileName: "", lineNumber: 201, columnNumber: 19 }, __self: this }, review.review_text), /*#__PURE__*/ React.createElement("p", { className: "text-[#264653] font-semibold", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }, "- ", review.customer_name)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-xl", __source: { fileName: "", lineNumber: 209, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-playfair text-[#264653] mb-6", __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, "Share Your Experience"), status.message && /*#__PURE__*/ React.createElement("div", { className: `p-4 mb-6 rounded ${status.isError ? "bg-red-100 text-red-700" : "bg-green-100 text-green-700"}`, __source: { fileName: "", lineNumber: 215, columnNumber: 17 }, __self: this }, status.message), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 222, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 224, columnNumber: 19 }, __self: this }, "Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "customer_name", required: true, value: formData.customer_name, onChange: (e)=>setFormData({ ...formData, customer_name: e.target.value }), className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 225, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 240, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 241, columnNumber: 19 }, __self: this }, "Rating *"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 242, columnNumber: 19 }, __self: this }, [ 5, 4, 3, 2, 1 ].map((star)=>/*#__PURE__*/ React.createElement("button", { key: star, type: "button", onClick: ()=>setFormData({ ...formData, rating: star }), className: "text-2xl focus:outline-none", __source: { fileName: "", lineNumber: 244, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-star ${star <= formData.rating ? "text-[#2A9D8F]" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 252, columnNumber: 25 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 260, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 261, columnNumber: 19 }, __self: this }, "Your Review *"), /*#__PURE__*/ React.createElement("textarea", { name: "review_text", required: true, value: formData.review_text, onChange: (e)=>setFormData({ ...formData, review_text: e.target.value }), rows: "4", className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 264, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: status.isSubmitting, className: "w-full bg-[#2A9D8F] text-white px-8 py-3 rounded-full hover:bg-[#264653] transition-colors disabled:bg-gray-400", __source: { fileName: "", lineNumber: 276, columnNumber: 17 }, __self: this }, status.isSubmitting ? "Submitting..." : "Submit Review")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2A9D8F] text-white py-6 px-6", __source: { fileName: "", lineNumber: 289, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto text-center", __source: { fileName: "", lineNumber: 290, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 291, columnNumber: 11 }, __self: this }, "© 2025 Blissful Bites & Bakes. All rights reserved.")))); }