---
import ContactDetails from '../components/ContactDetails/ContactDetails.astro';
import Layout from '../layouts/Layout.astro';
import { MailIcon } from '../components/Icons/Icons';
---

<Layout title="Contact | UP IECEP">
  <section class="contact-section">
    <h1>Contact Us</h1>

    <!-- Your main UP IECEP general contact info -->
    <ContactDetails displayTitle={false} />

    <!-- Your new Committee Emails section -->
    <div class="committee-contacts">
      <h2>Committee Emails</h2>
      <ul>
        <li>
          <a href="mailto:academic.affairs@upiecep.org" target="_blank" rel="noopener noreferrer">
            <MailIcon client:load />
            <span>academic.affairs@upiecep.org</span>
          </a>
        </li>
        <li>
          <a href="mailto:external.affairs@upiecep.org" target="_blank" rel="noopener noreferrer">
            <MailIcon client:load />
            <span>external.affairs@upiecep.org</span>
          </a>
        </li>
        <li>
          <a href="mailto:internal.affairs@upiecep.org" target="_blank" rel="noopener noreferrer">
            <MailIcon client:load />
            <span>internal.affairs@upiecep.org</span>
          </a>
        </li>
        <li>
          <a href="mailto:logistics@upiecep.org" target="_blank" rel="noopener noreferrer">
            <MailIcon client:load />
            <span>logistics@upiecep.org</span>
          </a>
        </li>
        <li>
          <a href="mailto:marketing.and.finance@upiecep.org" target="_blank" rel="noopener noreferrer">
            <MailIcon client:load />
            <span>marketing.and.finance@upiecep.org</span>
          </a>
        </li>
        <li>
          <a href="mailto:publicity@upiecep.org" target="_blank" rel="noopener noreferrer">
            <MailIcon client:load />
            <span>publicity@upiecep.org</span>
          </a>
        </li>
        <li>
          <a href="mailto:secretariat@upiecep.org" target="_blank" rel="noopener noreferrer">
            <MailIcon client:load />
            <span>secretariat@upiecep.org</span>
          </a>
        </li>
      </ul>
    </div>

  </section>
</Layout>
