@extends('layouts.public')

@section('title', 'Contact Us - The LaLiT Dining Club')

@section('content')
<!-- Contact Content -->
  <div class="contact-container">
    <div class="contact-header">
      <h1>Contact Us</h1>
      <h2>Contact Information / Grievance Redressal</h2>
      <p>For assistance, members can reach out to our dedicated support team across various locations</p>
    </div>

    <div class="contact-info">
      <div class="contact-section">
        <h3>Email Support</h3>
        <div class="contact-details">
          <div class="contact-item">
            <div class="contact-item-header">
              <div class="contact-icon">
                <i class="fas fa-envelope"></i>
              </div>
              <h4>General Inquiries</h4>
            </div>
            <p>
              <a href="mailto:lalitloyaltysupport@thelalit.com">lalitloyaltysupport@thelalit.com</a>
            </p>
          </div>
        </div>
      </div>

      <div class="contact-section">
        <h3>Phone Support</h3>
        <div class="contact-details">
          <div class="contact-item">
            <div class="contact-item-header">
              <div class="contact-icon">
                <i class="fas fa-phone"></i>
              </div>
              <h4>New Delhi</h4>
            </div>
            <div class="phone-numbers">
              <a href="tel:+911144447410">011-44447410</a>
              <a href="tel:+911144447411">011-44447411</a>
            </div>
          </div>

          <div class="contact-item">
            <div class="contact-item-header">
              <div class="contact-icon">
                <i class="fas fa-phone"></i>
              </div>
              <h4>Mumbai</h4>
            </div>
            <div class="phone-numbers">
              <a href="tel:+912261043369">022-61043369</a>
              <a href="tel:+912261043808">022-61043808</a>
            </div>
          </div>

          <div class="contact-item">
            <div class="contact-item-header">
              <div class="contact-icon">
                <i class="fas fa-phone"></i>
              </div>
              <h4>Kolkata</h4>
            </div>
            <div class="phone-numbers">
              <a href="tel:+913344447777">033 44447777 Extn 7886</a>
            </div>
          </div>

          <div class="contact-item">
            <div class="contact-item-header">
              <div class="contact-icon">
                <i class="fas fa-phone"></i>
              </div>
              <h4>Jaipur</h4>
            </div>
            <div class="phone-numbers">
              <a href="tel:+911415197820">0141-5197820</a>
            </div>
          </div>

          <div class="contact-item">
            <div class="contact-item-header">
              <div class="contact-icon">
                <i class="fas fa-phone"></i>
              </div>
              <h4>Bangalore</h4>
            </div>
            <div class="phone-numbers">
              <a href="tel:+918030527777">080-30527777 ext. 8020</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection