DentistWebApp_UsingAI_VibeCode/faqs.html at main · barik011/DentistWebApp_UsingAI_VibeCode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Frequently asked questions about dental treatments, cost, pain, recovery, child dental care, and appointment process at BrightSmile Dental Clinic.">
  <meta name="keywords" content="dental FAQ, treatment cost, root canal pain, braces recovery, child dentist questions">
  <title>FAQs | BrightSmile Dental Clinic</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet">
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  <link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
  <a class="skip-link" href="#main-content">Skip to main content</a>

  <nav class="navbar navbar-expand-lg fixed-top" aria-label="Main navigation">
    <div class="container">
      <a class="navbar-brand" href="index.html"><i class="fa-solid fa-tooth me-2"></i>BrightSmile Dental</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="mainNavbar">
        <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
          <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
          <li class="nav-item"><a class="nav-link" href="about.html">About Doctor</a></li>
          <li class="nav-item"><a class="nav-link" href="services.html">Services</a></li>
          <li class="nav-item"><a class="nav-link" href="treatments.html">Treatments</a></li>
          <li class="nav-item"><a class="nav-link" href="gallery.html">Smile Gallery</a></li>
          <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li>
          <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
          <li class="nav-item"><a class="nav-link" href="appointment.html">Appointment</a></li>
          <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
          <li class="nav-item"><a class="nav-link" href="faqs.html">FAQs</a></li>
        </ul>
        <a href="appointment.html" class="btn btn-brand ms-lg-3">Book Now</a>
      </div>
    </div>
  </nav>

  <main id="main-content">
    <section class="page-hero">
      <div class="container" data-aos="fade-up">
        <h1>Frequently Asked Questions</h1>
        <p>Answers to common dental questions about procedures, recovery, cost planning, and appointment process.</p>
      </div>
    </section>

    <section class="section-padding">
      <div class="container">
        <div class="accordion" id="faqAccordion" data-aos="fade-up">
          <div class="accordion-item">
            <h2 class="accordion-header" id="faqHeadingOne">
              <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqOne" aria-expanded="true" aria-controls="faqOne">
                Is root canal treatment painful?
              </button>
            </h2>
            <div id="faqOne" class="accordion-collapse collapse show" aria-labelledby="faqHeadingOne" data-bs-parent="#faqAccordion">
              <div class="accordion-body text-muted">Modern root canal treatment is usually comfortable with local anesthesia and precise instrumentation. Most patients feel immediate relief from pre-treatment pain.</div>
            </div>
          </div>

          <div class="accordion-item">
            <h2 class="accordion-header" id="faqHeadingTwo">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqTwo" aria-expanded="false" aria-controls="faqTwo">
                How much does a dental implant cost?
              </button>
            </h2>
            <div id="faqTwo" class="accordion-collapse collapse" aria-labelledby="faqHeadingTwo" data-bs-parent="#faqAccordion">
              <div class="accordion-body text-muted">Implant cost depends on bone condition, implant system, and crown type. We provide a detailed, transparent estimate after clinical assessment and scans.</div>
            </div>
          </div>

          <div class="accordion-item">
            <h2 class="accordion-header" id="faqHeadingThree">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqThree" aria-expanded="false" aria-controls="faqThree">
                How long does braces treatment take?
              </button>
            </h2>
            <div id="faqThree" class="accordion-collapse collapse" aria-labelledby="faqHeadingThree" data-bs-parent="#faqAccordion">
              <div class="accordion-body text-muted">Treatment duration varies by alignment complexity, usually 12 to 24 months. Regular follow-ups help achieve predictable and stable outcomes.</div>
            </div>
          </div>

          <div class="accordion-item">
            <h2 class="accordion-header" id="faqHeadingFour">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqFour" aria-expanded="false" aria-controls="faqFour">
                When should a child have their first dental visit?
              </button>
            </h2>
            <div id="faqFour" class="accordion-collapse collapse" aria-labelledby="faqHeadingFour" data-bs-parent="#faqAccordion">
              <div class="accordion-body text-muted">The first dental visit is recommended by age one or within six months after the first tooth appears. Early visits prevent cavities and build positive dental habits.</div>
            </div>
          </div>

          <div class="accordion-item">
            <h2 class="accordion-header" id="faqHeadingFive">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqFive" aria-expanded="false" aria-controls="faqFive">
                Do teeth whitening results last permanently?
              </button>
            </h2>
            <div id="faqFive" class="accordion-collapse collapse" aria-labelledby="faqHeadingFive" data-bs-parent="#faqAccordion">
              <div class="accordion-body text-muted">Whitening results are long-lasting but not permanent. Avoiding staining foods, smoking, and maintaining oral hygiene helps preserve brightness.</div>
            </div>
          </div>

          <div class="accordion-item">
            <h2 class="accordion-header" id="faqHeadingSix">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqSix" aria-expanded="false" aria-controls="faqSix">
                How can I book and confirm an appointment?
              </button>
            </h2>
            <div id="faqSix" class="accordion-collapse collapse" aria-labelledby="faqHeadingSix" data-bs-parent="#faqAccordion">
              <div class="accordion-body text-muted">Use our online booking form or WhatsApp contact. Once submitted, our team will call/message you to confirm your date, time, and treatment details.</div>
            </div>
          </div>

          <div class="accordion-item">
            <h2 class="accordion-header" id="faqHeadingSeven">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqSeven" aria-expanded="false" aria-controls="faqSeven">
                What is the recovery time after tooth extraction?
              </button>
            </h2>
            <div id="faqSeven" class="accordion-collapse collapse" aria-labelledby="faqHeadingSeven" data-bs-parent="#faqAccordion">
              <div class="accordion-body text-muted">Most patients recover in 2 to 5 days for simple extraction. Follow post-op instructions, avoid smoking, and attend follow-up if advised.</div>
            </div>
          </div>

          <div class="accordion-item">
            <h2 class="accordion-header" id="faqHeadingEight">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqEight" aria-expanded="false" aria-controls="faqEight">
                Is emergency dental support available?
              </button>
            </h2>
            <div id="faqEight" class="accordion-collapse collapse" aria-labelledby="faqHeadingEight" data-bs-parent="#faqAccordion">
              <div class="accordion-body text-muted">Yes. For severe tooth pain, swelling, or dental trauma, call us directly for priority scheduling and emergency guidance.</div>
            </div>
          </div>
        </div>

        <div class="info-card p-4 p-lg-5 mt-4" data-aos="fade-up">
          <div class="row align-items-center g-3">
            <div class="col-lg-8">
              <h2 class="h3 mb-2">Still Have Questions?</h2>
              <p class="text-muted mb-0">Speak to our team for personalized guidance on treatment options, expected costs, and recovery planning.</p>
            </div>
            <div class="col-lg-4 text-lg-end">
              <a href="contact.html" class="btn btn-soft me-2">Contact Us</a>
              <a href="appointment.html" class="btn btn-brand">Book Appointment</a>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer class="pt-5">
    <div class="container">
      <div class="row g-4">
        <div class="col-lg-4">
          <h3 class="h5">BrightSmile Dental Clinic</h3>
          <p>Comprehensive, ethical, and modern dentistry led by Dr. Ananya Sharma with 15+ years of trusted experience.</p>
          <div class="social-links">
            <a href="#" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
            <a href="#" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
            <a href="#" aria-label="YouTube"><i class="fa-brands fa-youtube"></i></a>
            <a href="#" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
          </div>
        </div>
        <div class="col-sm-6 col-lg-4">
          <h3 class="h6">Quick Links</h3>
          <ul class="list-unstyled small">
            <li class="mb-2"><a href="about.html">About Doctor</a></li>
            <li class="mb-2"><a href="services.html">Services</a></li>
            <li class="mb-2"><a href="treatments.html">Treatments</a></li>
            <li class="mb-2"><a href="appointment.html">Book Appointment</a></li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </div>
        <div class="col-sm-6 col-lg-4">
          <h3 class="h6">Contact Info</h3>
          <ul class="list-unstyled small mb-0">
            <li class="mb-2"><i class="fa-solid fa-location-dot me-2"></i>24 Green Park Road, New Delhi</li>
            <li class="mb-2"><i class="fa-solid fa-phone me-2"></i><a href="tel:+919876543210">+91 98765 43210</a></li>
            <li class="mb-2"><i class="fa-solid fa-envelope me-2"></i><a href="mailto:care@brightsmiledental.in">care@brightsmiledental.in</a></li>
            <li><i class="fa-regular fa-clock me-2"></i>Mon - Sat: 9 AM - 8 PM</li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom mt-4 py-3 small d-flex flex-wrap justify-content-between gap-2">
        <span>Copyright <span class="current-year"></span> BrightSmile Dental Clinic. All rights reserved.</span>
        <span>Designed for patient trust, comfort, and accessibility.</span>
      </div>
    </div>
  </footer>

  <div class="floating-contact" aria-label="Quick contact buttons">
    <a class="whatsapp-float" href="https://wa.me/919876543210" target="_blank" rel="noopener" aria-label="Chat on WhatsApp"><i class="fa-brands fa-whatsapp"></i></a>
    <a class="call-float" href="tel:+919876543210" aria-label="Call clinic"><i class="fa-solid fa-phone"></i></a>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script src="assets/js/main.js"></script>
</body>
</html>