function Testimonial({ name, review, photoUrl }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 max-w-sm", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: photoUrl, alt: `${name}'s testimonial photo`, className: "w-16 h-16 rounded-full object-cover mr-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg font-semibold", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, name)), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-600", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, review)); } function TestimonialStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4 p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Testimonial, { name: "Sarah Johnson", review: "Absolutely amazing service! I couldn't be happier with the results.", photoUrl: "/client1.jpg", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Testimonial, { name: "Mike Chen", review: "The team went above and beyond my expectations. Highly recommended!", photoUrl: "/client2.jpg", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); } function AppointmentForm({ onSubmit, loading, error, services = [ "Consultation", "Follow-up", "Regular Check-up" ] }) { const [formData, setFormData] = useState({ name: "", email: "", phone: "", datetime: "", service: "" }); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); onSubmit?.(formData); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mx-auto p-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-center font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "Schedule Appointment"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", onChange: handleChange, value: formData.name, className: "w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email Address", onChange: handleChange, value: formData.email, className: "w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "Phone Number", onChange: handleChange, value: formData.phone, className: "w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "datetime-local", name: "datetime", onChange: handleChange, value: formData.datetime, className: "w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "service", onChange: handleChange, value: formData.service, className: "w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Select Service"), services.map((service)=>/*#__PURE__*/ React.createElement("option", { key: service, value: service, __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, service)))), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition-colors disabled:bg-blue-300", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, loading ? "Scheduling..." : "Schedule Appointment"))); } function AppointmentFormStory() { const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const handleSubmit = async (formData)=>{ setLoading(true); setError(""); try { await new Promise((resolve)=>setTimeout(resolve, 1000)); console.log("Form submitted:", formData); } catch (err) { setError("Failed to schedule appointment"); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 123, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AppointmentForm, { onSubmit: handleSubmit, loading: loading, error: error, services: [ "Consultation", "Follow-up", "Regular Check-up", "Emergency" ], __source: { fileName: "", lineNumber: 124, columnNumber: 7 }, __self: this })); } function ServiceCard({ title, description, priceRange }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-sm rounded-lg border border-gray-200 bg-white shadow-md p-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-600 mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg font-medium text-gray-900", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, priceRange)); } function ServiceCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ServiceCard, { title: "Web Development", description: "Custom website development using modern technologies and responsive design", priceRange: "$1,000 - $5,000", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ServiceCard, { title: "Mobile App Design", description: "Native and cross-platform mobile application design and development", priceRange: "$2,000 - $8,000", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ServiceCard, { title: "UI/UX Consulting", description: "Expert consultation on user interface and experience design", priceRange: "$500 - $2,000", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); } function MainComponent() { const testimonials = [ { id: 1, name: "Sarah Johnson", role: "Marketing Director", message: "The service exceeded all my expectations. Truly exceptional work!", image: "/client1.jpg" }, { id: 2, name: "Michael Chen", role: "Business Owner", message: "Outstanding results and professional team. Would highly recommend!", image: "/client2.jpg" }, { id: 3, name: "Emily Wilson", role: "Project Manager", message: "Reliable, efficient, and delivered exactly what we needed. A fantastic experience!", image: "/client3.jpg" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f8ff] py-16 px-4", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-roboto font-bold text-[#000080] mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "What Our C.H.P Quality Properties Clients Say"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#000080] font-crimson-text", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Discover why clients love working with us")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, testimonials.map((testimonial)=>/*#__PURE__*/ React.createElement("div", { key: testimonial.id, className: "bg-white rounded-lg shadow-lg p-8 transition-transform duration-300 hover:scale-105 hover:bg-[#e6f3ff]", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: testimonial.image, alt: `Portrait of ${testimonial.name}`, className: "w-16 h-16 rounded-full object-cover", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-semibold text-[#000080]", __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }, testimonial.name), /*#__PURE__*/ React.createElement("p", { className: "text-[#1e90ff] font-crimson-text", __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }, testimonial.role))), /*#__PURE__*/ React.createElement("p", { className: "text-[#000080] font-crimson-text", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, '"', testimonial.message, '"'), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-[#1e90ff]", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }))))))); }