Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Quick Fix - Genuine Mobile Repair Parts & Services</title> | |
| <meta name="description" content="Quick Fix offers original mobile parts and professional repair services for iPhone, Samsung, Vivo, Oppo, Infinix, and Tecno in Gujrat."> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| 'primary-black': '#2D2D2D', | |
| 'primary-red': '#EA2917', | |
| 'light-gray': '#F6F6F6' | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body class="bg-white text-primary-black"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-lg sticky top-0 z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between items-center h-16"> | |
| <div class="flex items-center"> | |
| <span class="text-2xl font-bold text-primary-red">Quick Fix</span> | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="#home" class="hover:text-primary-red transition-colors">Home</a> | |
| <a href="#services" class="hover:text-primary-red transition-colors">Services</a> | |
| <a href="#parts" class="hover:text-primary-red transition-colors">Parts Catalog</a> | |
| <a href="#about" class="hover:text-primary-red transition-colors">About</a> | |
| <a href="#contact" class="hover:text-primary-red transition-colors">Contact</a> | |
| </div> | |
| <button id="mobile-menu-btn" class="md:hidden"> | |
| <i data-feather="menu" class="w-6 h-6"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Mobile Menu --> | |
| <div id="mobile-menu" class="hidden md:hidden bg-white border-t"> | |
| <div class="px-4 py-2 space-y-2"> | |
| <a href="#home" class="block py-2 hover:text-primary-red">Home</a> | |
| <a href="#services" class="block py-2 hover:text-primary-red">Services</a> | |
| <a href="#parts" class="block py-2 hover:text-primary-red">Parts Catalog</a> | |
| <a href="#about" class="block py-2 hover:text-primary-red">About</a> | |
| <a href="#contact" class="block py-2 hover:text-primary-red">Contact</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section id="home" class="relative bg-gradient-to-r from-primary-black to-gray-800 text-white py-20"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid md:grid-cols-2 gap-8 items-center"> | |
| <div> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6"> | |
| Genuine Parts, Smart Deals – Repairing Lab & Parts | |
| </h1> | |
| <h2 class="text-2xl md:text-3xl font-semibold mb-6 text-primary-red"> | |
| Your Trusted Mobile Repair Expert in Gujrat | |
| </h2> | |
| <p class="mb-8 text-gray-300"> | |
| Quick Fix offers high-quality, original spare parts and professional repair services for Apple iPhone, Samsung, Vivo, Oppo, Infinix, and Tecno. We ensure genuine components and reliable service at smart deals. | |
| </p> | |
| <div class="flex flex-wrap gap-4"> | |
| <button class="bg-primary-red hover:bg-red-600 text-white px-6 py-3 rounded-lg font-semibold transition-colors inline-flex items-center"> | |
| <i data-feather="tool" class="mr-2"></i> | |
| Book Repair Now | |
| </button> | |
| <a href="#parts" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-semibold transition-colors inline-flex items-center"> | |
| <i data-feather="package" class="mr-2"></i> | |
| View Parts Catalog | |
| </a> | |
| <a href="tel:03076433917" class="bg-gray-800 hover:bg-gray-900 text-white px-6 py-3 rounded-lg font-semibold transition-colors inline-flex items-center"> | |
| <i data-feather="phone" class="mr-2"></i> | |
| Call Now | |
| </a> | |
| <a href="https://wa.me/923076433917" target="_blank" class="bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg font-semibold transition-colors inline-flex items-center"> | |
| <i data-feather="message-circle" class="mr-2"></i> | |
| WhatsApp Us | |
| </a> | |
| </div> | |
| </div> | |
| <div class="relative"> | |
| <img src="http://static.photos/technology/640x360/123" alt="Mobile Repair" class="rounded-lg shadow-2xl"> | |
| <div class="absolute -bottom-4 -left-4 bg-primary-red text-white px-6 py-3 rounded-lg"> | |
| <span class="font-bold">24/7 Service</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Trust Indicators --> | |
| <div class="bg-primary-black py-12"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid md:grid-cols-5 gap-6 text-center"> | |
| <div class="flex flex-col items-center"> | |
| <i data-feather="check-circle" class="w-8 h-8 text-primary-red mb-2"></i> | |
| <span class="text-white font-semibold">100% Original Parts Guaranteed</span> | |
| </div> | |
| <div class="flex flex-col items-center"> | |
| <i data-feather="award" class="w-8 h-8 text-primary-red mb-2"></i> | |
| <span class="text-white font-semibold">Experienced Technicians</span> | |
| </div> | |
| <div class="flex flex-col items-center"> | |
| <i data-feather="clock" class="w-8 h-8 text-primary-red mb-2"></i> | |
| <span class="text-white font-semibold">Fast Turnaround Time</span> | |
| </div> | |
| <div class="flex flex-col items-center"> | |
| <i data-feather="shield" class="w-8 h-8 text-primary-red mb-2"></i> | |
| <span class="text-white font-semibold">Warranty on All Repairs</span> | |
| </div> | |
| <div class="flex flex-col items-center"> | |
| <i data-feather="truck" class="w-8 h-8 text-primary-red mb-2"></i> | |
| <span class="text-white font-semibold">On-site & Pickup Service Available</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section id="services" class="py-20 bg-light-gray"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Our Services</h2> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- iPhone Service --> | |
| <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow"> | |
| <div class="text-primary-red mb-4"> | |
| <i data-feather="smartphone" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">iPhone Repairs</h3> | |
| <ul class="text-gray-600 space-y-2 text-sm"> | |
| <li>• Original OLED/LCD Screen Replacement</li> | |
| <li>• Camera Module Repair & Replacement</li> | |
| <li>• Battery Replacement (High Capacity)</li> | |
| <li>• Phone Body & Housing Replacement</li> | |
| <li>• Charging Port Repair</li> | |
| <li>• Water Damage Repair</li> | |
| <li>• Software & iOS Issues</li> | |
| </ul> | |
| <button class="mt-4 text-primary-red font-semibold hover:underline">Book Repair →</button> | |
| </div> | |
| <!-- Samsung Service --> | |
| <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow"> | |
| <div class="text-primary-red mb-4"> | |
| <i data-feather="tablet" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Samsung Repairs</h3> | |
| <ul class="text-gray-600 space-y-2 text-sm"> | |
| <li>• Original AMOLED Screen Replacement</li> | |
| <li>• Camera Repair & Replacement</li> | |
| <li>• Battery Replacement</li> | |
| <li>• Back Glass Replacement</li> | |
| <li>• Motherboard Repair</li> | |
| <li>• Speaker & Microphone Repair</li> | |
| </ul> | |
| <button class="mt-4 text-primary-red font-semibold hover:underline">Book Repair →</button> | |
| </div> | |
| <!-- Other Brands --> | |
| <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow"> | |
| <div class="text-primary-red mb-4"> | |
| <i data-feather="cpu" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Vivo, Oppo, Infinix, Tecno</h3> | |
| <ul class="text-gray-600 space-y-2 text-sm"> | |
| <li>• Screen Replacement (All Models)</li> | |
| <li>• Battery Replacement</li> | |
| <li>• Camera Repairs</li> | |
| <li>• Charging Port Issues</li> | |
| <li>• Software Updates & Flashing</li> | |
| <li>• Body Parts Replacement</li> | |
| </ul> | |
| <button class="mt-4 text-primary-red font-semibold hover:underline">Book Repair →</button> | |
| </div> | |
| <!-- Diagnostics --> | |
| <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow"> | |
| <div class="text-primary-red mb-4"> | |
| <i data-feather="activity" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Quick Diagnostics</h3> | |
| <ul class="text-gray-600 space-y-2 text-sm"> | |
| <li>• Complete System Check</li> | |
| <li>• Hardware Analysis</li> | |
| <li>• Software Issues</li> | |
| <li>• Free Estimate</li> | |
| <li>• Data Recovery Services</li> | |
| </ul> | |
| <button class="mt-4 text-primary-red font-semibold hover:underline">Get Diagnosis →</button> | |
| </div> | |
| <!-- On-site Service --> | |
| <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow"> | |
| <div class="text-primary-red mb-4"> | |
| <i data-feather="truck" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">On-site & Pickup Service</h3> | |
| <ul class="text-gray-600 space-y-2 text-sm"> | |
| <li>• On-site Repair Service</li> | |
| <li>• Pickup & Delivery Service</li> | |
| <li>• Quick Pickup</li> | |
| <li>• Safe Delivery</li> | |
| <li>• Same Day Service Available</li> | |
| </ul> | |
| <button class="mt-4 text-primary-red font-semibold hover:underline">Schedule Service →</button> | |
| </div> | |
| <!-- Warranty --> | |
| <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow"> | |
| <div class="text-primary-red mb-4"> | |
| <i data-feather="shield" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Warranty Guarantee</h3> | |
| <ul class="text-gray-600 space-y-2 text-sm"> | |
| <li>• 6 Months Warranty on Parts</li> | |
| <li>• 3 Months Warranty on Labor</li> | |
| <li>• Quality Guarantee</li> | |
| <li>• Support Coverage</li> | |
| <li>• Customer Protection</li> | |
| </ul> | |
| <button class="mt-4 text-primary-red font-semibold hover:underline">Learn More →</button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Parts Catalog Section --> | |
| <section id="parts" class="py-20"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Genuine Parts Catalog</h2> | |
| <div class="mb-8 text-center"> | |
| <div class="inline-flex flex-wrap gap-2 justify-center"> | |
| <button class="brand-filter px-4 py-2 bg-primary-red text-white rounded-lg" data-brand="all">All Brands</button> | |
| <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="iphone">iPhone Parts (5S to 15 Pro Max)</button> | |
| <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="samsung">Samsung Parts (All Series)</button> | |
| <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="vivo">Vivo Parts</button> | |
| <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="oppo">Oppo Parts</button> | |
| <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="infinix">Infinix Parts</button> | |
| <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="tecno">Tecno Parts</button> | |
| </div> | |
| </div> | |
| <!-- Parts Features --> | |
| <div class="mb-12 grid md:grid-cols-5 gap-4 text-center"> | |
| <div class="bg-gray-50 p-4 rounded-lg"> | |
| <i data-feather="check" class="w-6 h-6 text-green-600 mx-auto mb-2"></i> | |
| <p class="text-sm font-semibold">Genuine OEM Parts</p> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg"> | |
| <i data-feather="tag" class="w-6 h-6 text-primary-red mx-auto mb-2"></i> | |
| <p class="text-sm font-semibold">Competitive Pricing</p> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg"> | |
| <i data-feather="package" class="w-6 h-6 text-blue-600 mx-auto mb-2"></i> | |
| <p class="text-sm font-semibold">Availability Status</p> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg"> | |
| <i data-feather="layers" class="w-6 h-6 text-purple-600 mx-auto mb-2"></i> | |
| <p class="text-sm font-semibold">Bulk Orders Available</p> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg"> | |
| <i data-feather="shield" class="w-6 h-6 text-primary-red mx-auto mb-2"></i> | |
| <p class="text-sm font-semibold">Quality Guarantee</p> | |
| </div> | |
| </div> | |
| <div id="parts-grid" class="grid md:grid-cols-3 lg:grid-cols-4 gap-6"> | |
| <!-- Parts will be dynamically loaded here --> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section id="about" class="py-20 bg-light-gray"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid md:grid-cols-2 gap-12 items-center"> | |
| <div> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">About Quick Fix</h2> | |
| <p class="text-gray-600 mb-4"> | |
| Quick Fix is Kashmir Plaza's premier mobile repair lab and parts supplier, located on Gulzary Madina Road, Gujrat. We specialize in providing authentic, original spare parts and professional repair services for all major smartphone brands. | |
| </p> | |
| <p class="text-gray-600 mb-6"> | |
| We are committed to using only genuine, OEM-quality parts to ensure your device performs like new. Our experienced technicians undergo regular training to stay updated with the latest repair techniques and technology. | |
| </p> | |
| <div class="grid grid-cols-2 gap-4 mb-6"> | |
| <div class="flex items-center"> | |
| <i data-feather="check-circle" class="text-primary-red mr-2"></i> | |
| <span>100% Original Parts</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="check-circle" class="text-primary-red mr-2"></i> | |
| <span>Expert Technicians</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="check-circle" class="text-primary-red mr-2"></i> | |
| <span>6 Months Warranty</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="check-circle" class="text-primary-red mr-2"></i> | |
| <span>Fast Service</span> | |
| </div> | |
| </div> | |
| <div class="bg-primary-black text-white p-6 rounded-lg mb-6"> | |
| <h4 class="text-primary-red font-bold mb-3">Owner Message</h4> | |
| <p class="mb-2">Welcome to Quick Fix! I'm Sajawal Majad, and I founded this repair lab with a vision to provide Gujrat with honest, reliable mobile repair services using only original parts. We understand how important your smartphone is to your daily life, and we treat every device with the care it deserves.</p> | |
| </div> | |
| <!-- Certifications --> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div class="flex items-center"> | |
| <i data-feather="award" class="text-primary-red mr-2"></i> | |
| <span class="text-sm">Authorized Dealer of Original Parts</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="users" class="text-primary-red mr-2"></i> | |
| <span class="text-sm">Trained Repair Technicians</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="check-circle" class="text-primary-red mr-2"></i> | |
| <span class="text-sm">Quality Assurance Certified</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="heart" class="text-primary-red mr-2"></i> | |
| <span class="text-sm">Customer Satisfaction Guarantee</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <img src="http://static.photos/office/640x360/456" alt="Quick Fix Workshop" class="rounded-lg shadow-xl"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Why Choose Us Section --> | |
| <section class="py-20 bg-primary-black text-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Why Choose Quick Fix</h2> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="text-center"> | |
| <div class="bg-primary-red w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="award" class="w-10 h-10"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Quality Guaranteed</h3> | |
| <p class="text-gray-400">Only genuine OEM parts with 6 months warranty</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="bg-primary-red w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="clock" class="w-10 h-10"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Quick Turnaround</h3> | |
| <p class="text-gray-400">Most repairs done within 1-2 hours</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="bg-primary-red w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="users" class="w-10 h-10"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Trusted by Thousands</h3> | |
| <p class="text-gray-400">Over 5000 happy customers in Gujrat</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="py-20"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Get in Touch</h2> | |
| <div class="grid md:grid-cols-2 gap-12"> | |
| <div> | |
| <div class="bg-light-gray rounded-lg p-6 mb-6"> | |
| <h3 class="text-xl font-bold mb-4">Visit Our Store</h3> | |
| <div class="space-y-3"> | |
| <div class="flex items-center"> | |
| <i data-feather="map-pin" class="text-primary-red mr-3"></i> | |
| <p>Kashmir Plaza, Gulzary Madina Road, Gujrat</p> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="phone" class="text-primary-red mr-3"></i> | |
| <p>03076433917, 03437432534</p> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="clock" class="text-primary-red mr-3"></i> | |
| <p>Mon-Sat: 10:00 AM - 9:00 PM</p> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="clock" class="text-primary-red mr-3"></i> | |
| <p>Sunday: 11:00 AM - 8:00 PM</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-light-gray rounded-lg p-6"> | |
| <h3 class="text-xl font-bold mb-4">Quick Contact</h3> | |
| <div class="flex gap-4"> | |
| <a href="tel:03076433917" class="bg-primary-red text-white px-4 py-2 rounded-lg hover:bg-red-600 transition-colors inline-flex items-center"> | |
| <i data-feather="phone" class="w-4 h-4 mr-2"></i> | |
| Call Now | |
| </a> | |
| <a href="https://wa.me/923076433917" target="_blank" class="bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition-colors inline-flex items-center"> | |
| <i data-feather="message-circle" class="w-4 h-4 mr-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <form id="contact-form" class="bg-light-gray rounded-lg p-6"> | |
| <h3 class="text-xl font-bold mb-4">Send Us a Message</h3> | |
| <div class="mb-4"> | |
| <label class="block text-gray-700 mb-2">Name</label> | |
| <input type="text" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:border-primary-red" required> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block text-gray-700 mb-2">Phone</label> | |
| <input type="tel" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:border-primary-red" required> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block text-gray-700 mb-2">Message</label> | |
| <textarea class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:border-primary-red" rows="4" required></textarea> | |
| </div> | |
| <button type="submit" class="w-full bg-primary-red text-white py-3 rounded-lg font-semibold hover:bg-red-600 transition-colors"> | |
| Send Message | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section class="py-20 bg-light-gray"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Frequently Asked Questions</h2> | |
| <div class="max-w-3xl mx-auto space-y-4"> | |
| <div class="faq-item bg-white rounded-lg shadow"> | |
| <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center"> | |
| <span>Do you use original parts?</span> | |
| <i data-feather="chevron-down" class="w-5 h-5"></i> | |
| </button> | |
| <div class="faq-answer hidden px-6 pb-4 text-gray-600"> | |
| Yes, we use 100% genuine OEM parts for all repairs to ensure quality and longevity. | |
| </div> | |
| </div> | |
| <div class="faq-item bg-white rounded-lg shadow"> | |
| <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center"> | |
| <span>How long do repairs take?</span> | |
| <i data-feather="chevron-down" class="w-5 h-5"></i> | |
| </button> | |
| <div class="faq-answer hidden px-6 pb-4 text-gray-600"> | |
| Most repairs are completed within 24-48 hours. Screen replacements and battery changes can often be done the same day. | |
| </div> | |
| </div> | |
| <div class="faq-item bg-white rounded-lg shadow"> | |
| <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center"> | |
| <span>Do you offer warranty on repairs?</span> | |
| <i data-feather="chevron-down" class="w-5 h-5"></i> | |
| </button> | |
| <div class="faq-answer hidden px-6 pb-4 text-gray-600"> | |
| Yes, all our repairs come with a warranty covering both parts and labor. Warranty periods vary by repair type. | |
| </div> | |
| </div> | |
| <div class="faq-item bg-white rounded-lg shadow"> | |
| <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center"> | |
| <span>Which brands do you repair?</span> | |
| <i data-feather="chevron-down" class="w-5 h-5"></i> | |
| </button> | |
| <div class="faq-answer hidden px-6 pb-4 text-gray-600"> | |
| We repair all major brands including Apple iPhone, Samsung, Vivo, Oppo, Infinix, and Tecno. | |
| </div> | |
| </div> | |
| <div class="faq-item bg-white rounded-lg shadow"> | |
| <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center"> | |
| <span>Do you offer pickup and delivery service?</span> | |
| <i data-feather="chevron-down" class="w-5 h-5"></i> | |
| </button> | |
| <div class="faq-answer hidden px-6 pb-4 text-gray-600"> | |
| Yes, we offer convenient pickup and delivery service within Gujrat city. Contact us for details. | |
| </div> | |
| </div> | |
| <div class="faq-item bg-white rounded-lg shadow"> | |
| <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center"> | |
| <span>What is your diagnostic process?</span> | |
| <i data-feather="chevron-down" class="w-5 h-5"></i> | |
| </button> | |
| <div class="faq-answer hidden px-6 pb-4 text-gray-600"> | |
| We offer free diagnostics to identify the issue with your device before providing a detailed repair quote. | |
| </div> | |
| </div> | |
| <div class="faq-item bg-white rounded-lg shadow"> | |
| <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center"> | |
| <span>Can I buy parts directly?</span> | |
| <i data-feather="chevron-down" class="w-5 h-5"></i> | |
| </button> | |
| <div class="faq-answer hidden px-6 pb-4 text-gray-600"> | |
| Yes, we sell original parts to customers and other repair shops. Check our parts catalog for availability. | |
| </div> | |
| </div> | |
| <div class="faq-item bg-white rounded-lg shadow"> | |
| <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center"> | |
| <span>Do you repair water-damaged phones?</span> | |
| <i data-feather="chevron-down" class="w-5 h-5"></i> | |
| </button> | |
| <div class="faq-answer hidden px-6 pb-4 text-gray-600"> | |
| Yes, we have specialized equipment and expertise to repair water-damaged devices. Success depends on the extent of damage. | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-primary-black text-white py-12"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <h3 class="text-2xl font-bold text-primary-red mb-4">Quick Fix</h3> | |
| <p class="text-gray-400">Your trusted mobile repair experts in Gujrat.</p> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Quick Links</h4> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li><a href="#home" class="hover:text-primary-red">Home</a></li> | |
| <li><a href="#services" class="hover:text-primary-red">Services</a></li> | |
| <li><a href="#parts" class="hover:text-primary-red">Parts Catalog</a></li> | |
| <li><a href="#about" class="hover:text-primary-red">About</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Services</h4> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li><a href="#services" class="hover:text-primary-red">iPhone Repair</a></li> | |
| <li><a href="#services" class="hover:text-primary-red">Samsung Repair</a></li> | |
| <li><a href="#services" class="hover:text-primary-red">Other Brands</a></li> | |
| <li><a href="#services" class="hover:text-primary-red">Diagnostics</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Contact Info</h4> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li>Owner: Sajawal Majad</li> | |
| <li>03076433917</li> | |
| <li>03437432534</li> | |
| <li>Kashmir Plaza, Gujrat</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 pt-8 text-center text-gray-400"> | |
| <p>© 2024 Quick Fix. All rights reserved. | Designed with ❤️ for Gujrat</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- WhatsApp Floating Button --> | |
| <a href="https://wa.me/923076433917" target="_blank" class="fixed bottom-6 right-6 bg-green-600 hover:bg-green-700 text-white p-4 rounded-full shadow-lg z-50 transition-all hover:scale-110"> | |
| <i data-feather="message-circle" class="w-6 h-6"></i> | |
| </a> | |
| <!-- Components --> | |
| <script src="script.js"></script> | |
| <script>feather.replace();</script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |