Hugging Face's logo

Spaces:
huylaughmad
/
website
Runtime error

App Files Community
huylaughmad commited on
Commit
df8f0ac
·
verified ·
1 Parent(s): 0318d49

Update templates/dichvu.html

Browse files
Files changed (1) hide show
  1. templates/dichvu.html +36 -36
templates/dichvu.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Porcelain Veneers | DentalArt</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
@@ -246,8 +246,8 @@
246
  <div class="flex flex-col lg:flex-row items-center">
247
  <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12">
248
  <span class="inline-block bg-gradient-to-r from-teal-500 to-blue-600 text-white px-4 py-2 rounded-full text-sm font-semibold mb-4">Most Popular</span>
249
- <h1 class="text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">Porcelain Veneers</h1>
250
- <p class="text-xl text-gray-300 mb-8">Transform your smile with custom-crafted porcelain veneers that look and feel completely natural. Our veneers are individually designed to enhance your unique facial features.</p>
251
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
252
  <button class="bg-gradient-to-r from-teal-500 to-blue-600 text-white px-8 py-3 rounded-full font-semibold hover:opacity-90 transition shadow-lg">Book Consultation</button>
253
  <button class="border-2 border-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-black transition">View Before/After</button>
@@ -256,10 +256,10 @@
256
  <div class="lg:w-1/2">
257
  <div class="comparison-slider" style="height: 400px;">
258
  <div class="comparison-after">
259
- <img src="https://images.unsplash.com/photo-1622253692010-333f2da6031d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="After veneers">
260
  </div>
261
  <div class="comparison-before">
262
- <img src="https://images.unsplash.com/photo-1564078517170-9707c7a0e6b6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Before veneers">
263
  </div>
264
  <div class="comparison-slider-handle"></div>
265
  </div>
@@ -273,7 +273,7 @@
273
  <section class="py-20 px-4 relative">
274
  <div class="container mx-auto">
275
  <div class="text-center mb-16">
276
- <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">Why Choose Porcelain Veneers?</h2>
277
  <p class="text-gray-400 max-w-2xl mx-auto">The ultimate cosmetic solution for a flawless smile transformation</p>
278
  </div>
279
 
@@ -333,7 +333,7 @@
333
  <section class="py-20 px-4 relative bg-gradient-to-b from-gray-900 to-black">
334
  <div class="container mx-auto">
335
  <div class="text-center mb-16">
336
- <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">The Veneer Process</h2>
337
  <p class="text-gray-400 max-w-2xl mx-auto">Our streamlined 4-step process ensures exceptional results</p>
338
  </div>
339
 
@@ -367,10 +367,10 @@
367
  <div class="inline-block p-1 rounded-full bg-gradient-to-r from-teal-500 to-blue-600">
368
  <div class="bg-gray-900 rounded-full px-8 py-3">
369
  <span class="text-white font-semibold">Treatment Time: </span>
370
- <span class="text-teal-400">2-3 weeks</span>
371
  <span class="text-gray-500 mx-2">|</span>
372
  <span class="text-white font-semibold">Visits Required: </span>
373
- <span class="text-blue-400">2-3</span>
374
  </div>
375
  </div>
376
  </div>
@@ -381,19 +381,19 @@
381
  <section class="py-20 px-4 relative overflow-hidden">
382
  <div class="container mx-auto">
383
  <div class="text-center mb-16">
384
- <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">Veneer Transformations</h2>
385
- <p class="text-gray-400 max-w-2xl mx-auto">See the dramatic difference porcelain veneers can make</p>
386
  </div>
387
 
388
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
389
  <div class="group relative overflow-hidden rounded-xl h-80">
390
- <img src="https://images.unsplash.com/photo-1564078517170-9707c7a0e6b6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Before veneers" class="absolute inset-0 w-full h-full object-cover transition-opacity duration-500 group-hover:opacity-0">
391
- <img src="https://images.unsplash.com/photo-1622253692010-333f2da6031d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="After veneers" class="absolute inset-0 w-full h-full object-cover">
392
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-6">
393
  <div class="flex justify-between items-end">
394
  <div>
395
  <h3 class="font-bold text-white">Case #V-1245</h3>
396
- <p class="text-sm text-gray-300">8 Porcelain Veneers</p>
397
  </div>
398
  <span class="text-xs bg-teal-500 text-white px-2 py-1 rounded-full">+90% Improvement</span>
399
  </div>
@@ -401,13 +401,13 @@
401
  </div>
402
 
403
  <div class="group relative overflow-hidden rounded-xl h-80">
404
- <img src="https://images.unsplash.com/photo-1597251377449-eb8a2dea9a8a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Before veneers" class="absolute inset-0 w-full h-full object-cover transition-opacity duration-500 group-hover:opacity-0">
405
- <img src="https://images.unsplash.com/photo-1622253692010-333f2da6031d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="After veneers" class="absolute inset-0 w-full h-full object-cover">
406
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-6">
407
  <div class="flex justify-between items-end">
408
  <div>
409
  <h3 class="font-bold text-white">Case #V-1892</h3>
410
- <p class="text-sm text-gray-300">6 Porcelain Veneers</p>
411
  </div>
412
  <span class="text-xs bg-blue-500 text-white px-2 py-1 rounded-full">+85% Improvement</span>
413
  </div>
@@ -415,13 +415,13 @@
415
  </div>
416
 
417
  <div class="group relative overflow-hidden rounded-xl h-80">
418
- <img src="https://images.unsplash.com/photo-1560869713-8acaebf44127?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Before veneers" class="absolute inset-0 w-full h-full object-cover transition-opacity duration-500 group-hover:opacity-0">
419
- <img src="https://images.unsplash.com/photo-1622253692010-333f2da6031d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="After veneers" class="absolute inset-0 w-full h-full object-cover">
420
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-6">
421
  <div class="flex justify-between items-end">
422
  <div>
423
  <h3 class="font-bold text-white">Case #V-1567</h3>
424
- <p class="text-sm text-gray-300">10 Porcelain Veneers</p>
425
  </div>
426
  <span class="text-xs bg-purple-500 text-white px-2 py-1 rounded-full">+95% Improvement</span>
427
  </div>
@@ -430,7 +430,7 @@
430
  </div>
431
 
432
  <div class="text-center mt-16">
433
- <button class="border-2 border-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-black transition">View All Veneer Cases</button>
434
  </div>
435
  </div>
436
  </section>
@@ -439,58 +439,58 @@
439
  <section class="py-20 px-4 relative bg-gray-900">
440
  <div class="container mx-auto">
441
  <div class="text-center mb-16">
442
- <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">Veneer FAQs</h2>
443
- <p class="text-gray-400 max-w-2xl mx-auto">Answers to common questions about porcelain veneers</p>
444
  </div>
445
 
446
  <div class="max-w-3xl mx-auto space-y-4">
447
  <div class="faq-item p-6 rounded-xl">
448
  <div class="faq-question flex justify-between items-center">
449
- <h3 class="text-lg font-semibold">How long do porcelain veneers last?</h3>
450
  <i class="fas fa-chevron-down text-teal-400 transition-transform"></i>
451
  </div>
452
  <div class="faq-answer">
453
- <p class="text-gray-400">With proper care and maintenance, porcelain veneers typically last between 10-15 years. Their longevity depends on factors like oral hygiene, regular dental check-ups, and avoiding habits like teeth grinding or nail biting. We provide a 5-year guarantee on our veneers.</p>
454
  </div>
455
  </div>
456
 
457
  <div class="faq-item p-6 rounded-xl">
458
  <div class="faq-question flex justify-between items-center">
459
- <h3 class="text-lg font-semibold">Is the veneer procedure painful?</h3>
460
  <i class="fas fa-chevron-down text-blue-400 transition-transform"></i>
461
  </div>
462
  <div class="faq-answer">
463
- <p class="text-gray-400">Most patients report minimal discomfort during the veneer procedure. We use local anesthesia to ensure you're completely comfortable during tooth preparation. Some sensitivity to hot and cold may occur temporarily after the procedure, but this typically subsides within a few days.</p>
464
  </div>
465
  </div>
466
 
467
  <div class="faq-item p-6 rounded-xl">
468
  <div class="faq-question flex justify-between items-center">
469
- <h3 class="text-lg font-semibold">Can veneers be removed or reversed?</h3>
470
  <i class="fas fa-chevron-down text-purple-400 transition-transform"></i>
471
  </div>
472
  <div class="faq-answer">
473
- <p class="text-gray-400">Veneers are considered permanent because they require removal of a small amount of tooth enamel. While they can technically be removed, your teeth would then require another restoration like new veneers or crowns. We always recommend considering veneers as a long-term commitment to your smile.</p>
474
  </div>
475
  </div>
476
 
477
  <div class="faq-item p-6 rounded-xl">
478
  <div class="faq-question flex justify-between items-center">
479
- <h3 class="text-lg font-semibold">How do I care for my veneers?</h3>
480
  <i class="fas fa-chevron-down text-teal-400 transition-transform"></i>
481
  </div>
482
  <div class="faq-answer">
483
- <p class="text-gray-400">Care for veneers just like your natural teeth: brush twice daily with a non-abrasive toothpaste, floss regularly, and visit your dentist for check-ups. Avoid chewing on hard objects (ice, pens, etc.) and consider wearing a nightguard if you grind your teeth. While veneers are stain-resistant, it's still good to limit consumption of staining foods and drinks.</p>
484
  </div>
485
  </div>
486
 
487
  <div class="faq-item p-6 rounded-xl">
488
  <div class="faq-question flex justify-between items-center">
489
- <h3 class="text-lg font-semibold">Are veneers right for everyone?</h3>
490
  <i class="fas fa-chevron-down text-blue-400 transition-transform"></i>
491
  </div>
492
  <div class="faq-answer">
493
- <p class="text-gray-400">Veneers are an excellent option for many people wanting to improve their smile, but not everyone is an ideal candidate. They work best for patients with generally healthy teeth and gums. Those with significant tooth decay, gum disease, or insufficient tooth enamel may need other treatments first. During your consultation, we'll determine if veneers are right for you.</p>
494
  </div>
495
  </div>
496
  </div>
@@ -502,8 +502,8 @@
502
  <div class="glow-effect glow-teal" style="top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px;"></div>
503
  <div class="container mx-auto text-center relative z-10">
504
  <h2 class="text-3xl md:text-4xl font-bold mb-6 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">Ready for Your Dream Smile?</h2>
505
- <p class="text-xl mb-8 max-w-2xl mx-auto text-gray-300">Schedule a veneer consultation today and get a personalized smile preview</p>
506
- <button class="bg-gradient-to-r from-teal-500 to-blue-600 text-white px-8 py-4 rounded-full font-semibold text-lg hover:opacity-90 transition shadow-lg">Book Your Veneer Consultation</button>
507
  <p class="mt-4 text-gray-400 text-sm">or call us at <a href="tel:+15551234567" class="text-teal-400 hover:underline">(555) 123-4567</a></p>
508
  </div>
509
  </section>
@@ -559,7 +559,7 @@
559
  </div>
560
 
561
  <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500">
562
- <p>&copy; 2023 DentalArt. All rights reserved.</p>
563
  </div>
564
  </div>
565
  </footer>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>{{ service.name }} | DentalArt</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
 
246
  <div class="flex flex-col lg:flex-row items-center">
247
  <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12">
248
  <span class="inline-block bg-gradient-to-r from-teal-500 to-blue-600 text-white px-4 py-2 rounded-full text-sm font-semibold mb-4">Most Popular</span>
249
+ <h1 class="text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">{{ service.name }}</h1>
250
+ <p class="text-xl text-gray-300 mb-8">{{ service.description }}</p>
251
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
252
  <button class="bg-gradient-to-r from-teal-500 to-blue-600 text-white px-8 py-3 rounded-full font-semibold hover:opacity-90 transition shadow-lg">Book Consultation</button>
253
  <button class="border-2 border-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-black transition">View Before/After</button>
 
256
  <div class="lg:w-1/2">
257
  <div class="comparison-slider" style="height: 400px;">
258
  <div class="comparison-after">
259
+ <img src="{{ service.after_image }}" alt="After {{ service.name }}">
260
  </div>
261
  <div class="comparison-before">
262
+ <img src="{{ service.before_image }}" alt="Before {{ service.name }}">
263
  </div>
264
  <div class="comparison-slider-handle"></div>
265
  </div>
 
273
  <section class="py-20 px-4 relative">
274
  <div class="container mx-auto">
275
  <div class="text-center mb-16">
276
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">Why Choose {{ service.name }}?</h2>
277
  <p class="text-gray-400 max-w-2xl mx-auto">The ultimate cosmetic solution for a flawless smile transformation</p>
278
  </div>
279
 
 
333
  <section class="py-20 px-4 relative bg-gradient-to-b from-gray-900 to-black">
334
  <div class="container mx-auto">
335
  <div class="text-center mb-16">
336
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">The {{ service.name }} Process</h2>
337
  <p class="text-gray-400 max-w-2xl mx-auto">Our streamlined 4-step process ensures exceptional results</p>
