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 businessHours = [ { day: "Monday", hours: "9:00 AM - 6:00 PM" }, { day: "Tuesday", hours: "9:00 AM - 6:00 PM" }, { day: "Wednesday", hours: "9:00 AM - 6:00 PM" }, { day: "Thursday", hours: "9:00 AM - 6:00 PM" }, { day: "Friday", hours: "9:00 AM - 6:00 PM" }, { day: "Saturday", hours: "10:00 AM - 4:00 PM" }, { day: "Sunday", hours: "Closed" } ]; const socialLinks = [ { icon: "fa-facebook", url: "https://facebook.com", label: "Facebook" }, { icon: "fa-instagram", url: "https://instagram.com", label: "Instagram" }, { icon: "fa-tiktok", url: "https://tiktok.com", label: "TikTok" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f8ff] py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto text-[#000080] mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Contact C.H.P Quality Properties"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#4169e1] font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Your Premier Real Estate Partner in North Carolina")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto text-[#000080] mb-6", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "Schedule a Consultation"), /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto text-[#000080] mb-6", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Visit Our Office"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-center text-[#4169e1]", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-3", __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 19 }, __self: this }, "4242 Six Forks Road, Suite 1550", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 48, columnNumber: 21 }, __self: this }), "Raleigh, NC 27609")), /*#__PURE__*/ React.createElement("p", { className: "flex items-center text-[#4169e1]", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-3", __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }, "(919) 555-0123")), /*#__PURE__*/ React.createElement("p", { className: "flex items-center text-[#4169e1]", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-3", __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 19 }, __self: this }, "info@chpproperties.com")))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-roboto text-[#000080] mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Business Hours"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, businessHours.map((schedule)=>/*#__PURE__*/ React.createElement("div", { key: schedule.day, className: "flex justify-between items-center border-b border-[#add8e6] pb-2", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-[#4169e1]", __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }, schedule.day), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-[#000080]", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }, schedule.hours)))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 border-t border-[#add8e6] pt-6", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-roboto text-[#000080] mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Connect With Us"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, socialLinks.map((social)=>/*#__PURE__*/ React.createElement("a", { key: social.label, href: social.url, target: "_blank", rel: "noopener noreferrer", className: "text-[#4169e1] hover:text-[#000080] transition-colors", "aria-label": social.label, __source: { fileName: "", lineNumber: 88, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fab ${social.icon} text-2xl`, __source: { fileName: "", lineNumber: 96, columnNumber: 21 }, __self: this }))))))))); }