---
import Root from '../layouts/Root.astro';
import Main from '../layouts/Bundle.astro';

import { Image } from 'astro:assets';
import Whatsapp from '../assets/svg/whatsapp-messenger.svg';
import Telegram from '../assets/svg/telegram-messenger.svg';
import Signal from '../assets/svg/signal-messenger.svg';
---

<Root
  title="Contactenos"
  description="Completa nuestro formulario para recibir información personalizada \
  sobre nuestros cursos, carreras y facilidades de pago."
  path='/contact/'>
  <Main className='container content-space-t-3' id='contact'>
    <div class="text-center">
      <h1 class="text-white">¿Chateamos?</h1>
      <p class="text-white">Elije la plataforma que más te guste y dejanos un mensaje. Prometemos respondete lo más rápido posible 💬</p>
    </div>
    <div class="row my-5">
      <div class="col-lg-2"></div>
      <div class="col-4 col-lg-3">
        <a class="btn btn-light" href="https://wa.me/+13073462797">
          <Image
            class="img-fluid"
            src={Whatsapp}
            alt="Whatsapp logo"
            width={150}
            height={150}
            />
        </a>
      </div>
      <div class="col-4 col-lg-3">
        <a class="btn btn-light" href="https://t.me/+13073462797">
          <Image
            class="img-fluid"
            src={Telegram}
            alt="Telegram logo"
            width={150}
            height={150}
            />
        </a>
      </div>    
      <div class="col-4 col-lg-3">
        <a class="btn btn-light" href="https://signal.me/#p/+13073462797">
          <Image
            class="img-fluid"
            src={Signal}
            alt="Signal logo"
            width={150}
            height={150}
            />
        </a>
      </div>
    </div>
  </Main>
</Root>
