Hamid-Shah commited on
Commit
ac8bb9a
·
verified ·
1 Parent(s): 2206962

"Home Page": {
"Hero Section": {
"Tagline": "Genuine Parts, Smart Deals – Repairing Lab & Parts",
"Headline": "Your Trusted Mobile Repair Expert in Gujrat",
"Description": "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.",
"CTA Buttons": [
"Book Repair Now",
"View Parts Catalog",
"Call Now",
"WhatsApp Us"
]
},
"Trust Indicators": [
"100% Original Parts Guaranteed",
"Experienced Technicians",
"Fast Turnaround Time",
"Warranty on All Repairs",
"On-site & Pickup Service Available"
]
},
"Services Page": {
"iPhone Repairs": [
"Original OLED/LCD Screen Replacement",
"Camera Module Repair & Replacement",
"Battery Replacement (High Capacity)",
"Phone Body & Housing Replacement",
"Charging Port Repair",
"Water Damage Repair",
"Software & iOS Issues"
],
"Samsung Repairs": [
"Original AMOLED Screen Replacement",
"Camera Repair & Replacement",
"Battery Replacement",
"Back Glass Replacement",
"Motherboard Repair",
"Speaker & Microphone Repair"
],
"Vivo, Oppo, Infinix, Tecno Repairs": [
"Screen Replacement (All Models)",
"Battery Replacement",
"Camera Repairs",
"Charging Port Issues",
"Software Updates & Flashing",
"Body Parts Replacement"
],
"Additional Services": [
"Quick Diagnostics (Free)",
"Data Recovery Services",
"On-site Repair Service",
"Pickup & Delivery Service",
"Warranty on Parts & Labor"
]
},
"Parts Catalog": {
"Categories": [
"iPhone Parts (5S to 15 Pro Max)",
"Samsung Parts (All Series)",
"Vivo Parts",
"Oppo Parts",
"Infinix Parts",
"Tecno Parts"
],
"Available Parts": [
"Original Screens (OLED/LCD/AMOLED)",
"Batteries (OEM Quality)",
"Camera Modules (Front & Back)",
"Phone Bodies & Housings",
"Charging Ports & Flex Cables",
"Speakers & Earpieces",
"Power & Volume Buttons",
"SIM Trays"
],
"Features": [
"Genuine OEM Parts",
"Competitive Pricing",
"Availability Status",
"Bulk Orders Available",
"Quality Guarantee"
]
},
"About Us": {
"Company Overview": "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.",
"Our Commitment": "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.",
"Owner Message": "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.",
"Certifications": [
"Authorized Dealer of Original Parts",
"Trained Repair Technicians",
"Quality Assurance Certified",
"Customer Satisfaction Guarantee"
]
},
"Contact Information": {
"Business Name": "Quick Fix",
"Owner": "Sajawal Majad",
"Phone Numbers": [
"03076433917",
"03437432534"
],
"Address": "Kashmir Plaza, Gulzary Madina Road, Gujrat",
"WhatsApp": "03076433917",
"Business Hours": {
"Monday - Saturday": "10:00 AM - 9:00 PM",
"Sunday": "11:00 AM - 8:00 PM"
}
},
"Why Choose Us": [
{
"Title": "100% Original Parts",
"Description": "We stock only genuine OEM parts sourced directly from authorized suppliers. No aftermarket or duplicate components."
},
{
"Title": "Expert Technicians",
"Description": "Our team has years of experience repairing all major smartphone brands with precision and care."
},
{
"Title": "Warranty Guarantee",
"Description": "All repairs come with a warranty on both parts and labor, giving you peace of mind."
},
{
"Title": "Fast Service",
"Description": "Most repairs completed within 24-48 hours. Same-day service available for common issues."
},
{
"Title": "Transparent Pricing",
"Description": "No hidden charges. We provide detailed quotes before starting any repair work."
},
{
"Title": "Convenient Options",
"Description": "On-site repairs available. Pickup and delivery service for your convenience."
}
],
"FAQ": [
{
"Question": "Do you use original parts?",
"Answer": "Yes, we use 100% genuine OEM parts for all repairs to ensure quality and longevity."
},
{
"Question": "How long do repairs take?",
"Answer": "Most repairs are completed within 24-48 hours. Screen replacements and battery changes can often be done the same day."
},
{
"Question": "Do you offer warranty on repairs?",
"Answer": "Yes, all our repairs come with a warranty covering both parts and labor. Warranty periods vary by repair type."
},
{
"Question": "Which brands do you repair?",
"Answer": "We repair all major brands including Apple iPhone, Samsung, Vivo, Oppo, Infinix, and Tecno."
},
{
"Question": "Do you offer pickup and delivery service?",
"Answer": "Yes, we offer convenient pickup and delivery service within Gujrat city. Contact us for details."
},
{
"Question": "What is your diagnostic process?",
"Answer": "We offer free diagnostics to identify the issue with your device before providing a detailed repair quote."
},
{
"Question": "Can I buy parts directly?",
"Answer": "Yes, we sell original parts to customers and other repair shops. Check our parts catalog for availability."
},
{
"Question": "Do you repair water-damaged phones?",
"Answer": "Yes, we have specialized equipment and expertise to repair water-damaged devices. Success depends on the extent of damage."
}
],
"SEO Keywords": [
"mobile repair Gujrat",
"phone repair Gujrat Pakistan",
"iPhone repair Gujrat",
"Samsung repair Gujrat",
"original phone parts Gujrat",
"genuine mobile screen Gujrat",
"Kashmir Plaza mobile repair",
"Quick Fix Gujrat",
"smartphone repair lab Gujrat",
"mobile battery replacement Gujrat"
]
}

Files changed (3) hide show
  1. index.html +188 -64
  2. script.js +71 -13
  3. style.css +186 -1
index.html CHANGED
@@ -61,16 +61,24 @@
61
  <div class="grid md:grid-cols-2 gap-8 items-center">
62
  <div>
63
  <h1 class="text-4xl md:text-5xl font-bold mb-6">
64
- Genuine Parts, Smart Deals
65
  </h1>
66
- <p class="text-xl mb-6 text-gray-300">
67
- Professional Mobile Repairing Lab & Parts Store
68
- </p>
69
- <p class="mb-8 text-gray-400">
70
- Original spare parts and expert repair services for iPhone, Samsung, Vivo, Oppo, Infinix, and Tecno devices.
71
  </p>
