Navigation: [/sitemap.md](/sitemap.md)

---
type: block
category: "contact"
title: "Contact 3"
description: "Fill out the form and our team will get back to you within 24 hours."
---

```astro live props={{ name: 'contact-3' }}
---
import Contact3Block from "@/components/blocks/contact-3.astro"
import placeholderImage from "@/assets/placeholder.webp"
---

<Contact3Block
  title="Let's build something great"
  description="Fill out the form and our team will get back to you within 24 hours."
  contactItems={[
    {
      icon: "mail",
      title: "Email",
      description: "contact@full.dev",
      href: "mailto:contact@full.dev",
    },
    {
      icon: "phone",
      title: "Phone",
      description: "+31 6 83485163",
      href: "tel:+31683485163",
    },
    {
      icon: "map-pin",
      title: "Office",
      description: "Vismarkt 5a, 9712 CA Groningen",
      href: "https://maps.google.com/?q=Vismarkt%205a%2C%209712%20CA%20Groningen",
    },
    {
      icon: "clock",
      title: "Hours",
      description: "Weekdays, 9 am to 6 pm CET",
      href: "#",
    },
  ]}
  form={{
    legend: "Contact form",
    nameLabel: "Name",
    namePlaceholder: "Morgan Hale",
    emailLabel: "Email",
    emailPlaceholder: "morgan@team.dev",
    messageLabel: "Message",
    messagePlaceholder:
      "Tell us what you are working on and how we can help...",
    actionLabel: "Send message",
  }}
  image={{ src: placeholderImage, alt: "Workspace preview" }}
/>
```