---
import Layout from '~/layouts/PageLayout.astro';
import HeroText from '~/components/widgets/HeroText.astro';
import CallToAction from '~/components/widgets/CallToAction.astro';

const metadata = {
  title: 'Contact',
};
---

<Layout metadata={metadata}>
  <!-- HeroText Widget ******************* -->

  <HeroText tagline="Contact" title="Let's Connect!" />


  <!-- CallToAction Widget *********** -->

  <CallToAction
    actions={[
      {
        variant: 'primary',
        target: '_blank',
        text: 'Write an Email',
        href: 'mailto:info@threefold.io',
      },
      {
        variant: 'primary',
        target: '_blank',
        text: 'Reach Support',
        href: 'https://threefoldfaq.crisp.help/en/',
      },
      {
        variant: 'primary',
        target: '_blank',
        text: 'ThreeFold Chat',
        href: 'https://t.me/threefold',
      },
    ]}
  >
    <Fragment slot="title">It's our pleasure to assist you.</Fragment>

    <Fragment slot="subtitle">
      Write us an email or contact the support team for more information. <br>You can also join the ThreeFold chat to discuss with our amazing community! <br> It's our pleasure to assist you!
    </Fragment>
  </CallToAction>

  
</Layout>