72
  <div class="flex flex-wrap gap-4">
73
- <a href="tel:03076433917" class="bg-primary-red hover:bg-red-600 text-white px-6 py-3 rounded-lg font-semibold transition-colors inline-flex items-center">
 
 
 
 
 
 
 
 
74
  <i data-feather="phone" class="mr-2"></i>
75
  Call Now
76
  </a>
@@ -79,7 +87,7 @@
79
  WhatsApp Us
80
  </a>
81
  </div>
82
- </div>
83
  <div class="relative">
84
  <img src="http://static.photos/technology/640x360/123" alt="Mobile Repair" class="rounded-lg shadow-2xl">
85
  <div class="absolute -bottom-4 -left-4 bg-primary-red text-white px-6 py-3 rounded-lg">
@@ -88,9 +96,36 @@
88
  </div>
89
  </div>
90
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
91
  </section>
92
-
93
- <!-- Services Section -->
94
  <section id="services" class="py-20 bg-light-gray">
95
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
96
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Our Services</h2>
@@ -101,90 +136,95 @@
101
  <i data-feather="smartphone" class="w-12 h-12"></i>
102
  </div>
103
  <h3 class="text-xl font-bold mb-3">iPhone Repairs</h3>
104
- <ul class="text-gray-600 space-y-2">
105
- <li>• Original Screens</li>
106
- <li>• Premium Cameras</li>
107
- <li>• OEM Batteries</li>
108
- <li>• Phone Bodies</li>
 
 
 
109
  </ul>
110
  <button class="mt-4 text-primary-red font-semibold hover:underline">Book Repair →</button>
111
  </div>
112
-
113
  <!-- Samsung Service -->
114
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
115
  <div class="text-primary-red mb-4">
116
  <i data-feather="tablet" class="w-12 h-12"></i>
117
  </div>
118
  <h3 class="text-xl font-bold mb-3">Samsung Repairs</h3>
119
- <ul class="text-gray-600 space-y-2">
120
- <li>• Original AMOLED Screens</li>
121
- <li>• High-Quality Cameras</li>
122
- <li>• Authentic Batteries</li>
123
- <li>• Complete Body Parts</li>
 
 
124
  </ul>
125
  <button class="mt-4 text-primary-red font-semibold hover:underline">Book Repair →</button>
126
  </div>
127
-
128
  <!-- Other Brands -->
129
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
130
  <div class="text-primary-red mb-4">
131
  <i data-feather="cpu" class="w-12 h-12"></i>
132
  </div>
133
- <h3 class="text-xl font-bold mb-3">Vivo, Oppo & More</h3>
134
- <ul class="text-gray-600 space-y-2">
135
- <li>• Vivo & Oppo Parts</li>
136
- <li>• Infinix & Tecno</li>
137
- <li>• All Major Components</li>
138
- <li>• Fast Turnaround</li>
 
 
139
  </ul>
140
  <button class="mt-4 text-primary-red font-semibold hover:underline">Book Repair →</button>
141
  </div>
142
-
143
  <!-- Diagnostics -->
144
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
145
  <div class="text-primary-red mb-4">
146
  <i data-feather="activity" class="w-12 h-12"></i>
147
  </div>
148
- <h3 class="text-xl font-bold mb-3">Phone Diagnostics</h3>
149
- <ul class="text-gray-600 space-y-2">
150
  <li>• Complete System Check</li>
151
  <li>• Hardware Analysis</li>
152
  <li>• Software Issues</li>
153
  <li>• Free Estimate</li>
 
154
  </ul>
155
  <button class="mt-4 text-primary-red font-semibold hover:underline">Get Diagnosis →</button>
156
  </div>
157
-
158
  <!-- On-site Service -->
159
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
160
  <div class="text-primary-red mb-4">
161
  <i data-feather="truck" class="w-12 h-12"></i>
162
  </div>
163
- <h3 class="text-xl font-bold mb-3">Pickup & Delivery</h3>
164
- <ul class="text-gray-600 space-y-2">
165
- <li>• Home Service Available</li>
 
166
  <li>• Quick Pickup</li>
167
  <li>• Safe Delivery</li>
168
- <li>• Same Day Service</li>
169
  </ul>
170
- <button class="mt-4 text-primary-red font-semibold hover:underline">Schedule Pickup →</button>
171
  </div>
172
-
173
  <!-- Warranty -->
174
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
175
  <div class="text-primary-red mb-4">
176
  <i data-feather="shield" class="w-12 h-12"></i>
177
  </div>
178
- <h3 class="text-xl font-bold mb-3">Warranty Service</h3>
179
- <ul class="text-gray-600 space-y-2">
180
- <li>• 6 Months Warranty</li>
 
181
  <li>• Quality Guarantee</li>
182
  <li>• Support Coverage</li>
183
  <li>• Customer Protection</li>
184
  </ul>
185
  <button class="mt-4 text-primary-red font-semibold hover:underline">Learn More →</button>
186
  </div>
187
- </div>
188
  </div>
189
  </section>
190
 
@@ -195,13 +235,38 @@
195
  <div class="mb-8 text-center">
196
  <div class="inline-flex flex-wrap gap-2 justify-center">
197
  <button class="brand-filter px-4 py-2 bg-primary-red text-white rounded-lg" data-brand="all">All Brands</button>
198
- <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="iphone">iPhone</button>
199
- <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="samsung">Samsung</button>
200
- <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="vivo">Vivo</button>
201
- <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="oppo">Oppo</button>
 
 
202
  </div>
203
  </div>
204
- <div id="parts-grid" class="grid md:grid-cols-3 lg:grid-cols-4 gap-6">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
205
  <!-- Parts will be dynamically loaded here -->
206
  </div>
207
  </div>
@@ -214,12 +279,12 @@
214
  <div>
215
  <h2 class="text-3xl md:text-4xl font-bold mb-6">About Quick Fix</h2>
216
  <p class="text-gray-600 mb-4">
217
- Welcome to Quick Fix, your trusted destination for genuine mobile parts and professional repair services in Gujrat. Founded by Sajawal Majad, we pride ourselves on delivering quality repairs with authentic parts.
218
  </p>
219
  <p class="text-gray-600 mb-6">
220
- Our experienced technicians are certified to handle all major brands, ensuring your device gets the care it deserves. We believe in transparency, quality, and customer satisfaction above all.
221
  </p>
