Contact

---
import Contact from 'fulldev-ui/blocks/Contact.astro'
---

<Contact
  heading="Contact us"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus ac libero ultrices tincidunt. Nullam nec purus ac libero ultrices tincidunt."
  tagline="Get in touch"
  channels={[
    {
      type: 'tel',
      heading: 'Phone',
      text: '123-456-7890',
      icon: 'phone',
      href: 'tel:123-456-7890',
    },
    {
      type: 'email',
      heading: 'Email',
      text: 'contact@example.com',
      icon: 'mail',
      href: 'mailto:contact@example.com',
    },
    {
      type: 'address',
      heading: 'Address',
      text: '1234 Main St, Springfield, IL 62701',
      icon: 'map-pin',
    },
  ]}
  socials={{
    facebook: 'https://facebook.com/example',
    instagram: 'https://instagram.com/example',
  }}
  form={{
    fields: [
      {
        type: 'text',
        name: 'name',
        label: 'Name',
        required: true,
      },
      {
        type: 'email',
        name: 'email',
        label: 'Email',
        required: true,
      },
      {
        type: 'tel',
        name: 'phone',
        label: 'Phone',
      },
      {
        type: 'textarea',
        name: 'message',
        label: 'Message',
        required: true,
      },
    ],
    button: 'Send Message',
  }}
  position="viewport"
  image="/images/placeholder-landscape.webp"
/>