Styled footer for feedback page.

pages/feedback.html

@@ -109,9 +109,73 @@ <h3>Thank You!</h3>
   <canvas id="confetti-canvas" class="confetti-canvas"></canvas>
 
   <!-- Footer -->
-  <footer id="footer">
-    <!-- Keep your footer exactly the same as before -->
-    ... (omitted for brevity, unchanged)
+ <footer id="footer">
+    <div class="footer-content-wrapper">
+      <!-- Section 1: About Desh Darshan -->
+      <div class="footer-section">
+        <h3 class="footer-section-title">Desh Darshan</h3>
+        <p>
+          Desh Darshan is your gateway to the vibrant and diverse culture of
+          India. We aim to introduce the world to India's rich heritage,
+          traditions, arts, and history.
+        </p>
+        <div class="footer-logo">Desh Darshan</div>
+      </div>
+
+      <!-- Section 2: Quick Links -->
+      <div class="footer-section">
+        <h3 class="footer-section-title">Quick Links</h3>
+        <ul>
+          <li><a href="../" class="footer-link">Home</a></li>
+          <li><a href="about-us.html" class="footer-link">About Us</a></li>
+          <li><a href="explore.html" class="footer-link">Explore India</a></li>
+          <li><a href="feedback.html" class="footer-link">Feedback</a></li>
+          <li><a href="contactus.html" class="footer-link">Contact Us</a></li>
+        </ul>
+      </div>
+
+      <!-- Section 3: Contact Us -->
+      <div class="footer-section">
+        <h3 class="footer-section-title">Contact Us</h3>
+        <ul>
+          <li class="footer-contact-item">
+            <i class="fas fa-envelope"></i>
+            <span>[email protected]</span>
+          </li>
+          <li class="footer-contact-item">
+            <i class="fas fa-phone-alt"></i>
+            <span>+91 1234567890</span>
+          </li>
+          <li class="footer-contact-item">
+            <i class="fas fa-map-marker-alt"></i>
+            <span>New Delhi, India</span>
+          </li>
+        </ul>
+      </div>
+
+      <!-- Section 4: Follow Us -->
+      <div class="footer-section">
+        <h3 class="footer-section-title">Follow Us</h3>
+        <div class="social-icons-container">
+          <a href="#" class="social-icon" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+          <a href="#" class="social-icon" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a>
+          <a href="#" class="social-icon" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+          <a href="#" class="social-icon" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
+        </div>
+        <div class="newsletter">
+          <h4>Subscribe to our newsletter</h4>
+          <form class="newsletter-form">
+            <input type="email" placeholder="Your email address" />
+            <button type="submit"><i class="fas fa-paper-plane"></i></button>
+          </form>
+        </div>
+      </div>
+    </div>
+
+    <!-- Copyright -->
+    <div class="copyright-section">
+      &copy; <span id="year"></span> Desh Darshan. All rights reserved.
+    </div>
   </footer>
 
   <!-- JS Libraries -->