222
- <div class="grid grid-cols-2 gap-4 mb-6">
223
  <div class="flex items-center">
224
  <i data-feather="check-circle" class="text-primary-red mr-2"></i>
225
  <span>100% Original Parts</span>
@@ -237,11 +302,30 @@
237
  <span>Fast Service</span>
238
  </div>
239
  </div>
240
- <div class="bg-primary-black text-white p-6 rounded-lg">
241
- <p class="text-sm mb-2">Owner: Sajawal Majad</p>
242
- <p class="text-lg font-bold">"We don't just fix phones, we restore trust."</p>
243
  </div>
244
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
245
  <div>
246
  <img src="http://static.photos/office/640x360/456" alt="Quick Fix Workshop" class="rounded-lg shadow-xl">
247
  </div>
@@ -298,9 +382,13 @@
298
  </div>
299
  <div class="flex items-center">
300
  <i data-feather="clock" class="text-primary-red mr-3"></i>
301
- <p>Mon-Sat: 9:00 AM - 9:00 PM</p>
302
  </div>
303
- </div>
 
 
 
 
304
  </div>
305
  <div class="bg-light-gray rounded-lg p-6">
306
  <h3 class="text-xl font-bold mb-4">Quick Contact</h3>
@@ -351,37 +439,73 @@
351
  <i data-feather="chevron-down" class="w-5 h-5"></i>
352
  </button>
353
  <div class="faq-answer hidden px-6 pb-4 text-gray-600">
354
- Yes, we only use 100% genuine OEM parts for all repairs. All parts come with a 6-month warranty.
355
  </div>
356
  </div>
357
  <div class="faq-item bg-white rounded-lg shadow">
358
  <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
359
- <span>How long does repair take?</span>
360
  <i data-feather="chevron-down" class="w-5 h-5"></i>
361
  </button>
362
  <div class="faq-answer hidden px-6 pb-4 text-gray-600">
363
- Most repairs are completed within 1-2 hours. Complex repairs may take up to 24 hours.
364
  </div>
365
  </div>
366
  <div class="faq-item bg-white rounded-lg shadow">
367
  <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
368
- <span>What brands do you service?</span>
369
  <i data-feather="chevron-down" class="w-5 h-5"></i>
370
  </button>
371
  <div class="faq-answer hidden px-6 pb-4 text-gray-600">
372
- We service all major brands including iPhone, Samsung, Vivo, Oppo, Infinix, and Tecno.
373
  </div>
374
  </div>
375
  <div class="faq-item bg-white rounded-lg shadow">
376
  <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
377
- <span>Is there a warranty on repairs?</span>
378
  <i data-feather="chevron-down" class="w-5 h-5"></i>
379
  </button>
380
  <div class="faq-answer hidden px-6 pb-4 text-gray-600">
381
- Yes, all our repairs come with a 6-month warranty on parts and labor.
382
  </div>
383
  </div>
384
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
385
  </div>
386
  </section>
387
 
 
61
  <div class="grid md:grid-cols-2 gap-8 items-center">
62
  <div>
63
  <h1 class="text-4xl md:text-5xl font-bold mb-6">
64
+ Genuine Parts, Smart Deals – Repairing Lab & Parts
65
  </h1>
66
+ <h2 class="text-2xl md:text-3xl font-semibold mb-6 text-primary-red">
67
+ Your Trusted Mobile Repair Expert in Gujrat
68
+ </h2>
69
+ <p class="mb-8 text-gray-300">
70
+ 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.
71
  </p>
72
  <div class="flex flex-wrap gap-4">
73
+ <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">
74
+ <i data-feather="tool" class="mr-2"></i>
75
+ Book Repair Now
76
+ </button>
77
+ <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">
78
+ <i data-feather="package" class="mr-2"></i>
79
+ View Parts Catalog
80
+ </a>
81
+ <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">
82
  <i data-feather="phone" class="mr-2"></i>
83
  Call Now
84
  </a>
 
87
  WhatsApp Us
88
  </a>
89
  </div>
90
+ </div>
91
  <div class="relative">
92
  <img src="http://static.photos/technology/640x360/123" alt="Mobile Repair" class="rounded-lg shadow-2xl">
93
  <div class="absolute -bottom-4 -left-4 bg-primary-red text-white px-6 py-3 rounded-lg">
 
96
  </div>
97
  </div>
98
  </div>
99
+
100
+ <!-- Trust Indicators -->
101
+ <div class="bg-primary-black py-12">
102
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
103
+ <div class="grid md:grid-cols-5 gap-6 text-center">
104
+ <div class="flex flex-col items-center">
105
+ <i data-feather="check-circle" class="w-8 h-8 text-primary-red mb-2"></i>
106
+ <span class="text-white font-semibold">100% Original Parts Guaranteed</span>
107
+ </div>
108
+ <div class="flex flex-col items-center">
109
+ <i data-feather="award" class="w-8 h-8 text-primary-red mb-2"></i>
110
+ <span class="text-white font-semibold">Experienced Technicians</span>
111
+ </div>
112
+ <div class="flex flex-col items-center">
113
+ <i data-feather="clock" class="w-8 h-8 text-primary-red mb-2"></i>
114
+ <span class="text-white font-semibold">Fast Turnaround Time</span>
115
+ </div>
116
+ <div class="flex flex-col items-center">
117
+ <i data-feather="shield" class="w-8 h-8 text-primary-red mb-2"></i>
118
+ <span class="text-white font-semibold">Warranty on All Repairs</span>
119
+ </div>
120
+ <div class="flex flex-col items-center">
121
+ <i data-feather="truck" class="w-8 h-8 text-primary-red mb-2"></i>
122
+ <span class="text-white font-semibold">On-site & Pickup Service Available</span>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </div>
127
  </section>
128
+ <!-- Services Section -->
 
129
  <section id="services" class="py-20 bg-light-gray">
130
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
131
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Our Services</h2>
 
136
  <i data-feather="smartphone" class="w-12 h-12"></i>
137
  </div>
138
  <h3 class="text-xl font-bold mb-3">iPhone Repairs</h3>
139
+ <ul class="text-gray-600 space-y-2 text-sm">
140
+ <li>• Original OLED/LCD Screen Replacement</li>
141
+ <li>• Camera Module Repair & Replacement</li>
142
+ <li>• Battery Replacement (High Capacity)</li>
143
+ <li>• Phone Body & Housing Replacement</li>
144
+ <li>• Charging Port Repair</li>
145
+ <li>• Water Damage Repair</li>
146
+ <li>• Software & iOS Issues</li>
147
  </ul>