338
  </div>
339
 
 
367
  <div class="inline-block p-1 rounded-full bg-gradient-to-r from-teal-500 to-blue-600">
368
  <div class="bg-gray-900 rounded-full px-8 py-3">
369
  <span class="text-white font-semibold">Treatment Time: </span>
370
+ <span class="text-teal-400">{{ service.duration }}</span>
371
  <span class="text-gray-500 mx-2">|</span>
372
  <span class="text-white font-semibold">Visits Required: </span>
373
+ <span class="text-blue-400">{{ service.visits_required }}</span>
374
  </div>
375
  </div>
376
  </div>
 
381
  <section class="py-20 px-4 relative overflow-hidden">
382
  <div class="container mx-auto">
383
  <div class="text-center mb-16">
384
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">{{ service.name }} Transformations</h2>
385
+ <p class="text-gray-400 max-w-2xl mx-auto">See the dramatic difference {{ service.name | lower }} can make</p>
386
  </div>
387
 
388
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
389
  <div class="group relative overflow-hidden rounded-xl h-80">
390
+ <img src="{{ service.before_image }}" alt="Before {{ service.name }}" class="absolute inset-0 w-full h-full object-cover transition-opacity duration-500 group-hover:opacity-0">
391
+ <img src="{{ service.after_image }}" alt="After {{ service.name }}" class="absolute inset-0 w-full h-full object-cover">
392
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-6">
393
  <div class="flex justify-between items-end">
394
  <div>
395
  <h3 class="font-bold text-white">Case #V-1245</h3>
396
+ <p class="text-sm text-gray-300">8 {{ service.name }}</p>
397
  </div>
398
  <span class="text-xs bg-teal-500 text-white px-2 py-1 rounded-full">+90% Improvement</span>
399
  </div>
 
401
  </div>
402
 
403
  <div class="group relative overflow-hidden rounded-xl h-80">
404
+ <img src="{{ service.before_image }}" alt="Before {{ service.name }}" class="absolute inset-0 w-full h-full object-cover transition-opacity duration-500 group-hover:opacity-0">
405
+ <img src="{{ service.after_image }}" alt="After {{ service.name }}" class="absolute inset-0 w-full h-full object-cover">
406
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-6">
407
  <div class="flex justify-between items-end">
408
  <div>
409
  <h3 class="font-bold text-white">Case #V-1892</h3>
410
+ <p class="text-sm text-gray-300">6 {{ service.name }}</p>
411
  </div>
412
  <span class="text-xs bg-blue-500 text-white px-2 py-1 rounded-full">+85% Improvement</span>
413
  </div>
 
415
  </div>
416
 
417
  <div class="group relative overflow-hidden rounded-xl h-80">
418
+ <img src="{{ service.before_image }}" alt="Before {{ service.name }}" class="absolute inset-0 w-full h-full object-cover transition-opacity duration-500 group-hover:opacity-0">
419
+ <img src="{{ service.after_image }}" alt="After {{ service.name }}" class="absolute inset-0 w-full h-full object-cover">
420
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-6">
421
  <div class="flex justify-between items-end">
422
  <div>
423
  <h3 class="font-bold text-white">Case #V-1567</h3>
424
+ <p class="text-sm text-gray-300">10 {{ service.name }}</p>
425
  </div>
426
  <span class="text-xs bg-purple-500 text-white px-2 py-1 rounded-full">+95% Improvement</span>
427
  </div>
 
430
  </div>
431
 
432
  <div class="text-center mt-16">
433
+ <button class="border-2 border-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-black transition">View All {{ service.name }} Cases</button>
434
  </div>
435
  </div>
436
  </section>
 
439
  <section class="py-20 px-4 relative bg-gray-900">
440
  <div class="container mx-auto">
441
  <div class="text-center mb-16">
442
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">{{ service.name }} FAQs</h2>
443
+ <p class="text-gray-400 max-w-2xl mx-auto">Answers to common questions about {{ service.name | lower }}</p>
444
  </div>
445
 
446
  <div class="max-w-3xl mx-auto space-y-4">
447
  <div class="faq-item p-6 rounded-xl">
448
  <div class="faq-question flex justify-between items-center">
449
+ <h3 class="text-lg font-semibold">How long do {{ service.name | lower }} last?</h3>
450
  <i class="fas fa-chevron-down text-teal-400 transition-transform"></i>
451
  </div>
452
  <div class="faq-answer">
