Advanced Contact

Discover Vulk's advanced blocks and learn how you can customize them to build incredible and memorable projects.

Components Open Docs
Block ABlock BBlock CBlock D

Block A

Advanced block A variation 1

View Props
First Name
Last Name
Email Address
Message

Block A Props

Available props for block A


<template>
  <ContactForm />
</template>

Block B

Advanced block B variation 1

View Props

Contact Us

Fill out the form below to reach us

First Name
Last Name
Email Address
Message

Block B Props

Available props for block B


<template>
  <SideContact
    title="Contact Us"
    subtitle="Fill out the form below to reach us"
    :lng="12.550343"
    :lat="55.665957"
    :zoom="16"
  />
</template>

Block C

Advanced block C variation 1

View Props

Contact Us

Fill out the form below to reach us

First Name
Last Name
Email Address
Message

Block C Props

Available props for block C


<template>
  <BlockContact
    title="Contact Us"
    subtitle="Fill out the form below to reach us"
    :lng="12.550343"
    :lat="55.665957"
    :zoom="16"
  />
</template>

Block D

Advanced block D variation 1

View Props

Email

contact@vulk.io

Lorem ipsum dolor sit amet, consectetur adipiscing elit. At ille pellit, qui permulcet sensum voluptate.

Phone

+1 44 598-5598

Lorem ipsum dolor sit amet, consectetur adipiscing elit. At ille pellit, qui permulcet sensum voluptate.

Location

28, Baker Street, Los Angeles, CA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. At ille pellit, qui permulcet sensum voluptate.

Live Chat

https://support.vulk.io

Lorem ipsum dolor sit amet, consectetur adipiscing elit. At ille pellit, qui permulcet sensum voluptate.

Block D Props

Available props for block D


<script setup lang="ts">
import { contactInfo } from '/@src/data/pages/contact'
</script>

<template>
  <ContactInfo :infos="contactInfo" />
</template>