148
  <button class="mt-4 text-primary-red font-semibold hover:underline">Book Repair →</button>
149
  </div>
 
150
  <!-- Samsung Service -->
151
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
152
  <div class="text-primary-red mb-4">
153
  <i data-feather="tablet" class="w-12 h-12"></i>
154
  </div>
155
  <h3 class="text-xl font-bold mb-3">Samsung Repairs</h3>
156
+ <ul class="text-gray-600 space-y-2 text-sm">
157
+ <li>• Original AMOLED Screen Replacement</li>
158
+ <li>• Camera Repair & Replacement</li>
159
+ <li>• Battery Replacement</li>
160
+ <li>• Back Glass Replacement</li>
161
+ <li>• Motherboard Repair</li>
162
+ <li>• Speaker & Microphone Repair</li>
163
  </ul>
164
  <button class="mt-4 text-primary-red font-semibold hover:underline">Book Repair →</button>
165
  </div>
 
166
  <!-- Other Brands -->
167
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
168
  <div class="text-primary-red mb-4">
169
  <i data-feather="cpu" class="w-12 h-12"></i>
170
  </div>
171
+ <h3 class="text-xl font-bold mb-3">Vivo, Oppo, Infinix, Tecno</h3>
172
+ <ul class="text-gray-600 space-y-2 text-sm">
173
+ <li>• Screen Replacement (All Models)</li>
174
+ <li>• Battery Replacement</li>
175
+ <li>• Camera Repairs</li>
176
+ <li>• Charging Port Issues</li>
177
+ <li>• Software Updates & Flashing</li>
178
+ <li>• Body Parts Replacement</li>
179
  </ul>
180
  <button class="mt-4 text-primary-red font-semibold hover:underline">Book Repair →</button>
181
  </div>
 
182
  <!-- Diagnostics -->
183
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
184
  <div class="text-primary-red mb-4">
185
  <i data-feather="activity" class="w-12 h-12"></i>
186
  </div>
187
+ <h3 class="text-xl font-bold mb-3">Quick Diagnostics</h3>
188
+ <ul class="text-gray-600 space-y-2 text-sm">
189
  <li>• Complete System Check</li>
190
  <li>• Hardware Analysis</li>
191
  <li>• Software Issues</li>
192
  <li>• Free Estimate</li>
193
+ <li>• Data Recovery Services</li>
194
  </ul>
195
  <button class="mt-4 text-primary-red font-semibold hover:underline">Get Diagnosis →</button>
196
  </div>
 
197
  <!-- On-site Service -->
198
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
199
  <div class="text-primary-red mb-4">
200
  <i data-feather="truck" class="w-12 h-12"></i>
201
  </div>
202
+ <h3 class="text-xl font-bold mb-3">On-site & Pickup Service</h3>
203
+ <ul class="text-gray-600 space-y-2 text-sm">
204
+ <li>• On-site Repair Service</li>
205
+ <li>• Pickup & Delivery Service</li>
206
  <li>• Quick Pickup</li>
207
  <li>• Safe Delivery</li>
208
+ <li>• Same Day Service Available</li>
209
  </ul>
210
+ <button class="mt-4 text-primary-red font-semibold hover:underline">Schedule Service →</button>
211
  </div>
 
212
  <!-- Warranty -->
213
  <div class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
214
  <div class="text-primary-red mb-4">
215
  <i data-feather="shield" class="w-12 h-12"></i>
216
  </div>
217
+ <h3 class="text-xl font-bold mb-3">Warranty Guarantee</h3>
218
+ <ul class="text-gray-600 space-y-2 text-sm">
219
+ <li>• 6 Months Warranty on Parts</li>
220
+ <li>• 3 Months Warranty on Labor</li>
221
  <li>• Quality Guarantee</li>
222
  <li>• Support Coverage</li>
223
  <li>• Customer Protection</li>
224
  </ul>
225
  <button class="mt-4 text-primary-red font-semibold hover:underline">Learn More →</button>
226
  </div>
227
+ </div>
228
  </div>
229
  </section>
230
 
 
235
  <div class="mb-8 text-center">
236
  <div class="inline-flex flex-wrap gap-2 justify-center">
237
  <button class="brand-filter px-4 py-2 bg-primary-red text-white rounded-lg" data-brand="all">All Brands</button>
238
+ <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>
239
+ <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>
240
+ <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="vivo">Vivo Parts</button>
241
+ <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="oppo">Oppo Parts</button>
242
+ <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="infinix">Infinix Parts</button>
243
+ <button class="brand-filter px-4 py-2 bg-gray-200 hover:bg-gray-300 rounded-lg" data-brand="tecno">Tecno Parts</button>
244
  </div>
245
  </div>
246
+ <!-- Parts Features -->
247
+ <div class="mb-12 grid md:grid-cols-5 gap-4 text-center">
248
+ <div class="bg-gray-50 p-4 rounded-lg">
249
+ <i data-feather="check" class="w-6 h-6 text-green-600 mx-auto mb-2"></i>
250
+ <p class="text-sm font-semibold">Genuine OEM Parts</p>
251
+ </div>
252
+ <div class="bg-gray-50 p-4 rounded-lg">
253
+ <i data-feather="tag" class="w-6 h-6 text-primary-red mx-auto mb-2"></i>
254
+ <p class="text-sm font-semibold">Competitive Pricing</p>
255
+ </div>
256
+ <div class="bg-gray-50 p-4 rounded-lg">
257
+ <i data-feather="package" class="w-6 h-6 text-blue-600 mx-auto mb-2"></i>
258
+ <p class="text-sm font-semibold">Availability Status</p>
259
+ </div>
260
+ <div class="bg-gray-50 p-4 rounded-lg">
261
+ <i data-feather="layers" class="w-6 h-6 text-purple-600 mx-auto mb-2"></i>
262
+ <p class="text-sm font-semibold">Bulk Orders Available</p>
263
+ </div>
264
+ <div class="bg-gray-50 p-4 rounded-lg">
265
+ <i data-feather="shield" class="w-6 h-6 text-primary-red mx-auto mb-2"></i>
266
+ <p class="text-sm font-semibold">Quality Guarantee</p>
267
+ </div>
268
+ </div>
269
+ <div id="parts-grid" class="grid md:grid-cols-3 lg:grid-cols-4 gap-6">
270
  <!-- Parts will be dynamically loaded here -->
271
  </div>
272
  </div>
 
279
  <div>
280
  <h2 class="text-3xl md:text-4xl font-bold mb-6">About Quick Fix</h2>
281
  <p class="text-gray-600 mb-4">
282
+ 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.
283
  </p>
284
  <p class="text-gray-600 mb-6">
285
+ 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.
286
  </p>
287
+ <div class="grid grid-cols-2 gap-4 mb-6">
288
  <div class="flex items-center">
289
  <i data-feather="check-circle" class="text-primary-red mr-2"></i>
290
  <span>100% Original Parts</span>
 
302
  <span>Fast Service</span>
303
  </div>
304
  </div>
305
+ <div class="bg-primary-black text-white p-6 rounded-lg mb-6">
306
+ <h4 class="text-primary-red font-bold mb-3">Owner Message</h4>
307
+ <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>
308
  </div>
309
+ <!-- Certifications -->
310
+ <div class="grid grid-cols-2 gap-4">
311
+ <div class="flex items-center">
312
+ <i data-feather="award" class="text-primary-red mr-2"></i>
313
+ <span class="text-sm">Authorized Dealer of Original Parts</span>
314
+ </div>
315
+ <div class="flex items-center">
316
+ <i data-feather="users" class="text-primary-red mr-2"></i>
317
+ <span class="text-sm">Trained Repair Technicians</span>
318
+ </div>
319
+ <div class="flex items-center">
320
+ <i data-feather="check-circle" class="text-primary-red mr-2"></i>
321
+ <span class="text-sm">Quality Assurance Certified</span>
322
+ </div>
323
+ <div class="flex items-center">
324
+ <i data-feather="heart" class="text-primary-red mr-2"></i>
325
+ <span class="text-sm">Customer Satisfaction Guarantee</span>
326
+ </div>
327
+ </div>
328
+ </div>
329
  <div>
330
  <img src="http://static.photos/office/640x360/456" alt="Quick Fix Workshop" class="rounded-lg shadow-xl">
331
  </div>
 
382
  </div>
383
  <div class="flex items-center">
384
  <i data-feather="clock" class="text-primary-red mr-3"></i>
385
+ <p>Mon-Sat: 10:00 AM - 9:00 PM</p>
386
  </div>
387
+ <div class="flex items-center">
388
+ <i data-feather="clock" class="text-primary-red mr-3"></i>
389
+ <p>Sunday: 11:00 AM - 8:00 PM</p>
390
+ </div>
391
+ </div>
392
  </div>
393
  <div class="bg-light-gray rounded-lg p-6">
394
  <h3 class="text-xl font-bold mb-4">Quick Contact</h3>
 
439
  <i data-feather="chevron-down" class="w-5 h-5"></i>
440
  </button>
441
  <div class="faq-answer hidden px-6 pb-4 text-gray-600">
442
+ Yes, we use 100% genuine OEM parts for all repairs to ensure quality and longevity.
443
  </div>
444
  </div>
445
  <div class="faq-item bg-white rounded-lg shadow">
446
  <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
447
+ <span>How long do repairs take?</span>
448
  <i data-feather="chevron-down" class="w-5 h-5"></i>
449
  </button>
450
  <div class="faq-answer hidden px-6 pb-4 text-gray-600">
451
+ Most repairs are completed within 24-48 hours. Screen replacements and battery changes can often be done the same day.
452
  </div>
453
  </div>
454
  <div class="faq-item bg-white rounded-lg shadow">
455
  <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
456
+ <span>Do you offer warranty on repairs?</span>
457
  <i data-feather="chevron-down" class="w-5 h-5"></i>
458
  </button>
459
  <div class="faq-answer hidden px-6 pb-4 text-gray-600">
460
+ Yes, all our repairs come with a warranty covering both parts and labor. Warranty periods vary by repair type.
461
  </div>
462
  </div>
463
  <div class="faq-item bg-white rounded-lg shadow">
464
  <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
465
+ <span>Which brands do you repair?</span>
466
  <i data-feather="chevron-down" class="w-5 h-5"></i>
467
  </button>
468
  <div class="faq-answer hidden px-6 pb-4 text-gray-600">
469
+ We repair all major brands including Apple iPhone, Samsung, Vivo, Oppo, Infinix, and Tecno.
470
  </div>
471
  </div>
472
+ <div class="faq-item bg-white rounded-lg shadow">
473
+ <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
474
+ <span>Do you offer pickup and delivery service?</span>
475
+ <i data-feather="chevron-down" class="w-5 h-5"></i>
476
+ </button>
477
+ <div class="faq-answer hidden px-6 pb-4 text-gray-600">
478
+ Yes, we offer convenient pickup and delivery service within Gujrat city. Contact us for details.
479
+ </div>
480
+ </div>
481
+ <div class="faq-item bg-white rounded-lg shadow">
482
+ <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
483
+ <span>What is your diagnostic process?</span>
484
+ <i data-feather="chevron-down" class="w-5 h-5"></i>
485
+ </button>
486
+ <div class="faq-answer hidden px-6 pb-4 text-gray-600">
487
+ We offer free diagnostics to identify the issue with your device before providing a detailed repair quote.
488
+ </div>
489
+ </div>
490
+ <div class="faq-item bg-white rounded-lg shadow">
491
+ <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
492
+ <span>Can I buy parts directly?</span>
493
+ <i data-feather="chevron-down" class="w-5 h-5"></i>
494
+ </button>
495
+ <div class="faq-answer hidden px-6 pb-4 text-gray-600">
496
+ Yes, we sell original parts to customers and other repair shops. Check our parts catalog for availability.
497
+ </div>
498
+ </div>
499
+ <div class="faq-item bg-white rounded-lg shadow">
500
+ <button class="faq-question w-full text-left px-6 py-4 font-semibold flex justify-between items-center">
501
+ <span>Do you repair water-damaged phones?</span>
502
+ <i data-feather="chevron-down" class="w-5 h-5"></i>
503
+ </button>
504
+ <div class="faq-answer hidden px-6 pb-4 text-gray-600">
505
+ Yes, we have specialized equipment and expertise to repair water-damaged devices. Success depends on the extent of damage.
506
+ </div>
507
+ </div>
508
+ </div>
509
  </div>
510
  </section>
