QuickFix - Book Services<\/title>\r\n <style>\r\n \/* Main Container Styles *\/\r\n .quickfix-service-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: 'Arial', sans-serif;\r\n }\r\n\r\n \/* Service Cards Section *\/\r\n .services-main-title {\r\n text-align: center;\r\n color: #ff862f;\r\n margin-bottom: 10px;\r\n font-size: 2.5em;\r\n }\r\n\r\n .services-subtitle {\r\n text-align: center;\r\n color: #666;\r\n margin-bottom: 40px;\r\n font-size: 1.2em;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 25px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: pointer;\r\n text-align: center;\r\n border: 1px solid #eee;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.15);\r\n }\r\n\r\n .service-icon img {\r\n width: 80px;\r\n height: 80px;\r\n margin-bottom: 15px;\r\n object-fit: contain;\r\n }\r\n\r\n .service-card h3 {\r\n color: #333;\r\n margin-bottom: 10px;\r\n font-size: 1.3em;\r\n }\r\n\r\n .service-card p {\r\n color: #666;\r\n margin-bottom: 20px;\r\n font-size: 0.95em;\r\n line-height: 1.5;\r\n }\r\n\r\n .service-cta {\r\n background-color: #ff862f;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n transition: background-color 0.3s;\r\n font-size: 0.95em;\r\n }\r\n\r\n .service-cta:hover {\r\n background-color: #e67329;\r\n }\r\n\r\n \/* Service Detail Modals *\/\r\n .service-modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 1000;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0,0,0,0.7);\r\n overflow: auto;\r\n }\r\n\r\n .modal-content {\r\n background-color: #fefefe;\r\n margin: 50px auto;\r\n padding: 30px;\r\n border-radius: 10px;\r\n width: 90%;\r\n max-width: 700px;\r\n box-shadow: 0 5px 30px rgba(0,0,0,0.3);\r\n position: relative;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n right: 25px;\r\n top: 15px;\r\n color: #aaa;\r\n font-size: 28px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n }\r\n\r\n .close-modal:hover {\r\n color: #333;\r\n }\r\n\r\n .modal-content h2 {\r\n color: #ff862f;\r\n margin-top: 0;\r\n font-size: 1.8em;\r\n }\r\n\r\n .service-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n margin: 30px 0;\r\n }\r\n\r\n .service-item {\r\n background: #f9f9f9;\r\n padding: 15px;\r\n border-radius: 5px;\r\n border-left: 4px solid #ff862f;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .service-item:hover {\r\n background: #f0f0f0;\r\n }\r\n\r\n .service-item.selected {\r\n background: #ff862f;\r\n color: white;\r\n }\r\n\r\n .service-item.selected h3,\r\n .service-item.selected p {\r\n color: white;\r\n }\r\n\r\n .service-item h3 {\r\n margin-top: 0;\r\n color: #333;\r\n font-size: 1.1em;\r\n }\r\n\r\n .service-item p {\r\n margin-bottom: 0;\r\n color: #666;\r\n font-size: 0.9em;\r\n }\r\n\r\n .select-service-btn {\r\n background-color: #ff862f;\r\n color: white;\r\n border: none;\r\n padding: 12px 25px;\r\n font-size: 1em;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n display: block;\r\n margin: 20px auto 0;\r\n font-weight: bold;\r\n transition: background-color 0.3s;\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n\r\n .select-service-btn:hover {\r\n background-color: #e67329;\r\n }\r\n\r\n .select-service-btn:disabled {\r\n background-color: #cccccc;\r\n cursor: not-allowed;\r\n }\r\n\r\n \/* FAQ Section Styles *\/\r\n .faq-section {\r\n margin: 60px 0;\r\n }\r\n\r\n .faq-title {\r\n text-align: center;\r\n color: #ff862f;\r\n margin-bottom: 30px;\r\n font-size: 2em;\r\n }\r\n\r\n .faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-item {\r\n margin-bottom: 15px;\r\n border: 1px solid #eee;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-question {\r\n background-color: #f9f9f9;\r\n padding: 15px 20px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: background-color 0.3s;\r\n }\r\n\r\n .faq-question:hover {\r\n background-color: #f0f0f0;\r\n }\r\n\r\n .faq-question::after {\r\n content: '+';\r\n font-size: 1.5em;\r\n color: #ff862f;\r\n }\r\n\r\n .faq-item.active .faq-question::after {\r\n content: '-';\r\n }\r\n\r\n .faq-answer {\r\n padding: 0 20px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-out, padding 0.3s ease;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n padding: 15px 20px;\r\n max-height: 500px;\r\n }\r\n\r\n \/* Responsive Styles *\/\r\n @media (max-width: 768px) {\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .modal-content {\r\n width: 95%;\r\n margin: 20px auto;\r\n padding: 20px;\r\n }\r\n \r\n .service-list {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .services-main-title {\r\n font-size: 2em;\r\n }\r\n \r\n .faq-question {\r\n padding: 12px 15px;\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 15px;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n padding: 12px 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"services-grid\">\r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('electrical')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/12539\/12539714.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Electrical Services Icon\">\r\n <\/div>\r\n <h3>Electrical Work<\/h3>\r\n <p>Wiring, fuse box repairs, lighting installations, generator repair, and safety checks.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('plumbing')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/11098\/11098382.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Plumbing Services Icon\">\r\n <\/div>\r\n <h3>Plumbing Service<\/h3>\r\n <p>Leak fixes, pipe repairs, drain cleaning, and faucet installations.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('ac')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/11311\/11311464.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"AC Services Icon\">\r\n <\/div>\r\n <h3>AC Repair Services<\/h3>\r\n <p>Servicing, gas refills, and troubleshooting for all AC types.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('painting')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/2238\/2238261.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Painting Services Icon\">\r\n <\/div>\r\n <h3>Home Painter Services<\/h3>\r\n <p>Interior\/exterior painting, wall textures, and waterproof coatings.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('cleaning')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/3965\/3965848.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Cleaning Services Icon\">\r\n <\/div>\r\n <h3>House Cleaning Services<\/h3>\r\n <p>Move-in\/move-out, post-renovation, and regular cleaning.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('other')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/10476\/10476954.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Other Services Icon\">\r\n <\/div>\r\n <h3>Can't Find Your Problem?<\/h3>\r\n <p>Pest control, gardening, solar installation, cooking services and more home solutions.<\/p>\r\n <button class=\"service-cta\">View Other Services<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-section\">\r\n <h2 class=\"faq-title\">Frequently Asked Questions<\/h2>\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">How do I book a service with QuickFix?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>You can book instantly through our website or mobile app. Select your service, choose a time slot, and confirm your booking \u2013 it's that easy!<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Can I schedule a service for the same day?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes! We offer same-day service for most requests, subject to technician availability. Select the \"ASAP\" option when booking for immediate service.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">What are your operating hours?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>Our standard operating hours are from 8:00 AM to 10:00 PM, seven days a week. Emergency services are available 24\/7 for urgent situations.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">What payment methods do you accept?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>We accept all major credit\/debit cards, mobile payments, bank transfers, and cash on service completion.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Are QuickFix technicians qualified?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>Absolutely! All our technicians are certified professionals with extensive training and background checks. We maintain the highest standards for quality and safety.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"electrical-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('electrical')\">×<\/span>\r\n <h2>Electrical Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Wiring Installation\/Repair', 'electrical')\">\r\n <h3>Wiring Installation\/Repair<\/h3>\r\n <p>Complete home wiring solutions and repair services<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Fuse Box Repair', 'electrical')\">\r\n <h3>Fuse Box Repair<\/h3>\r\n <p>Fuse box maintenance and circuit breaker replacements<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Lighting Installation', 'electrical')\">\r\n <h3>Lighting Installation<\/h3>\r\n <p>Indoor and outdoor lighting solutions<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Electrical Safety Check', 'electrical')\">\r\n <h3>Electrical Safety Check<\/h3>\r\n <p>Comprehensive home electrical safety inspections<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Generator Repair', 'electrical')\">\r\n <h3>Generator Repair<\/h3>\r\n <p>Installation and maintenance of backup generators<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Electrical Work', 'electrical')\">\r\n <h3>AC Electrical Work<\/h3>\r\n <p>Specialized electrical services for AC units<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"electrical-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('electrical')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"plumbing-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('plumbing')\">×<\/span>\r\n <h2>Plumbing Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Leak Repair', 'plumbing')\">\r\n <h3>Leak Repair<\/h3>\r\n <p>Detection and repair of all types of leaks<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Pipe Installation\/Repair', 'plumbing')\">\r\n <h3>Pipe Installation\/Repair<\/h3>\r\n <p>Complete pipe solutions for homes<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Drain Cleaning', 'plumbing')\">\r\n <h3>Drain Cleaning<\/h3>\r\n <p>Clog removal and drain maintenance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Faucet Installation', 'plumbing')\">\r\n <h3>Faucet Installation<\/h3>\r\n <p>New faucet setup and repairs<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Water Heater Repair', 'plumbing')\">\r\n <h3>Water Heater Repair<\/h3>\r\n <p>Maintenance and fixing of water heaters<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Bathroom Plumbing', 'plumbing')\">\r\n <h3>Bathroom Plumbing<\/h3>\r\n <p>Complete bathroom plumbing solutions<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"plumbing-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('plumbing')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ac-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('ac')\">×<\/span>\r\n <h2>AC Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('AC Servicing', 'ac')\">\r\n <h3>AC Servicing<\/h3>\r\n <p>Regular maintenance for optimal performance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Gas Refill', 'ac')\">\r\n <h3>Gas Refill<\/h3>\r\n <p>Professional refrigerant recharge<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Repair', 'ac')\">\r\n <h3>AC Repair<\/h3>\r\n <p>Diagnosis and repair of all AC issues<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Installation', 'ac')\">\r\n <h3>AC Installation<\/h3>\r\n <p>Professional installation of new units<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Maintenance', 'ac')\">\r\n <h3>AC Maintenance<\/h3>\r\n <p>Scheduled maintenance packages<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Troubleshooting', 'ac')\">\r\n <h3>AC Troubleshooting<\/h3>\r\n <p>Expert diagnosis of AC problems<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"ac-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('ac')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"painting-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('painting')\">×<\/span>\r\n <h2>Painting Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Interior Painting', 'painting')\">\r\n <h3>Interior Painting<\/h3>\r\n <p>Professional interior wall painting<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Exterior Painting', 'painting')\">\r\n <h3>Exterior Painting<\/h3>\r\n <p>Weather-resistant exterior painting<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Wall Texture', 'painting')\">\r\n <h3>Wall Texture<\/h3>\r\n <p>Custom wall texture applications<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Waterproof Coating', 'painting')\">\r\n <h3>Waterproof Coating<\/h3>\r\n <p>Protective waterproof coatings<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Wall Repair', 'painting')\">\r\n <h3>Wall Repair<\/h3>\r\n <p>Wall preparation and repair before painting<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Wood Painting', 'painting')\">\r\n <h3>Wood Painting<\/h3>\r\n <p>Specialized painting for wood surfaces<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"painting-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('painting')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"cleaning-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('cleaning')\">×<\/span>\r\n <h2>Cleaning Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Deep Cleaning', 'cleaning')\">\r\n <h3>Deep Cleaning<\/h3>\r\n <p>Thorough whole-house deep cleaning<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Regular Cleaning', 'cleaning')\">\r\n <h3>Regular Cleaning<\/h3>\r\n <p>Scheduled maintenance cleaning<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Move-In\/Move-Out Cleaning', 'cleaning')\">\r\n <h3>Move-In\/Move-Out Cleaning<\/h3>\r\n <p>Complete cleaning for property transitions<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Post-Renovation Cleaning', 'cleaning')\">\r\n <h3>Post-Renovation Cleaning<\/h3>\r\n <p>Specialized cleaning after construction<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Carpet Cleaning', 'cleaning')\">\r\n <h3>Carpet Cleaning<\/h3>\r\n <p>Professional carpet and rug cleaning<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Sofa Cleaning', 'cleaning')\">\r\n <h3>Sofa Cleaning<\/h3>\r\n <p>Upholstery and furniture cleaning<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"cleaning-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('cleaning')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"other-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('other')\">×<\/span>\r\n <h2>Other Home Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Pest Control', 'other')\">\r\n <h3>Pest Control<\/h3>\r\n <p>Professional pest extermination and prevention<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Gardening Services', 'other')\">\r\n <h3>Gardening Services<\/h3>\r\n <p>Landscaping, lawn care, and plant maintenance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Solar Installation', 'other')\">\r\n <h3>Solar Installation<\/h3>\r\n <p>Professional solar panel setup and maintenance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Cooking Services', 'other')\">\r\n <h3>Cooking Services<\/h3>\r\n <p>Home chef services and kitchen maintenance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Home Renovation', 'other')\">\r\n <h3>Home Renovation<\/h3>\r\n <p>Complete home remodeling and improvement<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Other Home Service', 'other')\">\r\n <h3>Other Home Service<\/h3>\r\n <p>Specialized solutions for unique home needs<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"other-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('other')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Track selected services\r\n const selectedServices = {\r\n electrical: null,\r\n plumbing: null,\r\n ac: null,\r\n painting: null,\r\n cleaning: null,\r\n other: null\r\n };\r\n\r\n \/\/ Service Modal Functions\r\n function showServiceDetails(service) {\r\n \/\/ Close any open modals first\r\n closeAllModals();\r\n \r\n \/\/ Show the selected modal\r\n const modal = document.getElementById(service + '-modal');\r\n modal.style.display = 'block';\r\n \r\n \/\/ Reset selection when opening modal\r\n selectedServices[service] = null;\r\n updateSelectButton(service);\r\n \r\n \/\/ Remove any previous selections\r\n const items = document.querySelectorAll(`#${service}-modal .service-item`);\r\n items.forEach(item => item.classList.remove('selected'));\r\n \r\n \/\/ Scroll to top of modal\r\n modal.querySelector('.modal-content').scrollTop = 0;\r\n }\r\n\r\n function closeAllModals() {\r\n const modals = document.querySelectorAll('.service-modal');\r\n modals.forEach(modal => {\r\n modal.style.display = 'none';\r\n });\r\n }\r\n\r\n function closeModal(service) {\r\n document.getElementById(service + '-modal').style.display = 'none';\r\n }\r\n\r\n function selectService(serviceName, category) {\r\n \/\/ Store the selected service\r\n selectedServices[category] = serviceName;\r\n \r\n \/\/ Update UI\r\n const items = document.querySelectorAll(`#${category}-modal .service-item`);\r\n items.forEach(item => {\r\n item.classList.remove('selected');\r\n if (item.querySelector('h3').textContent === serviceName) {\r\n item.classList.add('selected');\r\n }\r\n });\r\n \r\n updateSelectButton(category);\r\n }\r\n\r\n function updateSelectButton(category) {\r\n const btn = document.getElementById(`${category}-select-btn`);\r\n if (selectedServices[category]) {\r\n btn.disabled = false;\r\n btn.textContent = `Continue with ${selectedServices[category]}`;\r\n } else {\r\n btn.disabled = true;\r\n btn.textContent = 'Select a service to continue';\r\n }\r\n }\r\n\r\n function proceedToBooking(category) {\r\n if (selectedServices[category]) {\r\n \/\/ Redirect to the booking page\r\n window.location.href = 'https:\/\/quickfixpk.com\/?page_id=2436';\r\n }\r\n }\r\n\r\n \/\/ FAQ Toggle Functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n \r\n question.addEventListener('click', () => {\r\n \/\/ Close all other FAQ items\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item) {\r\n otherItem.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ Toggle current item\r\n item.classList.toggle('active');\r\n });\r\n });\r\n });\r\n\r\n \/\/ Close modal when clicking outside content\r\n window.onclick = function(event) {\r\n const modals = document.getElementsByClassName('service-modal');\r\n for (let modal of modals) {\r\n if (event.target == modal) {\r\n const service = modal.id.split('-')[0];\r\n closeModal(service);\r\n }\r\n }\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>QuickFix – Book Services Electrical Work Wiring, fuse box repairs, lighting installations, generator repair, and safety checks. View Services Plumbing Service Leak fixes, pipe repairs, drain cleaning, and faucet installations. View Services AC Repair Services Servicing, gas refills, and troubleshooting for all AC types. View Services Home Painter Services Interior\/exterior painting, wall textures, and waterproof […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-builder.php","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":65,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":2955,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions\/2955"}],"wp:attachment":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n QuickFix - Book Services<\/title>\r\n <style>\r\n \/* Main Container Styles *\/\r\n .quickfix-service-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: 'Arial', sans-serif;\r\n }\r\n\r\n \/* Service Cards Section *\/\r\n .services-main-title {\r\n text-align: center;\r\n color: #ff862f;\r\n margin-bottom: 10px;\r\n font-size: 2.5em;\r\n }\r\n\r\n .services-subtitle {\r\n text-align: center;\r\n color: #666;\r\n margin-bottom: 40px;\r\n font-size: 1.2em;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 25px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: pointer;\r\n text-align: center;\r\n border: 1px solid #eee;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.15);\r\n }\r\n\r\n .service-icon img {\r\n width: 80px;\r\n height: 80px;\r\n margin-bottom: 15px;\r\n object-fit: contain;\r\n }\r\n\r\n .service-card h3 {\r\n color: #333;\r\n margin-bottom: 10px;\r\n font-size: 1.3em;\r\n }\r\n\r\n .service-card p {\r\n color: #666;\r\n margin-bottom: 20px;\r\n font-size: 0.95em;\r\n line-height: 1.5;\r\n }\r\n\r\n .service-cta {\r\n background-color: #ff862f;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n transition: background-color 0.3s;\r\n font-size: 0.95em;\r\n }\r\n\r\n .service-cta:hover {\r\n background-color: #e67329;\r\n }\r\n\r\n \/* Service Detail Modals *\/\r\n .service-modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 1000;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0,0,0,0.7);\r\n overflow: auto;\r\n }\r\n\r\n .modal-content {\r\n background-color: #fefefe;\r\n margin: 50px auto;\r\n padding: 30px;\r\n border-radius: 10px;\r\n width: 90%;\r\n max-width: 700px;\r\n box-shadow: 0 5px 30px rgba(0,0,0,0.3);\r\n position: relative;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n right: 25px;\r\n top: 15px;\r\n color: #aaa;\r\n font-size: 28px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n }\r\n\r\n .close-modal:hover {\r\n color: #333;\r\n }\r\n\r\n .modal-content h2 {\r\n color: #ff862f;\r\n margin-top: 0;\r\n font-size: 1.8em;\r\n }\r\n\r\n .service-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n margin: 30px 0;\r\n }\r\n\r\n .service-item {\r\n background: #f9f9f9;\r\n padding: 15px;\r\n border-radius: 5px;\r\n border-left: 4px solid #ff862f;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .service-item:hover {\r\n background: #f0f0f0;\r\n }\r\n\r\n .service-item.selected {\r\n background: #ff862f;\r\n color: white;\r\n }\r\n\r\n .service-item.selected h3,\r\n .service-item.selected p {\r\n color: white;\r\n }\r\n\r\n .service-item h3 {\r\n margin-top: 0;\r\n color: #333;\r\n font-size: 1.1em;\r\n }\r\n\r\n .service-item p {\r\n margin-bottom: 0;\r\n color: #666;\r\n font-size: 0.9em;\r\n }\r\n\r\n .select-service-btn {\r\n background-color: #ff862f;\r\n color: white;\r\n border: none;\r\n padding: 12px 25px;\r\n font-size: 1em;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n display: block;\r\n margin: 20px auto 0;\r\n font-weight: bold;\r\n transition: background-color 0.3s;\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n\r\n .select-service-btn:hover {\r\n background-color: #e67329;\r\n }\r\n\r\n .select-service-btn:disabled {\r\n background-color: #cccccc;\r\n cursor: not-allowed;\r\n }\r\n\r\n \/* FAQ Section Styles *\/\r\n .faq-section {\r\n margin: 60px 0;\r\n }\r\n\r\n .faq-title {\r\n text-align: center;\r\n color: #ff862f;\r\n margin-bottom: 30px;\r\n font-size: 2em;\r\n }\r\n\r\n .faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-item {\r\n margin-bottom: 15px;\r\n border: 1px solid #eee;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-question {\r\n background-color: #f9f9f9;\r\n padding: 15px 20px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: background-color 0.3s;\r\n }\r\n\r\n .faq-question:hover {\r\n background-color: #f0f0f0;\r\n }\r\n\r\n .faq-question::after {\r\n content: '+';\r\n font-size: 1.5em;\r\n color: #ff862f;\r\n }\r\n\r\n .faq-item.active .faq-question::after {\r\n content: '-';\r\n }\r\n\r\n .faq-answer {\r\n padding: 0 20px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-out, padding 0.3s ease;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n padding: 15px 20px;\r\n max-height: 500px;\r\n }\r\n\r\n \/* Responsive Styles *\/\r\n @media (max-width: 768px) {\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .modal-content {\r\n width: 95%;\r\n margin: 20px auto;\r\n padding: 20px;\r\n }\r\n \r\n .service-list {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .services-main-title {\r\n font-size: 2em;\r\n }\r\n \r\n .faq-question {\r\n padding: 12px 15px;\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 15px;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n padding: 12px 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"services-grid\">\r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('electrical')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/12539\/12539714.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Electrical Services Icon\">\r\n <\/div>\r\n <h3>Electrical Work<\/h3>\r\n <p>Wiring, fuse box repairs, lighting installations, generator repair, and safety checks.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('plumbing')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/11098\/11098382.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Plumbing Services Icon\">\r\n <\/div>\r\n <h3>Plumbing Service<\/h3>\r\n <p>Leak fixes, pipe repairs, drain cleaning, and faucet installations.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('ac')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/11311\/11311464.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"AC Services Icon\">\r\n <\/div>\r\n <h3>AC Repair Services<\/h3>\r\n <p>Servicing, gas refills, and troubleshooting for all AC types.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('painting')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/2238\/2238261.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Painting Services Icon\">\r\n <\/div>\r\n <h3>Home Painter Services<\/h3>\r\n <p>Interior\/exterior painting, wall textures, and waterproof coatings.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('cleaning')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/3965\/3965848.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Cleaning Services Icon\">\r\n <\/div>\r\n <h3>House Cleaning Services<\/h3>\r\n <p>Move-in\/move-out, post-renovation, and regular cleaning.<\/p>\r\n <button class=\"service-cta\">View Services<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\" onclick=\"showServiceDetails('other')\">\r\n <div class=\"service-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.freepik.com\/256\/10476\/10476954.png?uid=R72383414&ga=GA1.1.1687677614.1747302609&semt=ais_incoming\" alt=\"Other Services Icon\">\r\n <\/div>\r\n <h3>Can't Find Your Problem?<\/h3>\r\n <p>Pest control, gardening, solar installation, cooking services and more home solutions.<\/p>\r\n <button class=\"service-cta\">View Other Services<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-section\">\r\n <h2 class=\"faq-title\">Frequently Asked Questions<\/h2>\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">How do I book a service with QuickFix?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>You can book instantly through our website or mobile app. Select your service, choose a time slot, and confirm your booking \u2013 it's that easy!<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Can I schedule a service for the same day?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes! We offer same-day service for most requests, subject to technician availability. Select the \"ASAP\" option when booking for immediate service.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">What are your operating hours?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>Our standard operating hours are from 8:00 AM to 10:00 PM, seven days a week. Emergency services are available 24\/7 for urgent situations.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">What payment methods do you accept?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>We accept all major credit\/debit cards, mobile payments, bank transfers, and cash on service completion.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Are QuickFix technicians qualified?<\/div>\r\n <div class=\"faq-answer\">\r\n <p>Absolutely! All our technicians are certified professionals with extensive training and background checks. We maintain the highest standards for quality and safety.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"electrical-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('electrical')\">×<\/span>\r\n <h2>Electrical Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Wiring Installation\/Repair', 'electrical')\">\r\n <h3>Wiring Installation\/Repair<\/h3>\r\n <p>Complete home wiring solutions and repair services<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Fuse Box Repair', 'electrical')\">\r\n <h3>Fuse Box Repair<\/h3>\r\n <p>Fuse box maintenance and circuit breaker replacements<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Lighting Installation', 'electrical')\">\r\n <h3>Lighting Installation<\/h3>\r\n <p>Indoor and outdoor lighting solutions<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Electrical Safety Check', 'electrical')\">\r\n <h3>Electrical Safety Check<\/h3>\r\n <p>Comprehensive home electrical safety inspections<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Generator Repair', 'electrical')\">\r\n <h3>Generator Repair<\/h3>\r\n <p>Installation and maintenance of backup generators<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Electrical Work', 'electrical')\">\r\n <h3>AC Electrical Work<\/h3>\r\n <p>Specialized electrical services for AC units<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"electrical-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('electrical')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"plumbing-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('plumbing')\">×<\/span>\r\n <h2>Plumbing Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Leak Repair', 'plumbing')\">\r\n <h3>Leak Repair<\/h3>\r\n <p>Detection and repair of all types of leaks<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Pipe Installation\/Repair', 'plumbing')\">\r\n <h3>Pipe Installation\/Repair<\/h3>\r\n <p>Complete pipe solutions for homes<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Drain Cleaning', 'plumbing')\">\r\n <h3>Drain Cleaning<\/h3>\r\n <p>Clog removal and drain maintenance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Faucet Installation', 'plumbing')\">\r\n <h3>Faucet Installation<\/h3>\r\n <p>New faucet setup and repairs<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Water Heater Repair', 'plumbing')\">\r\n <h3>Water Heater Repair<\/h3>\r\n <p>Maintenance and fixing of water heaters<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Bathroom Plumbing', 'plumbing')\">\r\n <h3>Bathroom Plumbing<\/h3>\r\n <p>Complete bathroom plumbing solutions<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"plumbing-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('plumbing')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ac-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('ac')\">×<\/span>\r\n <h2>AC Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('AC Servicing', 'ac')\">\r\n <h3>AC Servicing<\/h3>\r\n <p>Regular maintenance for optimal performance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Gas Refill', 'ac')\">\r\n <h3>Gas Refill<\/h3>\r\n <p>Professional refrigerant recharge<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Repair', 'ac')\">\r\n <h3>AC Repair<\/h3>\r\n <p>Diagnosis and repair of all AC issues<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Installation', 'ac')\">\r\n <h3>AC Installation<\/h3>\r\n <p>Professional installation of new units<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Maintenance', 'ac')\">\r\n <h3>AC Maintenance<\/h3>\r\n <p>Scheduled maintenance packages<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('AC Troubleshooting', 'ac')\">\r\n <h3>AC Troubleshooting<\/h3>\r\n <p>Expert diagnosis of AC problems<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"ac-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('ac')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"painting-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('painting')\">×<\/span>\r\n <h2>Painting Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Interior Painting', 'painting')\">\r\n <h3>Interior Painting<\/h3>\r\n <p>Professional interior wall painting<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Exterior Painting', 'painting')\">\r\n <h3>Exterior Painting<\/h3>\r\n <p>Weather-resistant exterior painting<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Wall Texture', 'painting')\">\r\n <h3>Wall Texture<\/h3>\r\n <p>Custom wall texture applications<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Waterproof Coating', 'painting')\">\r\n <h3>Waterproof Coating<\/h3>\r\n <p>Protective waterproof coatings<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Wall Repair', 'painting')\">\r\n <h3>Wall Repair<\/h3>\r\n <p>Wall preparation and repair before painting<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Wood Painting', 'painting')\">\r\n <h3>Wood Painting<\/h3>\r\n <p>Specialized painting for wood surfaces<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"painting-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('painting')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"cleaning-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('cleaning')\">×<\/span>\r\n <h2>Cleaning Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Deep Cleaning', 'cleaning')\">\r\n <h3>Deep Cleaning<\/h3>\r\n <p>Thorough whole-house deep cleaning<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Regular Cleaning', 'cleaning')\">\r\n <h3>Regular Cleaning<\/h3>\r\n <p>Scheduled maintenance cleaning<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Move-In\/Move-Out Cleaning', 'cleaning')\">\r\n <h3>Move-In\/Move-Out Cleaning<\/h3>\r\n <p>Complete cleaning for property transitions<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Post-Renovation Cleaning', 'cleaning')\">\r\n <h3>Post-Renovation Cleaning<\/h3>\r\n <p>Specialized cleaning after construction<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Carpet Cleaning', 'cleaning')\">\r\n <h3>Carpet Cleaning<\/h3>\r\n <p>Professional carpet and rug cleaning<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Sofa Cleaning', 'cleaning')\">\r\n <h3>Sofa Cleaning<\/h3>\r\n <p>Upholstery and furniture cleaning<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"cleaning-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('cleaning')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"other-modal\" class=\"service-modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeModal('other')\">×<\/span>\r\n <h2>Other Home Services<\/h2>\r\n <div class=\"service-list\">\r\n <div class=\"service-item\" onclick=\"selectService('Pest Control', 'other')\">\r\n <h3>Pest Control<\/h3>\r\n <p>Professional pest extermination and prevention<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Gardening Services', 'other')\">\r\n <h3>Gardening Services<\/h3>\r\n <p>Landscaping, lawn care, and plant maintenance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Solar Installation', 'other')\">\r\n <h3>Solar Installation<\/h3>\r\n <p>Professional solar panel setup and maintenance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Cooking Services', 'other')\">\r\n <h3>Cooking Services<\/h3>\r\n <p>Home chef services and kitchen maintenance<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Home Renovation', 'other')\">\r\n <h3>Home Renovation<\/h3>\r\n <p>Complete home remodeling and improvement<\/p>\r\n <\/div>\r\n <div class=\"service-item\" onclick=\"selectService('Other Home Service', 'other')\">\r\n <h3>Other Home Service<\/h3>\r\n <p>Specialized solutions for unique home needs<\/p>\r\n <\/div>\r\n <\/div>\r\n <button id=\"other-select-btn\" class=\"select-service-btn\" disabled onclick=\"proceedToBooking('other')\">Select a service to continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Track selected services\r\n const selectedServices = {\r\n electrical: null,\r\n plumbing: null,\r\n ac: null,\r\n painting: null,\r\n cleaning: null,\r\n other: null\r\n };\r\n\r\n \/\/ Service Modal Functions\r\n function showServiceDetails(service) {\r\n \/\/ Close any open modals first\r\n closeAllModals();\r\n \r\n \/\/ Show the selected modal\r\n const modal = document.getElementById(service + '-modal');\r\n modal.style.display = 'block';\r\n \r\n \/\/ Reset selection when opening modal\r\n selectedServices[service] = null;\r\n updateSelectButton(service);\r\n \r\n \/\/ Remove any previous selections\r\n const items = document.querySelectorAll(`#${service}-modal .service-item`);\r\n items.forEach(item => item.classList.remove('selected'));\r\n \r\n \/\/ Scroll to top of modal\r\n modal.querySelector('.modal-content').scrollTop = 0;\r\n }\r\n\r\n function closeAllModals() {\r\n const modals = document.querySelectorAll('.service-modal');\r\n modals.forEach(modal => {\r\n modal.style.display = 'none';\r\n });\r\n }\r\n\r\n function closeModal(service) {\r\n document.getElementById(service + '-modal').style.display = 'none';\r\n }\r\n\r\n function selectService(serviceName, category) {\r\n \/\/ Store the selected service\r\n selectedServices[category] = serviceName;\r\n \r\n \/\/ Update UI\r\n const items = document.querySelectorAll(`#${category}-modal .service-item`);\r\n items.forEach(item => {\r\n item.classList.remove('selected');\r\n if (item.querySelector('h3').textContent === serviceName) {\r\n item.classList.add('selected');\r\n }\r\n });\r\n \r\n updateSelectButton(category);\r\n }\r\n\r\n function updateSelectButton(category) {\r\n const btn = document.getElementById(`${category}-select-btn`);\r\n if (selectedServices[category]) {\r\n btn.disabled = false;\r\n btn.textContent = `Continue with ${selectedServices[category]}`;\r\n } else {\r\n btn.disabled = true;\r\n btn.textContent = 'Select a service to continue';\r\n }\r\n }\r\n\r\n function proceedToBooking(category) {\r\n if (selectedServices[category]) {\r\n \/\/ Redirect to the booking page\r\n window.location.href = 'https:\/\/quickfixpk.com\/?page_id=2436';\r\n }\r\n }\r\n\r\n \/\/ FAQ Toggle Functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n \r\n question.addEventListener('click', () => {\r\n \/\/ Close all other FAQ items\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item) {\r\n otherItem.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ Toggle current item\r\n item.classList.toggle('active');\r\n });\r\n });\r\n });\r\n\r\n \/\/ Close modal when clicking outside content\r\n window.onclick = function(event) {\r\n const modals = document.getElementsByClassName('service-modal');\r\n for (let modal of modals) {\r\n if (event.target == modal) {\r\n const service = modal.id.split('-')[0];\r\n closeModal(service);\r\n }\r\n }\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>QuickFix – Book Services Electrical Work Wiring, fuse box repairs, lighting installations, generator repair, and safety checks. View Services Plumbing Service Leak fixes, pipe repairs, drain cleaning, and faucet installations. View Services AC Repair Services Servicing, gas refills, and troubleshooting for all AC types. View Services Home Painter Services Interior\/exterior painting, wall textures, and waterproof […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-builder.php","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":65,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":2955,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions\/2955"}],"wp:attachment":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}