453
+ <p class="text-gray-400">With proper care and maintenance, {{ service.name | lower }} typically last between 10-15 years. Their longevity depends on factors like oral hygiene, regular dental check-ups, and avoiding habits like teeth grinding or nail biting. We provide a 5-year guarantee on our {{ service.name | lower }}.</p>
454
  </div>
455
  </div>
456
 
457
  <div class="faq-item p-6 rounded-xl">
458
  <div class="faq-question flex justify-between items-center">
459
+ <h3 class="text-lg font-semibold">Is the {{ service.name | lower }} procedure painful?</h3>
460
  <i class="fas fa-chevron-down text-blue-400 transition-transform"></i>
461
  </div>
462
  <div class="faq-answer">
463
+ <p class="text-gray-400">Most patients report minimal discomfort during the {{ service.name | lower }} procedure. We use local anesthesia to ensure you're completely comfortable during tooth preparation. Some sensitivity to hot and cold may occur temporarily after the procedure, but this typically subsides within a few days.</p>
464
  </div>
465
  </div>
466
 
467
  <div class="faq-item p-6 rounded-xl">
468
  <div class="faq-question flex justify-between items-center">
469
+ <h3 class="text-lg font-semibold">Can {{ service.name | lower }} be removed or reversed?</h3>
470
  <i class="fas fa-chevron-down text-purple-400 transition-transform"></i>
471
  </div>
472
  <div class="faq-answer">
473
+ <p class="text-gray-400">{{ service.name }} are considered permanent because they require removal of a small amount of tooth enamel. While they can technically be removed, your teeth would then require another restoration like new {{ service.name | lower }} or crowns. We always recommend considering {{ service.name | lower }} as a long-term commitment to your smile.</p>
474
  </div>
475
  </div>
476
 
477
  <div class="faq-item p-6 rounded-xl">
478
  <div class="faq-question flex justify-between items-center">
479
+ <h3 class="text-lg font-semibold">How do I care for my {{ service.name | lower }}?</h3>
480
  <i class="fas fa-chevron-down text-teal-400 transition-transform"></i>
481
  </div>
482
  <div class="faq-answer">
483
+ <p class="text-gray-400">Care for {{ service.name | lower }} just like your natural teeth: brush twice daily with a non-abrasive toothpaste, floss regularly, and visit your dentist for check-ups. Avoid chewing on hard objects (ice, pens, etc.) and consider wearing a nightguard if you grind your teeth. While {{ service.name | lower }} are stain-resistant, it's still good to limit consumption of staining foods and drinks.</p>
484
  </div>
485
  </div>
486
 
487
  <div class="faq-item p-6 rounded-xl">
488
  <div class="faq-question flex justify-between items-center">
489
+ <h3 class="text-lg font-semibold">Are {{ service.name | lower }} right for everyone?</h3>
490
  <i class="fas fa-chevron-down text-blue-400 transition-transform"></i>
491
  </div>
492
  <div class="faq-answer">
493
+ <p class="text-gray-400">{{ service.name }} are an excellent option for many people wanting to improve their smile, but not everyone is an ideal candidate. They work best for patients with generally healthy teeth and gums. Those with significant tooth decay, gum disease, or insufficient tooth enamel may need other treatments first. During your consultation, we'll determine if {{ service.name | lower }} are right for you.</p>
494
  </div>
495
  </div>
496
  </div>
 
502
  <div class="glow-effect glow-teal" style="top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px;"></div>
503
  <div class="container mx-auto text-center relative z-10">
504
  <h2 class="text-3xl md:text-4xl font-bold mb-6 bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">Ready for Your Dream Smile?</h2>
505
+ <p class="text-xl mb-8 max-w-2xl mx-auto text-gray-300">Schedule a {{ service.name | lower }} consultation today and get a personalized smile preview</p>
506
+ <button class="bg-gradient-to-r from-teal-500 to-blue-600 text-white px-8 py-4 rounded-full font-semibold text-lg hover:opacity-90 transition shadow-lg">Book Your {{ service.name }} Consultation</button>
507
  <p class="mt-4 text-gray-400 text-sm">or call us at <a href="tel:+15551234567" class="text-teal-400 hover:underline">(555) 123-4567</a></p>
508
  </div>
509
  </section>
 
559
  </div>
560
 
561
  <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500">
562
+ <p>© 2023 DentalArt. All rights reserved.</p>
563
  </div>
564
  </div>
565
  </footer>