511
 
script.js CHANGED
@@ -65,20 +65,78 @@ function showToast(message) {
65
 
66
  // Parts Catalog Data
67
  const partsData = [
68
- { id: 1, name: 'iPhone 13 Screen', brand: 'iphone', price: 25000, image: 'http://static.photos/technology/320x240/100', available: true },
69
- { id: 2, name: 'Samsung S22 Battery', brand: 'samsung', price: 8000, image: 'http://static.photos/technology/320x240/101', available: true },
70
- { id: 3, name: 'iPhone 12 Camera', brand: 'iphone', price: 15000, image: 'http://static.photos/technology/320x240/102', available: true },
71
- { id: 4, name: 'Vivo X60 Screen', brand: 'vivo', price: 12000, image: 'http://static.photos/technology/320x240/103', available: false },
72
- { id: 5, name: 'Oppo A74 Battery', brand: 'oppo', price: 3500, image: 'http://static.photos/technology/320x240/104', available: true },
73
- { id: 6, name: 'iPhone 14 Pro Screen', brand: 'iphone', price: 45000, image: 'http://static.photos/technology/320x240/105', available: true },
74
- { id: 7, name: 'Samsung A53 Body', brand: 'samsung', price: 6000, image: 'http://static.photos/technology/320x240/106', available: true },
75
- { id: 8, name: 'Infinix Note 12 Screen', brand: 'infinix', price: 7000, image: 'http://static.photos/technology/320x240/107', available: true },
76
- { id: 9, name: 'Tecno Spark 9 Battery', brand: 'tecno', price: 2500, image: 'http://static.photos/technology/320x240/108', available: true },
77
- { id: 10, name: 'iPhone 11 Battery', brand: 'iphone', price: 5000, image: 'http://static.photos/technology/320x240/109', available: true },
78
- { id: 11, name: 'Samsung S21 Screen', brand: 'samsung', price: 18000, image: 'http://static.photos/technology/320x240/110', available: true },
79
- { id: 12, name: 'Vivo Y21 Camera', brand: 'vivo', price: 4000, image: 'http://static.photos/technology/320x240/111', available: true }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
80
  ];
81
-
82
  // Render parts
83
  function renderParts(brand = 'all') {
84
  const partsGrid = document.getElementById('parts-grid');
 
65
 
66
  // Parts Catalog Data
67
  const partsData = [
68
+ // iPhone Parts
69
+ { id: 1, name: 'iPhone 15 Pro Max Screen OLED', brand: 'iphone', price: 75000, image: 'http://static.photos/technology/320x240/100', available: true },
70
+ { id: 2, name: 'iPhone 14 Pro Screen OLED', brand: 'iphone', price: 65000, image: 'http://static.photos/technology/320x240/101', available: true },
71
+ { id: 3, name: 'iPhone 13 Screen OLED', brand: 'iphone', price: 45000, image: 'http://static.photos/technology/320x240/102', available: true },
72
+ { id: 4, name: 'iPhone 12 Screen OLED', brand: 'iphone', price: 35000, image: 'http://static.photos/technology/320x240/103', available: true },
73
+ { id: 5, name: 'iPhone 11 Screen LCD', brand: 'iphone', price: 25000, image: 'http://static.photos/technology/320x240/104', available: true },
74
+ { id: 6, name: 'iPhone X/XS Screen OLED', brand: 'iphone', price: 20000, image: 'http://static.photos/technology/320x240/105', available: true },
75
+ { id: 7, name: 'iPhone 8 Plus Screen LCD', brand: 'iphone', price: 12000, image: 'http://static.photos/technology/320x240/106', available: true },
76
+ { id: 8, name: 'iPhone 7 Screen LCD', brand: 'iphone', price: 10000, image: 'http://static.photos/technology/320x240/107', available: true },
77
+ { id: 9, name: 'iPhone 6S Screen LCD', brand: 'iphone', price: 8000, image: 'http://static.photos/technology/320x240/108', available: true },
78
+ { id: 10, name: 'iPhone 5S Screen LCD', brand: 'iphone', price: 5000, image: 'http://static.photos/technology/320x240/109', available: true },
79
+ { id: 11, name: 'iPhone 14 Pro Camera Triple', brand: 'iphone', price: 35000, image: 'http://static.photos/technology/320x240/110', available: true },
80
+ { id: 12, name: 'iPhone 13 Pro Camera Triple', brand: 'iphone', price: 30000, image: 'http://static.photos/technology/320x240/111', available: true },
81
+ { id: 13, name: 'iPhone 12 Pro Camera Triple', brand: 'iphone', price: 25000, image: 'http://static.photos/technology/320x240/112', available: true },
82
+ { id: 14, name: 'iPhone 11 Pro Camera Triple', brand: 'iphone', price: 20000, image: 'http://static.photos/technology/320x240/113', available: true },
83
+ { id: 15, name: 'iPhone Battery Original All Models', brand: 'iphone', price: 8000, image: 'http://static.photos/technology/320x240/114', available: true },
84
+
85
+ // Samsung Parts
86
+ { id: 16, name: 'Samsung S23 Ultra Screen AMOLED', brand: 'samsung', price: 55000, image: 'http://static.photos/technology/320x240/115', available: true },
87
+ { id: 17, name: 'Samsung S22 Ultra Screen AMOLED', brand: 'samsung', price: 45000, image: 'http://static.photos/technology/320x240/116', available: true },
88
+ { id: 18, name: 'Samsung S21 Ultra Screen AMOLED', brand: 'samsung', price: 35000, image: 'http://static.photos/technology/320x240/117', available: true },
89
+ { id: 19, name: 'Samsung A54 Screen AMOLED', brand: 'samsung', price: 28000, image: 'http://static.photos/technology/320x240/118', available: true },
90
+ { id: 20, name: 'Samsung A34 Screen AMOLED', brand: 'samsung', price: 22000, image: 'http://static.photos/technology/320x240/119', available: true },
91
+ { id: 21, name: 'Samsung A24 Screen AMOLED', brand: 'samsung', price: 18000, image: 'http://static.photos/technology/320x240/120', available: true },
92
+ { id: 22, name: 'Samsung S23 Ultra Camera Quad', brand: 'samsung', price: 40000, image: 'http://static.photos/technology/320x240/121', available: true },
93
+ { id: 23, name: 'Samsung A54 Camera Triple', brand: 'samsung', price: 15000, image: 'http://static.photos/technology/320x240/122', available: true },
94
+ { id: 24, name: 'Samsung Battery Original All Models', brand: 'samsung', price: 6000, image: 'http://static.photos/technology/320x240/123', available: true },
95
+
96
+ // Vivo Parts
97
+ { id: 25, name: 'Vivo X90 Pro Screen AMOLED', brand: 'vivo', price: 32000, image: 'http://static.photos/technology/320x240/124', available: true },
98
+ { id: 26, name: 'Vivo X80 Screen AMOLED', brand: 'vivo', price: 28000, image: 'http://static.photos/technology/320x240/125', available: true },
99
+ { id: 27, name: 'Vivo Y78 Screen AMOLED', brand: 'vivo', price: 20000, image: 'http://static.photos/technology/320x240/126', available: true },
100
+ { id: 28, name: 'Vivo Y55 Screen AMOLED', brand: 'vivo', price: 16000, image: 'http://static.photos/technology/320x240/127', available: true },
101
+ { id: 29, name: 'Vivo Y35 Screen LCD', brand: 'vivo', price: 12000, image: 'http://static.photos/technology/320x240/128', available: true },
102
+ { id: 30, name: 'Vivo Y27 Screen LCD', brand: 'vivo', price: 10000, image: 'http://static.photos/technology/320x240/129', available: true },
103
+ { id: 31, name: 'Vivo X90 Camera Dual', brand: 'vivo', price: 18000, image: 'http://static.photos/technology/320x240/130', available: true },
104
+ { id: 32, name: 'Vivo Battery Original All Models', brand: 'vivo', price: 4000, image: 'http://static.photos/technology/320x240/131', available: true },
105
+
106
+ // Oppo Parts
107
+ { id: 33, name: 'Oppo Find X6 Pro Screen AMOLED', brand: 'oppo', price: 35000, image: 'http://static.photos/technology/320x240/132', available: true },
108
+ { id: 34, name: 'Oppo Find X5 Pro Screen AMOLED', brand: 'oppo', price: 30000, image: 'http://static.photos/technology/320x240/133', available: true },
109
+ { id: 35, name: 'Oppo Reno 8 Pro Screen AMOLED', brand: 'oppo', price: 25000, image: 'http://static.photos/technology/320x240/134', available: true },
110
+ { id: 36, name: 'Oppo A78 Screen AMOLED', brand: 'oppo', price: 18000, image: 'http://static.photos/technology/320x240/135', available: true },
111
+ { id: 37, name: 'Oppo A57 Screen LCD', brand: 'oppo', price: 12000, image: 'http://static.photos/technology/320x240/136', available: true },
112
+ { id: 38, name: 'Oppo A54 Screen LCD', brand: 'oppo', price: 10000, image: 'http://static.photos/technology/320x240/137', available: true },
113
+ { id: 39, name: 'Oppo Reno 8 Camera Triple', brand: 'oppo', price: 16000, image: 'http://static.photos/technology/320x240/138', available: true },
114
+ { id: 40, name: 'Oppo Battery Original All Models', brand: 'oppo', price: 4500, image: 'http://static.photos/technology/320x240/139', available: true },
115
+
116
+ // Infinix Parts
117
+ { id: 41, name: 'Infinix Zero 30 Screen AMOLED', brand: 'infinix', price: 18000, image: 'http://static.photos/technology/320x240/140', available: true },
118
+ { id: 42, name: 'Infinix Note 30 Pro Screen AMOLED', brand: 'infinix', price: 16000, image: 'http://static.photos/technology/320x240/141', available: true },
119
+ { id: 43, name: 'Infinix Hot 30 Screen LCD', brand: 'infinix', price: 8000, image: 'http://static.photos/technology/320x240/142', available: true },
120
+ { id: 44, name: 'Infinix Smart 7 Screen LCD', brand: 'infinix', price: 6000, image: 'http://static.photos/technology/320x240/143', available: true },
121
+ { id: 45, name: 'Infinix Zero 30 Camera Dual', brand: 'infinix', price: 12000, image: 'http://static.photos/technology/320x240/144', available: true },
122
+ { id: 46, name: 'Infinix Battery Original All Models', brand: 'infinix', price: 3000, image: 'http://static.photos/technology/320x240/145', available: true },
123
+
124
+ // Tecno Parts
125
+ { id: 47, name: 'Tecno Phantom V Fold Screen Foldable', brand: 'tecno', price: 45000, image: 'http://static.photos/technology/320x240/146', available: true },
126
+ { id: 48, name: 'Tecno Phantom X2 Screen AMOLED', brand: 'tecno', price: 20000, image: 'http://static.photos/technology/320x240/147', available: true },
127
+ { id: 49, name: 'Tecno Camon 20 Pro Screen AMOLED', brand: 'tecno', price: 18000, image: 'http://static.photos/technology/320x240/148', available: true },
128
+ { id: 50, name: 'Tecno Spark 10 Pro Screen LCD', brand: 'tecno', price: 10000, image: 'http://static.photos/technology/320x240/149', available: true },
129
+ { id: 51, name: 'Tecno Pova 3 Screen LCD', brand: 'tecno', price: 8000, image: 'http://static.photos/technology/320x240/150', available: true },
130
+ { id: 52, name: 'Tecno Camon 20 Camera Triple', brand: 'tecno', price: 14000, image: 'http://static.photos/technology/320x240/151', available: true },
131
+ { id: 53, name: 'Tecno Battery Original All Models', brand: 'tecno', price: 2500, image: 'http://static.photos/technology/320x240/152', available: true },
132
+
133
+ // Common Parts
134
+ { id: 54, name: 'Phone Bodies Original All Brands', brand: 'all', price: 5000, image: 'http://static.photos/technology/320x240/153', available: true },
135
+ { id: 55, name: 'Charging Port Flex Cable', brand: 'all', price: 2000, image: 'http://static.photos/technology/320x240/154', available: true },
136
+ { id: 56, name: 'Speaker & Earpiece Set', brand: 'all', price: 1500, image: 'http://static.photos/technology/320x240/155', available: true },
137
+ { id: 57, name: 'Power & Volume Buttons', brand: 'all', price: 1200, image: 'http://static.photos/technology/320x240/156', available: true },
138
+ { id: 58, name: 'SIM Tray Original', brand: 'all', price: 800, image: 'http://static.photos/technology/320x240/157', available: true }
139
  ];
 
140
  // Render parts
141
  function renderParts(brand = 'all') {
142
  const partsGrid = document.getElementById('parts-grid');
style.css CHANGED
@@ -131,7 +131,6 @@ html {
131
  .toast.show {
132
  bottom: 20px;
133
  }
134
-
135
  /* Mobile optimizations */
136
  @media (max-width: 768px) {
137
  .hero-title {
@@ -143,6 +142,192 @@ html {
143
  }
144
  }
145
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
146
  /* Service card animations */
147
  .service-card {
148
  opacity: 0;
 
131
  .toast.show {
132
  bottom: 20px;
133
  }
 
134
  /* Mobile optimizations */
135
  @media (max-width: 768px) {
136
  .hero-title {
 
142
  }
143
  }
144
 
145
+ /* Trust indicators styles */
146
+ .trust-indicator {
147
+ transition: transform 0.3s ease;
148
+ }
149
+
150
+ .trust-indicator:hover {
151
+ transform: translateY(-5px);
152
+ }
153
+
154
+ /* Enhanced hero section */
155
+ .hero-gradient {
156
+ background: linear-gradient(135deg, #2D2D2D 0%, #1a1a1a 50%, #EA2917 100%);
157
+ }
158
+
159
+ /* Parts catalog enhancements */
160
+ .parts-category {
161
+ transition: all 0.3s ease;
162
+ }
163
+
164
+ .parts-category:hover {
165
+ transform: scale(1.05);
166
+ box-shadow: 0 8px 20px rgba(0,0,0,0.1);
167
+ }
168
+
169
+ /* FAQ improvements */
170
+ .faq-item {
171
+ transition: all 0.3s ease;
172
+ }
173
+
174
+ .faq-item:hover {
175
+ box-shadow: 0 4px 15px rgba(0,0,0,0.1);
176
+ }
177
+
178
+ .faq-question {
179
+ transition: background-color 0.3s ease;
180
+ }
181
+
182
+ .faq-question:hover {
183
+ background-color: #f9f9f9;
184
+ }
185
+
186
+ /* Service cards enhancement */
187
+ .service-card {
188
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
189
+ }
190
+
191
+ .service-card:hover {
192
+ transform: translateY(-10px);
193
+ box-shadow: 0 20px 40px rgba(0,0,0,0.1);
194
+ }
195
+
196
+ /* Button enhancements */
197
+ .btn-primary {
198
+ position: relative;
199
+ overflow: hidden;
200
+ transition: all 0.3s ease;
201
+ }
202
+
203
+ .btn-primary::before {
204
+ content: '';
205
+ position: absolute;
206
+ top: 50%;
207
+ left: 50%;
208
+ width: 0;
209
+ height: 0;
210
+ background: rgba(255, 255, 255, 0.2);
211
+ border-radius: 50%;
212
+ transform: translate(-50%, -50%);
213
+ transition: width 0.6s, height 0.6s;
214
+ }
215
+
216
+ .btn-primary:hover::before {
217
+ width: 300px;
218
+ height: 300px;
219
+ }
220
+
221
+ /* Navigation enhancements */
222
+ nav {
223
+ backdrop-filter: blur(10px);
224
+ background: rgba(255, 255, 255, 0.95);
225
+ }
226
+
227
+ /* Footer enhancements */
228
+ footer {
229
+ background: linear-gradient(180deg, #2D2D2D 0%, #1a1a1a 100%);
230
+ }
231
+
232
+ /* Contact form improvements */
233
+ #contact-form input,
234
+ #contact-form textarea {
235
+ transition: all 0.3s ease;
236
+ }
237
+
238
+ #contact-form input:focus,
239
+ #contact-form textarea:focus {
240
+ transform: translateY(-2px);
241
+ box-shadow: 0 4px 15px rgba(234, 41, 23, 0.2);
242
+ }
243
+
244
+ /* WhatsApp button pulse */
245
+ @keyframes whatsapp-pulse {
246
+ 0% {
247
+ box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
248
+ }
249
+ 70% {
250
+ box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
251
+ }
252
+ 100% {
253
+ box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
254
+ }
255
+ }
256
+
257
+ .whatsapp-float {
258
+ animation: whatsapp-pulse 2s infinite;
259
+ }
260
+
261
+ /* Loading states */
262
+ .loading {
263
+ position: relative;
264
+ pointer-events: none;
265
+ }
266
+
267
+ .loading::after {
268
+ content: '';
269
+ position: absolute;
270
+ top: 50%;
271
+ left: 50%;
272
+ width: 20px;
273
+ height: 20px;
274
+ margin: -10px 0 0 -10px;
275
+ border: 2px solid transparent;
276
+ border-top-color: #EA2917;
277
+ border-radius: 50%;
278
+ animation: spin 1s linear infinite;
279
+ }
280
+
281
+ /* Success message */
282
+ .success-message {
283
+ background: linear-gradient(135deg, #10b981, #059669);
284
+ color: white;
285
+ padding: 1rem 2rem;
286
+ border-radius: 0.5rem;
287
+ margin: 1rem 0;
288
+ animation: slideIn 0.3s ease;
289
+ }
290
+
291
+ @keyframes slideIn {
292
+ from {
293
+ opacity: 0;
294
+ transform: translateY(-10px);
295
+ }
296
+ to {
297
+ opacity: 1;
298
+ transform: translateY(0);
299
+ }
300
+ }
301
+
302
+ /* Price highlight */
303
+ .price-highlight {
304
+ background: linear-gradient(135deg, #EA2917, #cc1e10);
305
+ -webkit-background-clip: text;
306
+ -webkit-text-fill-color: transparent;
307
+ background-clip: text;
308
+ font-weight: bold;
309
+ }
310
+
311
+ /* Availability badge */
312
+ .in-stock {
313
+ background: linear-gradient(135deg, #10b981, #059669);
314
+ }
315
+
316
+ .out-of-stock {
317
+ background: linear-gradient(135deg, #ef4444, #dc2626);
318
+ }
319
+
320
+ /* Smooth reveal animation */
321
+ .reveal {
322
+ opacity: 0;
323
+ transform: translateY(30px);
324
+ transition: all 0.6s ease;
325
+ }
326
+
327
+ .reveal.active {
328
+ opacity: 1;
329
+ transform: translateY(0);
330
+ }
331
  /* Service card animations */
332
  .service-card {
333
  opacity: 0;