export const Contact = () => (
  <section id="contact" class="scroll-mt-24">
    <h2 class="text-3xl font-bold mb-4 text-dracula-purple">Contact</h2>
    <div class="space-y-4">
      <div class="bg-dracula-selection p-6 rounded-lg">
        <h3 class="text-xl font-bold text-dracula-cyan mb-3">Get in Touch</h3>
        <p class="mb-4">
          Interested in working together? Reach out via email or connect on social platforms.
        </p>
        <div class="space-y-2">
          <a href="mailto:sudeste@example.com" class="flex items-center text-dracula-green hover:underline">
            <span class="mr-2">📧</span> sudeste@example.com
          </a>
          <a href="https://github.com/Sudeste" target="_blank" class="flex items-center text-dracula-green hover:underline">
            <span class="mr-2">🐙</span> GitHub
          </a>
          <a href="https://linkedin.com/in/sudeste" target="_blank" class="flex items-center text-dracula-green hover:underline">
            <span class="mr-2">💼</span> LinkedIn
          </a>
        </div>
      </div>
      <div class="bg-dracula-selection p-6 rounded-lg">
        <h3 class="text-xl font-bold text-dracula-cyan mb-3">Download Resume</h3>
        <a href="/resume.pdf" class="text-dracula-green hover:underline" download>
          📄 Download PDF Resume
        </a>
      </div>
    </div>
  </section>
)